@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Orbitron:700|Exo+2:400,600,700,700i|Sriracha);@charset "UTF-8";

/*$ui-orange: #ff931e;*/

/*22px at 320*/

/*56px at 768*/

/*160px at 1920*/

/* Flex https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

/*desktop
width: 1920 = 100vw
content width: 1600 = 83.333333vw
column width: 136 = 7.083333vw
column content width: 104 = 5.416666vw
gutter width: 32 = 1.666666vw
content padding: 160 - 8.5 = calc(8.333333vw - 8.5px)
*scrollbar width: 17px do not convert

tablet
width: 768 = 100vw
content width: 656 = 85.416666vw
column width: 56 = 7.291666vw
column content width: 40 = 5.208333vw
gutter width: 16 = 2.083333vw
content padding = 56 = 7.291666vw

mobile
width: 320 = 100vw
content width: 276 = 86.25vw
column width: 48 = 7.5vw
column content width = 3.75vw
gutter width: 24 = 3.75vw
content padding: 22 = 6.875vw
*/

/*$flex_container_padding: 8.333333vw;*/

/*$flex_col_width: 5.3444445vw;*/

/*$flex_col_gutter_width: 1.6vw;*/

.flex_row {
  margin: 0 auto;
  /*width: calc(100vw - (6.875vw * 2));*/
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* or inline-flex */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.flex_row.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex_row .flex_col {
  /* Grow Shrink Basis */
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex_row .flex_col.heading_content {
  /* width: calc((12 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
  width: calc((12 * (3.75vw + 3.75vw)) - 3.75vw);
}

.flex_row .flex_col.primary_content {
  /*width: calc((12 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
  width: calc((12 * (3.75vw + 3.75vw)) - 3.75vw);
}

.flex_row .flex_col.sidebar_content {
  /*width: calc(( 12 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
  width: calc((12 * (3.75vw + 3.75vw)) - 3.75vw);
}

.flex_row .sidebar_content h3 {
  font-size: 1.3rem;
  margin-bottom: 1.4rem;
}

.flex_row .sidebar_content li {
  font-size: 0.75rem;
}

.flex_row.post_nav,
.flex_row.author_info {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* or inline-flex */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.flex_row.post_nav .flex_col,
.flex_row.author_info .flex_col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  height: 100px;
}

.flex_row.post_nav .flex_col.nav_next,
.flex_row.author_info .flex_col.nav_next {
  text-align: right;
}

@media (min-width: 768px) {
  .flex_row .flex_col {
    /* Grow Shrink Basis */
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .flex_row .flex_col.heading_content {
    /* width: calc((12 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((12 * (5.20833vw + 2.08333vw)) - 2.08333vw);
  }

  .flex_row .flex_col.primary_content {
    /*width: calc((9 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((12 * (5.20833vw + 2.08333vw)) - 2.08333vw);
  }

  .flex_row .flex_col.sidebar_content {
    /*width: calc((3 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((12 * (5.20833vw + 2.08333vw)) - 2.08333vw);
  }
}

@media (min-width: 1280px) {
  .flex_row {
    /*width: calc(100vw - (2 * 8.333333vw));*/
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex_row .flex_col {
    /* Grow Shrink Basis */
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .flex_row .flex_col.heading_content {
    /* width: calc((12 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((12 * (5.41667vw + 1.66667vw)) - 1.66667vw);
  }

  .flex_row .flex_col.primary_content {
    /*width: calc((9 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((9 * (5.41667vw + 1.66667vw)) - 1.66667vw);
  }

  .flex_row .flex_col.sidebar_content {
    /*width: calc((3 * (3.75vw + 3.75vw)) - (3.75vw / 2));*/
    width: calc((3 * (5.41667vw + 1.66667vw)) - 1.66667vw);
  }

  .flex_row .sidebar_content h3 {
    font-size: 1.3rem;
  }

  .flex_row .sidebar_content li {
    font-size: 0.75rem;
  }
}

/*@import "~foundation-sites/scss/foundation";



@include foundation-global-styles();
@include foundation-grid();

@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;*/

html {
  /*14px at 320*/
  font-size: 4.375vw;
}

*,
html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  background: #0d1f2c url(../images/hexgrid.svg);
  background-size: auto;
  line-height: 1.5em;
  font-family: "Open Sans", arial, sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #9fe0f8;
}

p {
  margin-bottom: 1em;
}

.clear {
  clear: both;
}

.textright {
  text-align: right;
}

.hidden {
  display: none;
}

.svg-definitions {
  display: none;
}

.svg-definitions polygon,
.svg-definitions circle,
.svg-definitions path {
  /*fill: green;*/
}

/** Because IOS */

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a {
  color: #ff931e;
  text-decoration: none;
  -webkit-transition: color 0.3s, border 0.3s;
  -o-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
  /*text-shadow: 0.08em 0.08em 0 #102b3e, -0.08em 0.08em 0 #102b3e, 0.08em 0 0 #102b3e, -0.08em 0 0 #102b3e;
  box-shadow: inset 0 -0.08em 0 0 $ui-blue-5;*/
}

a:hover {
  color: white;
  /* text-shadow: 0.1em 0.1em 0 $ui-blue-H, -0.1em 0.1em 0 $ui-blue-H, 0.2em 0 0 $ui-blue-H, -0.2em 0 0 $ui-blue-H;
    box-shadow: inset 0 -0.1em 0 0 $ui-blue-3, inset 0 -0.3em 0 0 $ui-blue-H;*/
}

section:first-of-type {
  padding: 7rem 7.891vw;
}

section:first-of-type#bladeHero {
  padding: 0;
}

section {
  position: relative;
  padding: 3.7rem 6.875vw;
  overflow: hidden;
}

/*scales with font size*/

h3 {
  font-size: 1.142857rem;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1.3em;
  color: #b9ecfd;
  text-transform: uppercase;
  text-shadow: 0.05556em 0.05556em 0px rgba(16, 43, 62, 0.7);
  display: inline-block;
  margin: 0px 1.5em 0.2em 0.6em;
  position: relative;
}

h3 div {
  position: relative;
}

h3 .back {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 75%;
}

h3 .back::before,
h3 .back::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  background: url(../images/h2back.svg) left top no-repeat;
  background-size: auto 100%;
  left: -0.7em;
  right: 49%;
}

h3 .back::after {
  background-position: right top;
  left: 49%;
  right: -1.5em;
}

h3 .forward {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 0.8em;
}

h3 .forward::before,
h3 .forward::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  background: url(../images/sidebar-title-right.svg) left top no-repeat;
  background-size: auto 100%;
  left: -0.7em;
  right: 49%;
}

h3 .forward::after {
  background-position: right top;
  left: 49%;
  right: -0.5em;
}

@media (min-width: 768px) {
  html {
    /* 20px at 768 wide*/
    font-size: 2.604166vw;
    /* 30px at 768 wide*/
    line-height: 1.5em;
  }

  h3 {
    font-size: 1.5rem;
    margin-bottom: 0.7em;
  }

  h3 .back {
    height: 0.8em;
  }

  section {
    padding: 3.7rem 7.29167vw;
  }
}

@media (min-width: 768px) and (min-aspect-ratio: 1 / 1) {
  /*maintain proper font size for landscape on tablet*/

  html {
    font-size: 2.14844vw;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  /*maintain proper font size for landscape on mobile*/

  html {
    font-size: 2.02vw;
  }
}

@media (min-width: 1280px) {
  html {
    /*24px at 1920*/
    font-size: 1.25vw;
  }

  h3 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }

  a.button-anim {
    font-size: 1.3334rem;
  }

  section {
    padding: 4rem 7.891vw;
  }
}

@-webkit-keyframes opacityOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes opacityOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opacityOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes barrelRoll {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-o-keyframes barrelRoll {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes barrelRoll {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*accept current animation time marker, total time, return current percentage of total*/

@font-face {
  font-family: 'downicon';
  src: url(../styles/fonts/downicon.eot);
  src: url(../styles/fonts/downicon.eot) format("embedded-opentype"), url(../styles/fonts/downicon.ttf) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAABJEAAsAAAAAEfgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGEWNtYXAAAAFoAAAAVAAAAFQXVtKTZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAADegAAA3or1KrZWhlYWQAAA+sAAAANgAAADYSE7QVaGhlYQAAD+QAAAAkAAAAJAe/A9JobXR4AAAQCAAAAEQAAABEOgEBsGxvY2EAABBMAAAAJAAAACQULBd2bWF4cAAAEHAAAAAgAAAAIAAXAJ9uYW1lAAAQkAAAAZIAAAGSxCNmaXBvc3QAABIkAAAAIAAAACAAAwAAAAMD2wGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QwDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkM//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQD2/8ADCgPAABkAAAE3IzU0NjsBNSImIyIHDgEHBh0BIxUzETMRAu0WsyI4YAxPMjQrKz4REZ2dvQGTt3MmM6QGEBA9LSw6hrf+LQHTAAAB//0AIAQAA2AATQAAAQ4BBz4BNw4BBy4BIyIHDgEHBhUUFhcmJy4BJyYnDgEVFBYXIiYnFRQWFw4BIyImJx4BFw4BIyoBJxYXHgEXFjMyNz4BNzY1PAE1PgE3BAAdOyIiLwwfQyQdTiwrJic5EREEA0I+PW8wMCgODjQoGjAWYkgOGg4KEwoTbUM0iEoMGwwkJyZTKysskXBwlygnHDQWAv0MEgITPCQTGQcfJBAROSYnLAwYDAMRETknKDAYNR03XB0ODARMcg4DBAECPlIDKy4DFhERGAcGNjesamtoCA4HFjUfAAAAAgAAAFoEAAMmAAMAIwAAAQURBQURMCcuAScmIyEwBw4BBwYVETAXHgEXFjMhMDc+ATc2Asb+sAFQAToDAiEkJEL9YBscQhscAwIhJCRCAqAbHEIbHAHAxgGJw7YBbBwbQhwbAgMhJCRC/pQcG0IcGwIDISQkAAAABQAA/8AEAAPAABsAZgByAI8AnAAAATIWFx4BHQEUBgcOASsBIiYnLgE9ATQ2Nz4BMzcqASMxKgEjIgcOAQcGBwYHDgEHBhUxFBceARcWFxYXHgEXFjM6ATMxOgEzMjc+ATc2NzY3PgE3NjU4ATE0Jy4BJyYnJicuAScmIwMyFhUUBiMiJjU0NjciBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjJSIGFRQWMzI2NTQmIwIdmYgoLBERLCuZiDSZhykuEhEsK5mINwcPBwcLCEg6O2EnJyAjExIQAQEBAQ8SEiEhJSVePDtNBw8HBwsISDo7YScnICMTEhABAQEBDxISISElJV48O00dRmRkRkZkZEY2MC9IFRQUFUcwMDY2MC9IFRQUFUcwMDYBExomJhobJSUbA2MRLCuZlR2hiy4rERErLpqVGqOLKywRXQICERISISEnJ2NAQFROPz9nKSkhIRISEQICAgIREhIhIScnY0BAVE4/P2cpKSEhEhIRAgL+qmRGRmRkRkZkXBQVRzAwNjYwL0gVFBQVRzAwNjYwL0gVFEcmGhslJRsaJgAAAgBYAE8DqQMxABMAJgAAEy4BBw4BHwEHBhYXFjY3EzY0JwMhPgEXHgEPARcWBgcGJicDJjQ36BhPHxoEFba3FQQaHlAY/wUF/gIxF1AfGgQVtrcVBBofUBf/BQUDJSAIHBhHHfT2HUcYHAggAVgGEAYBViAIHBhHHfT2HUcYHAggAVgHDwYAAAIAAP/ABAADwAAeADsAACUBPgE1NCcuAScmIyIHDgEHBhUUFx4BFxYzMjY3ATcBIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIwQA/sYiJh4fakhHUVFHR2seHx8ea0dHUUBzMAE6XP2HNi8wRxQVFRRHMC82NjAvRxQVFRRHLzA2HAE6MHQ/UUdHax4fHx5rR0dRUUdIah8eJiL+xlwBGBUURy8wNjYvMEcUFRUURzAvNjYwL0cUFQAAAwAA/8AEAAPAADAATABvAAABPgE1NCcuAScmIyIHDgEHBhUUFhcGBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYnATIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NhMiJy4BJyY1NDc+ATc2Nx4BMzI2NxYXHgEXFhUUBw4BBwYjAwkfJRsaWj08RUU8PVoaGyQgNy4tQRISKCiLXl1qal1eiygoEhJBLS43/vcuKCk8ERISETwpKC4uKCk8ERISETwpKC5YS0xuHx8REj8sLDclVi8vViU3LCw/EhEfH25MS1gBtilkN0Q7O1kZGhoZWTs7RDdkKRUeHUgpKSxEKyszCQoKCTMrK0QsKSlIHR4VAZ0RETsnKC0sKCc7ERISETsnKCwtKCc7ERH82gMEGBcWJxwdHTQVFg4WGBgWDhYVNB0dHCcWFxgEAwAEAAP/wAQAA8AAFwAwAEkAeQAANzMyNi8BJjQ/ATYmKwEiBg8BBhQfAR4BOwEyNi8BJjQ/ATYmKwEiBg8BBhQfAR4BMzsBMjYvASY0PwE2JisBIgYPAQYUHwEeATMBFRQWOwEyNj0BNDYzITIWFREUBiMhIiY9ATQmKwEiBh0BFBYzITI2NRE0JiMhIgaedAUEAoYDA4YCBAV0BgwDhgMDhgMM5nQFBAKGAwOGAgQFdAYMA4YDA4YDDAbgdAUEAoYDA4YCBAV0BgwDhgMDhgMMBv7iEw0gDRMTDQHADRMTDf5ADRMTDSANExMNAoANExMN/YANE8AIBOgGDAboBAgGBugGDAboBgYIBOgGDAboBAgGBugGDAboBgYIBOgGDAboBAgGBugGDAboBgYC4IANExMNIA0TEw39AA0TEw0gDRMTDYANExMNA8ANExMAAAADAAr/wAP2A8AAXABjAGkAAAE0Jic3LgEnBy4BJzcuAScHLgEvAS4BIyIGDwEOAQcnDgEHFw4BBycOAQcXDgEVFBYXBx4BFzceARcHHgEXNx4BHwEeATMyNj8BPgE3Fz4BNyc+ATcXPgE3Jz4BNQ8BJxE3FxEnNScHFRcDjgICbAYTDHUMHRE5FjAaUhcuGQ8PHg8PHg8PGS4XUhowFjkRHQx1DBMGbAICAgJsBhMMdQwdETkWMBpSFy4ZDw8eDw8eDw8ZLhdSGjAWOREdDHUMEwZsAgKr4+Pj41iLi4sBwA0YDDMeORsWFicSaRQkDlYKEAR2AgICAnYEEApWDiQUaRInFhYbOR4zDBgNDRgMMx45GxYWJxJpFCQOVgoQBHYCAgICdgQQClYOJBRpEicWFhs5HjMMGA2DhIQBBoSE/vozoFBQoFAABAAA/8AEAAPAADQAUABeAHsAAAEHFhceARcWFRQGBxcWFA8BBiIvAQ4BJyYnLgEnJicmNjcjIgYVERQWMyEyNjURNCYjISIGByIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJjUzFBYzMjY3Fw4BATM+AT8BPgE3LgEnMScuASsBIgYPAQ4BHQE+ATMCUCg1LS1DExMXFZQJCS4JGwmULW88JyIjOBQVCg8NFsEZJCQZA4YZJCQZ/sIQHVguKSk9ERISET0pKS4uKSk9ERISET0pKS5CXkA4KA0YCyASKP4n7SJdNjoBAgEHDAVKCB4R8BEeCVMFBA4fEALhRAgZGUwwMTYqTiGUCRsJLgkJlBwWDQgTEzUiISc3aC0kGf46GSQkGQLGGSQQkBIRPSkpLi4pKT0REhIRPSkpLi4pKT0REv6AXkIoOAcGNwoMAWAmMgZjAgQBBQsIgA8REQ+RBxEIwAgJAAAAAAMAB//AA/wDwAAYADEAXgAAEzMyFgcDBhQXExYGKwEiJicDJjQ3Ez4BMzsBMhYHAwYUFxMWBisBIiYnAyY0NxM+ATMBISImPwE+ATsBMjY/ATY0LwEuASsBIiYvASY0PwE+ATsBMhYXExYUBwMOASPPfggIBJ4HB54ECAh+DhkHmgcHmgcZDvR+CAgEngcHngQICH4OGQeaBweaBxkOAUn+XQgJBFoEDwjMCA8EZgQEZgQPCHMJDwQlBAQlBA8J4ggPBNUEBNUEDwgDwA0H/u8NHA3+7wcNDg0BCg0cDQEKDQ4NB/7vDRwN/u8HDQ4NAQoNHA0BCg0O/AAOB5sHCQkHsAcSB7AHCQkHQAcSB0AHCQkH/pAHEgf+kAcJAAAAAAMAB//AA/wDwAAYADEAXgAAFzMyNicDJjQ3EzYmKwEiBgcDBhQXEx4BMzsBMjYnAyY0NxM2JisBIgYHAwYUFxMeATMBISIGHwEeATsBMhYfARYUDwEOASsBIgYPAQYUHwEeATsBMjY3EzY0JwMuASPPfggIBJ4HB54ECAh+DhkHmgcHmgcZDvR+CAgEngcHngQICH4OGQeaBweaBxkOAUn+XQgJBFoEDwjMCA8EZgQEZgQPCHMJDwQlBAQlBA8J4ggPBNUEBNUEDwhADQcBEQ0cDQERBw0ODf72DRwN/vYNDg0HARENHA0BEQcNDg3+9g0cDf72DQ4EAA4HmwcJCQewBxIHsAcJCQdABxIHQAcJCQcBcAcSBwFwBwkABABK/8ADugPAABgAMQBqAIMAAAEjIgYPAQYUHwEeATsBMjY/ATY0LwEuASMXBw4BKwEiBh8BHgE7ATI2PwE2NC8BJiIHJScuASsBIiYnAy4BKwEiBg8BBhQfARYUDwEGFBcTFhQPAQYWOwEyNj8BPgE7ATI2PwE+AT0BNCYnBQcOASsBIgYfAR4BOwEyNj8BNjQvASYiBwEEaQkPBDUEBDUEDwlpCA8FNAUFNAUPCG0zBA0HZwgIBDMEDQdvBw0DOAMDMwQQBAJDOwYVDC4MFQb8BhUMaQwVBjQGBmAGBhMEBPMMDCEECQhrDBUGKwYVDCwMFQY7AwMDA/4jMwQMCGcICAQ0Aw0HbwcNBDcEBDMEEAQCGggIWwcRCFsHCQkHWwgRB1sICMdYBggOBlkHBwcHXwcPBlgHBw5nCgwMCwG0CwwMC1oKGQqmCxgKIgcQB/5YFC8VOQcPDAtLCgwNCmcFCwZ/BQwFwFgGCA0HWQcHBwdgBg8GWAcHAAABAAAAAQAAOkQ6Y18PPPUACwQAAAAAANd7t8wAAAAA13u3zP/9/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQA//0AAAQAAAEAAAAAAAAAAAAAAAAAAAARBAAAAAAAAAAAAAAAAgAAAAQAAPYEAP/9BAAAAAQAAAAEAABYBAAAAAQAAAAEAAADBAAACgQAAAAEAAAHBAAABwQAAEoAAAAAAAoAFAAeAEYAugD2Ac4CEgJwAxYDvgRiBRgFqAY2BvQAAQAAABEAnQAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGRvd25pY29uAGQAbwB3AG4AaQBjAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGRvd25pY29uAGQAbwB3AG4AaQBjAG8AbmRvd25pY29uAGQAbwB3AG4AaQBjAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmRvd25pY29uAGQAbwB3AG4AaQBjAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"), url(../styles/fonts/downicon.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'downicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-replied-icon:before {
  content: "\E90A";
}

.icon-reply-icon:before {
  content: "\E90B";
}

.icon-thumbsup-icon:before {
  content: "\E90C";
}

.icon-facebook:before {
  content: "\E900";
}

.icon-twitter:before {
  content: "\E901";
}

.icon-youtube:before {
  content: "\E902";
}

.icon-instagram:before {
  content: "\E903";
}

.icon-mixer:before {
  content: "\E904";
}

.icon-agent:before {
  content: "\E906";
}

.icon-search:before {
  content: "\E905";
}

.icon-logout:before {
  content: "\E907";
}

.icon-settings:before {
  content: "\E908";
}

.icon-filebrowse:before {
  content: "\E909";
}

a.social-icon-anim {
  width: 1.9em;
  height: 1.9em;
  display: inline-block;
  position: relative;
}

a.social-icon-anim .stroke {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

a.social-icon-anim .stroke svg {
  stroke: #2477ac;
  fill: rgba(0, 0, 0, 0);
  stroke-width: 2;
  stroke-linecap: round;
  -webkit-animation: strokeOut 0.5s forwards;
       -o-animation: strokeOut 0.5s forwards;
          animation: strokeOut 0.5s forwards;
}

a.social-icon-anim .stroke svg use {
  -webkit-animation: strokeDashOut 0.5s ease-out forwards;
       -o-animation: strokeDashOut 0.5s ease-out forwards;
          animation: strokeDashOut 0.5s ease-out forwards;
}

a.social-icon-anim .circle {
  position: absolute;
  top: 15%;
  right: 15%;
  bottom: 15%;
  left: 15%;
  background-color: #206998;
  border-radius: 50%;
  -webkit-animation: iconBounceOut 0.5s forwards;
       -o-animation: iconBounceOut 0.5s forwards;
          animation: iconBounceOut 0.5s forwards;
}

a.social-icon-anim .icon {
  position: absolute;
  top: 28%;
  right: 28%;
  bottom: 28%;
  left: 28%;
  color: #9fe0f8;
  text-align: center;
  line-height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 0.9em;
  -webkit-animation: iconBounceOut 0.5s forwards;
       -o-animation: iconBounceOut 0.5s forwards;
          animation: iconBounceOut 0.5s forwards;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

a.social-icon-anim:hover .stroke svg {
  -webkit-animation: iconBounce 0.5s forwards;
       -o-animation: iconBounce 0.5s forwards;
          animation: iconBounce 0.5s forwards;
  -webkit-animation-delay: 0.1s;
       -o-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

a.social-icon-anim:hover .stroke svg use {
  -webkit-animation: strokeDash 0.5s forwards ease-out, strokeRot 20s infinite;
       -o-animation: strokeDash 0.5s forwards ease-out, strokeRot 20s infinite;
          animation: strokeDash 0.5s forwards ease-out, strokeRot 20s infinite;
  -webkit-animation-delay: 0.1s, 0.6s;
       -o-animation-delay: 0.1s, 0.6s;
          animation-delay: 0.1s, 0.6s;
}

a.social-icon-anim:hover .circle {
  -webkit-animation: iconBounce 0.5s forwards;
       -o-animation: iconBounce 0.5s forwards;
          animation: iconBounce 0.5s forwards;
  -webkit-animation-delay: 0.05s;
       -o-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

a.social-icon-anim:hover .icon {
  color: white;
  -webkit-animation: iconBounce 0.5s forwards;
       -o-animation: iconBounce 0.5s forwards;
          animation: iconBounce 0.5s forwards;
  text-shadow: 0.08334em 0.08334em 0px black;
}

/*stroke out animation different because it scales down behind the solid circle*/

@-webkit-keyframes strokeOut {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

@-o-keyframes strokeOut {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  100% {
    -o-transform: scale(0.6);
       transform: scale(0.6);
  }
}

@keyframes strokeOut {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
  }
}

@-webkit-keyframes strokeDashOut {
  0% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }

  100% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }
}

@-o-keyframes strokeDashOut {
  0% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }

  100% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }
}

@keyframes strokeDashOut {
  0% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }

  100% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }
}

@-webkit-keyframes iconBounceOut {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconBounceOut {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconBounceOut {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

/*changes for button pointing to the left aka Previous*/

@-webkit-keyframes iconBounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@-o-keyframes iconBounce {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  20% {
    -o-transform: scale(1.4);
       transform: scale(1.4);
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
}

@keyframes iconBounce {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@-webkit-keyframes strokeDash {
  0% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }

  100% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }
}

@-o-keyframes strokeDash {
  0% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }

  100% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }
}

@keyframes strokeDash {
  0% {
    stroke-dasharray: 310%;
    stroke-dashoffset: 0%;
  }

  100% {
    stroke-dasharray: 50%;
    stroke-dashoffset: -100%;
  }
}

/*looping animation for stroke*/

@-webkit-keyframes strokeRot {
  0% {
    stroke-dashoffset: 0%;
  }

  70% {
    stroke-dashoffset: 700%;
  }

  75% {
    stroke-dashoffset: 460%;
  }

  80% {
    stroke-dashoffset: 400%;
  }

  90% {
    stroke-dashoffset: 430%;
  }

  100% {
    stroke-dashoffset: 400%;
  }
}

@-o-keyframes strokeRot {
  0% {
    stroke-dashoffset: 0%;
  }

  70% {
    stroke-dashoffset: 700%;
  }

  75% {
    stroke-dashoffset: 460%;
  }

  80% {
    stroke-dashoffset: 400%;
  }

  90% {
    stroke-dashoffset: 430%;
  }

  100% {
    stroke-dashoffset: 400%;
  }
}

@keyframes strokeRot {
  0% {
    stroke-dashoffset: 0%;
  }

  70% {
    stroke-dashoffset: 700%;
  }

  75% {
    stroke-dashoffset: 460%;
  }

  80% {
    stroke-dashoffset: 400%;
  }

  90% {
    stroke-dashoffset: 430%;
  }

  100% {
    stroke-dashoffset: 400%;
  }
}

.agency_news {
  background: url(../images/mixer-bg.png);
  background-size: 100% auto;
  border-top: 2px solid #2477ac;
}

.agency_news section.comicpanels {
  overflow: visible;
}

.news_most_commented {
  margin-top: 2rem;
  margin-left: 0.9em;
}

.news_most_commented li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  list-style: none;
}

.news_most_commented li span {
  margin-right: 1em;
}

.news_most_commented li span::before {
  content: "";
  position: absolute;
  left: -1.2em;
  top: .6em;
  width: .9em;
  height: .9em;
  background: url(../images/icon-chat-bubble.svg) left top no-repeat;
  background-size: auto 100%;
}

.news_category_filters {
  text-align: left;
  margin-bottom: 2.666666rem;
  margin-left: 0.9em;
}

.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.categories .cat_lnk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  position: relative;
  padding: 0px 5px 0px 5px;
  margin: 0 1.5rem 0.5em 0;
}

.categories .cat_lnk .cat_back::before,
.categories .cat_lnk .cat_back::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  background: url(../images/sidebar-category-back.svg) left top no-repeat;
  background-size: auto 100%;
  left: -0.9em;
  right: 49%;
}

.categories .cat_lnk .cat_back::after {
  background-position: right top;
  left: 49%;
  right: -0.9em;
}

.categories .cat_lnk a {
  color: #7fc3e9;
  position: relative;
  font-size: 0.75rem;
}

.categories .cat_lnk a:hover {
  color: white !important;
}

@media (min-width: 1280px) {
  .news_most_commented {
    margin-top: 0;
  }

  .news_category_filters {
    text-align: right;
    margin-left: 0;
  }

  .categories {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.galleries {
  padding: 7rem 7.891vw;
}

.single_news {
  padding: 7rem 7.891vw;
  z-index: 0;
}

.single_news hr {
  border-color: #2477ac;
  margin: 2rem 0 2rem 0;
}

.single_news .share_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 0.875rem !important;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #1f5c81;
  line-height: 1.333333rem;
}

.single_news .share_info > span {
  display: none;
}

.single_news .share_info a.social-icon-anim {
  width: 2.333333rem;
  height: 2.333333rem;
}

.single_news .share_info a.social-icon-anim .icon {
  font-size: 1rem;
}

.single_news .entry-content .lnkStyle {
  text-decoration: underline;
}

.single_news .entry-content .lnkStyle.button-anim {
  text-decoration: none;
}

.single_news .entry-content img {
  box-shadow: 0.66667rem 0.66667rem #102b3e;
  margin: 2rem 0rem 2rem 0rem;
  height: auto;
  max-width: 100%;
}

.single_news .entry-content iframe {
  box-shadow: 0.66667rem 0.66667rem #102b3e;
  margin: 2rem 0rem 2rem 0rem;
  max-width: 100%;
  width: 100%;
  height: 47.373046vw;
  position: relative;
}

@media (min-width: 1280px) {
  .single_news .entry-content iframe {
    height: 34.921875vw;
  }
}

.single_news .entry-content .more {
  width: 100%;
  padding: 2rem 0 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single_news .entry-content .more a,
.single_news .entry-content .more div,
.single_news .entry-content .more svg {
  text-shadow: none !important;
  box-shadow: none !important;
}

.single_news .entry-content .more .share_info {
  padding: 0;
}

.single_news .alignleft {
  float: left;
  margin: 2rem 2rem 2rem 0 !important;
}

.single_news .alignright {
  float: right;
  margin: 2rem 0 2rem 2rem !important;
}

.single_news .author_info {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single_news .author_info .author_name {
  font-family: "Exo 2", sans-serif;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: bold;
  color: #5fa9d8;
}

.single_news .author_info .post_date {
  font-size: 0.875rem;
  font-weight: 600;
  font-family: "Open Sans";
  color: #3c93c9;
}

.single_news .author_info .comment_count {
  position: relative;
  left: 2rem;
  font-size: 0.75rem;
  font-weight: bold;
  font-family: "Open Sans";
  color: #9fe0f8;
}

.single_news .author_info .comment_count:before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 0.10rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon-chat-bubble.svg) left top no-repeat;
  background-size: auto 100%;
}

.single_news .title {
  position: relative;
  font-size: 1rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.5em;
  color: #ffffff;
  text-align: left;
  text-shadow: 0px 0.08334rem 0px black;
}

.single_news .title .cap {
  display: block;
  width: 100%;
  height: 51%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px;
  top: 0px;
}

.single_news .title .cap svg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.single_news .title .cap.bottom {
  top: auto;
  bottom: 0px;
}

.single_news .title .cap.bottom svg {
  top: auto;
  bottom: 0px;
}

.single_news .title .cap .dark {
  fill: #1d4f6f;
}

.single_news .title .cap .light {
  fill: #2c85bd;
}

@media (min-width: 1280px) {
  .single_news .share_info > span {
    display: block;
  }

  .single_news .share_info a.social-icon-anim {
    width: 1.333333rem;
    height: 1.333333rem;
  }

  .single_news .share_info a.social-icon-anim .icon {
    font-size: 0.6rem;
  }

  .single_news .title {
    width: 100%;
  }

  .single_news .title h3 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0;
  }

  article h1,
  article h2,
  article h3,
  article h4,
  article h5 {
    margin-bottom: 2rem;
  }

  article h3 .comment_count:before {
    content: "";
    position: absolute;
    right: -3rem;
    top: 1.3rem;
    width: 2rem;
    height: 2rem;
    background: url(../images/icon-chat-bubble.svg) left top no-repeat;
    background-size: auto 100%;
  }

  article .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    margin: 0 0 0.5rem 0;
  }

  article .author .info {
    margin-left: 0.5rem;
  }

  article .author .info span {
    display: block;
  }

  article .author .info .comment_author {
    font-size: 1rem;
    line-height: 1.333333rem;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #5fa9d8;
  }

  article .author .info .comment_date {
    font-size: 0.875rem;
    line-height: 1.333333rem;
    font-family: "Open Sans";
    font-style: italic;
    color: #3c93c9;
  }

  article .entry-content {
    border-bottom: 2px solid #2477ac;
  }

  article .entry-content h1,
  article .entry-content h2,
  article .entry-content h3,
  article .entry-content h4,
  article .entry-content h5 {
    margin-top: 2rem;
  }

  article .entry-content .more {
    padding: 2rem 0 2rem 0;
  }
}

.blue-title {
  margin-bottom: 2rem;
}

.blue-title__inner {
  position: relative;
  font-size: 1rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.5em;
  color: #ffffff;
  text-align: left;
  text-shadow: 0px 0.08334rem 0px black;
  width: 100%;
}

.blue-title__inner h3 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 0;
}

.blue-title__cap {
  display: block;
  width: 100%;
  height: 51%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px;
  top: 0px;
}

.blue-title__cap svg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.blue-title__cap .dark {
  fill: #1d4f6f;
}

.blue-title__cap .light {
  fill: #2c85bd;
}

.blue-title__cap--bottom {
  top: auto;
  bottom: 0px;
}

.blue-title__cap--bottom svg {
  top: auto;
  bottom: 0px;
}

.support_content h4,
.support_content h5 {
  margin-bottom: 0.857142rem;
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  font-style: italic;
  line-height: 1.5rem;
  color: #b9ecfd;
}

.support_content p {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 1rem;
  color: #8fd2f1;
  line-height: 1.428571rem;
}

.support_content ol {
  list-style: none;
  counter-reset: li;
  margin-left: 1rem;
  margin-bottom: 2.142857rem;
}

.support_content ol > li {
  counter-increment: li;
}

.support_content ol > li::before {
  content: counter(li) ".";
  color: #2c85bd;
  display: inline-block;
  width: 1rem;
  margin-left: -1em;
  padding-right: 0.5rem;
}

.support_content ol ul {
  margin-top: 0.428571rem;
  margin-bottom: 0.428571rem;
}

.support_content ul {
  list-style: none;
  margin-bottom: 2.142857rem;
}

.support_content ul li {
  position: relative;
  padding-left: 2rem;
}

.support_content ul li::before {
  position: absolute;
  top: calc(0.8rem / 2);
  left: calc(0.8rem / 2);
  content: '';
  background: url(../images/bullet.svg) no-repeat center;
  background-size: contain;
  height: 0.8rem;
  width: 0.8rem;
}

.support_content ul ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -0.5rem;
}

.support_content ul ol {
  margin-top: 0.428571rem;
  margin-bottom: 0.428571rem;
}

.support_content strong,
.support_content b {
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  color: #b9ecfd;
  font-style: italic;
  line-height: 1.5rem;
}

.support_content a {
  text-decoration: underline;
}

.faq_content img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.faq_content h4,
.faq_content h5 {
  margin-bottom: 0.857142rem;
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  font-style: italic;
  line-height: 1.5rem;
  color: #b9ecfd;
}

.faq_content p {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 1rem;
  color: #8fd2f1;
  line-height: 1.428571rem;
}

.faq_content ol {
  list-style: none;
  counter-reset: li;
  margin-left: 1rem;
  margin-bottom: 2.142857rem;
}

.faq_content ol > li {
  counter-increment: li;
}

.faq_content ol > li::before {
  content: counter(li) ".";
  color: #2c85bd;
  display: inline-block;
  width: 1rem;
  margin-left: -1em;
  padding-right: 0.5rem;
}

.faq_content ol ul {
  margin-top: 0.428571rem;
  margin-bottom: 0.428571rem;
}

.faq_content ul {
  list-style: none;
  margin-bottom: 2.142857rem;
}

.faq_content ul li {
  position: relative;
  padding-left: 2rem;
}

.faq_content ul li::before {
  position: absolute;
  top: calc(0.8rem / 2);
  left: calc(0.8rem / 2);
  content: '';
  background: url(../images/bullet.svg) no-repeat center;
  background-size: contain;
  height: 0.8rem;
  width: 0.8rem;
}

.faq_content ul ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -0.5rem;
}

.faq_content ul ol {
  margin-top: 0.428571rem;
  margin-bottom: 0.428571rem;
}

.faq_content strong,
.faq_content b {
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  color: #b9ecfd;
  font-style: italic;
  line-height: 1.5rem;
}

.faq_content a {
  text-decoration: underline;
}

@media (min-width: 1280px) {
  .faq_content img {
    width: inherit;
    height: inherit;
  }
}

.socialposts {
  border-top: 2px solid #2477ac;
  /*double background lighter than full 1080p background*/
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegrid.png);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegrid.png);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegrid.png);
  /*gradient stretches, image tiles*/
  background-size: 100% 100%, 288px auto;
}

.socialposts .posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.socialposts .posts .post {
  position: relative;
  width: 100%;
  padding-bottom: 79.710145%;
  pointer-events: none;
  margin-top: -1em;
}

.socialposts .posts .post:nth-of-type(1) {
  margin-top: 3.5em;
}

.socialposts .posts .post .image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.socialposts .posts .post .image.desktop {
  display: none;
}

.socialposts .posts .post .image svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.socialposts .posts .post .image svg .shadow {
  fill: #08121b;
  -webkit-transform: translate(0.75em, 0.75em);
       -o-transform: translate(0.75em, 0.75em);
          transform: translate(0.75em, 0.75em);
  -webkit-transition: fill 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: fill 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, fill 0.3s ease-out;
  transition: transform 0.3s ease-out, fill 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.socialposts .posts .post .image a {
  /*turn pointer events back on, this makes the pointer work on overlapping corners*/
  cursor: pointer;
  pointer-events: auto;
}

.socialposts .posts .post .content {
  -webkit-transform-origin: 0% 100%;
       -o-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  font-size: 0.714285rem;
  position: absolute;
  left: 1.2em;
  bottom: 3.5em;
  right: 1.2em;
  font-family: 'Sriracha', sans-serif;
  white-space: normal;
  line-height: 1.45em;
  color: #8fd2f1;
  padding: 2.5vw 3.7vw 4.9vw 3.7vw;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.socialposts .posts .post .content::before,
.socialposts .posts .post .content::after {
  background: url(../images/social-bubble-ends-mobile.svg) left top no-repeat;
  content: "";
  background-size: cover;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 64%;
  left: 0px;
  right: 0px;
  z-index: -1;
}

.socialposts .posts .post .content::after {
  background-position: left bottom;
  top: 35%;
  bottom: 0px;
}

.socialposts .posts .post .content span.icon {
  font-size: 0.8rem;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 50%;
  background-color: #206998;
  display: block;
  position: absolute;
  top: 0.3em;
  left: -0.6em;
  text-align: center;
  color: #9fe0f8;
  text-shadow: 0.08334em 0.08334em 0px rgba(16, 43, 62, 0.7);
}

.socialposts .posts .post .avatar {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  border: 0.143rem black solid;
  border-radius: 50%;
  left: -0.3rem;
  bottom: 0.4rem;
  -webkit-transition: border-color 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, -webkit-transform 0.3s;
  -o-transition: border-color 0.3s, -o-transform 0.3s;
  transition: transform 0.3s, border-color 0.3s;
  transition: transform 0.3s, border-color 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
  -webkit-animation: iconBounceOut 0.5s forwards;
       -o-animation: iconBounceOut 0.5s forwards;
          animation: iconBounceOut 0.5s forwards;
  z-index: 2;
  pointer-events: none;
}

.socialposts .posts .post .name {
  font-family: "Exo 2",sans-serif;
  font-weight: 600;
  color: #b9ecfd;
  text-shadow: 0.08em 0.08em 0px rgba(16, 43, 62, 0.7);
  position: absolute;
  bottom: 1rem;
  left: 1.4rem;
  pointer-events: none;
  padding-left: 1.2em;
  padding-right: 2.7em;
  z-index: 1;
  -webkit-transition: color 0.3s, text-shadow 0.3s, left 0.3s ease-out;
  -o-transition: color 0.3s, text-shadow 0.3s, left 0.3s ease-out;
  transition: color 0.3s, text-shadow 0.3s, left 0.3s ease-out;
}

.socialposts .posts .post .name span {
  max-width: 13em;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.socialposts .posts .post .name::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/h2back.svg) right top no-repeat;
  background-size: cover;
  z-index: -1;
}

.socialposts .posts .post.over .shadow {
  -webkit-transform: translate(1em, 1em);
       -o-transform: translate(1em, 1em);
          transform: translate(1em, 1em);
}

.socialposts .posts .post.over .shadow svg polygon {
  fill: black;
}

.socialposts .posts .post.over .avatar {
  border-color: white;
  -webkit-animation: iconBounce 0.5s forwards;
       -o-animation: iconBounce 0.5s forwards;
          animation: iconBounce 0.5s forwards;
}

.socialposts .posts .post.over .name {
  color: white;
  text-shadow: 0.1em 0.1em 0px black;
  left: 2.4rem;
}

nav.social {
  left: 50%;
  top: 6rem;
  font-size: 1rem;
  height: 2.4em;
  padding-top: 0.2em;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  /*specific z-index to allow for :after to layer behind, do not change*/
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

nav.social::before,
nav.social::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -1em;
  right: 49%;
  background: url(../images/social-back-center.svg) left top;
  background-size: cover;
  /*specific z-index to allow for :after to layer behind, do not change*/
  z-index: -1;
}

nav.social::after {
  background-position: right top;
  left: 49%;
  right: -1em;
}

@media (min-width: 768px) {
  .socialposts {
    padding: 3.7rem 6.25vw;
  }

  .socialposts nav.social {
    top: 4.4rem;
    right: calc(6.25vw + 1em);
    left: auto;
    padding-top: 0px;
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  .socialposts nav.social::before,
  .socialposts nav.social::after {
    background-image: url(../images/nav-social-bg-right.svg);
  }

  .socialposts .posts .post {
    width: 45.7vw;
    padding-bottom: 57.2vw;
    /*allows corners to overlap positions, without effecting pointer events*/
    margin-left: -6.5vw;
    margin-top: 0px;
    margin-bottom: 5vw;
  }

  .socialposts .posts .post:nth-of-type(odd) {
    margin-left: 0px;
    margin-top: 0px;
  }

  .socialposts .posts .post .image.desktop {
    display: block;
  }

  .socialposts .posts .post .image.desktop .front {
    fill: #0d1f2c;
    fill-opacity: 0;
    -webkit-transition: fill-opacity 0.5s;
    -o-transition: fill-opacity 0.5s;
    transition: fill-opacity 0.5s;
  }

  .socialposts .posts .post .image.mobile {
    display: none;
  }

  .socialposts .posts .post .content {
    font-size: 0.59091rem;
    /* post scales with VW so scale content with VW */
    left: 1.2vw;
    bottom: 4.5vw;
    right: 9.4vw;
    min-height: 5vw;
    padding: 2.3vw 2vw 5.1vw 2vw;
    -webkit-transition: bottom 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: bottom 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: bottom 0.3s ease-out, -o-transform 0.3s ease-out;
    transition: bottom 0.3s ease-out, transform 0.3s ease-out;
    transition: bottom 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  }

  .socialposts .posts .post .content::before,
  .socialposts .posts .post .content::after {
    background: url(../images/social-bubble-ends.svg) left top no-repeat;
    background-size: cover;
  }

  .socialposts .posts .post .content::after {
    background-position: left bottom;
  }

  .socialposts .posts .post .content span.icon {
    top: 0.3vw;
    left: -1.1em;
    font-size: 1.2rem;
  }

  .socialposts .posts .post .name {
    bottom: 2.2vw;
    left: 3.3vw;
  }

  .socialposts .posts .post .name span {
    max-width: 23vw;
  }

  .socialposts .posts .post.over .content {
    bottom: 5.5vw;
  }

  .socialposts .posts .post.over .name {
    left: 4.8vw;
  }

  .socialposts .posts .post.over .image svg .front {
    fill-opacity: 0.5;
  }

  .socialposts .posts .post .avatar {
    /* post is sized by vw, size all parts with vw*/
    width: 6vw;
    height: 6vw;
    bottom: 1vw;
    left: -1.1vw;
  }
}

@media (min-width: 1280px) {
  .socialposts {
    padding: 5vw 7.891vw;
  }

  .socialposts nav.social {
    top: 5.48rem;
    right: calc(7.891vw + 1em);
  }

  .socialposts .posts .post {
    width: 24vw;
    padding-bottom: 30.039387vw;
    margin-left: -5.47vw;
  }

  .socialposts .posts .post:nth-of-type(odd) {
    margin-left: -5.47vw;
  }

  .socialposts .posts .post:nth-of-type(1) {
    margin-left: 0vw;
  }

  .socialposts .posts .post .content {
    font-size: 0.833334rem;
    left: 0.6em;
    bottom: 2.5em;
    right: 7em;
    padding: 0.8em 1em 2.2em 1em;
    -webkit-transform-origin: 0% 100%;
         -o-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }

  .socialposts .posts .post .name {
    bottom: 1.2vw;
    left: 1.2vw;
  }

  .socialposts .posts .post .name span {
    max-width: 12.2vw;
  }

  .socialposts .posts .post .avatar {
    /* post is sized by vw, size all parts with vw*/
    width: 3vw;
    height: 3vw;
    bottom: 0.5vw;
    left: -1vw;
  }

  .socialposts .posts .post.over .content {
    bottom: 2.7vw;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  .socialposts .posts .post.over .name {
    left: 1.8vw;
  }

  .socialposts .posts .post.over .image svg .shadow {
    -webkit-transform: translate(1em, 1em);
         -o-transform: translate(1em, 1em);
            transform: translate(1em, 1em);
    fill: #08121b;
  }
}

@media (min-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */

  .socialposts .posts .post .content {
    bottom: 2.7vw;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

#desktopnav {
  display: none;
}

/*mobile menu*/

#mobilenav {
  position: fixed;
  z-index: 9000;
  top: 0px;
  right: 0px;
  font-size: 1.142857rem;
}

#mobilenav .blackout {
  background-color: rgba(8, 18, 27, 0.8);
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100vw;
  height: 100vh;
  -webkit-transition: height 1000000s ease;
  -o-transition: height 1000000s ease;
  transition: height 1000000s ease;
  /*must include this transition on mobile devices and tablets as the viewport height changes as the user scrolls*/
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
}

#mobilenav .hamburg {
  position: absolute;
  top: 0.375em;
  right: 0.375em;
  width: 2.84375em;
  height: 2em;
  z-index: 9000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#mobilenav .hamburg .st0 {
  fill: #2c85bd;
}

#mobilenav .hamburg .st1 {
  fill: #1f5c81;
}

#mobilenav .hamburg .st2 {
  fill: none;
  stroke: #8fd2f1;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 200%;
  stroke-dashoffset: 152%;
  -webkit-transition: stroke-dashoffset 0.8s;
  -o-transition: stroke-dashoffset 0.8s;
  transition: stroke-dashoffset 0.8s;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#mobilenav .hamburg .st2.bottom {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#mobilenav .hamburg .st3 {
  fill: none;
  stroke: #8fd2f1;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 100%;
  stroke-dashoffset: 0%;
  -webkit-transition: stroke-dashoffset 0.3s;
  -o-transition: stroke-dashoffset 0.3s;
  transition: stroke-dashoffset 0.3s;
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

#mobilenav .menu {
  position: absolute;
  top: 1.375em;
  right: 0px;
  -webkit-transform: translate(100%, 0);
       -o-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.7s ease-out;
  transition: -webkit-transform 0.7s ease-out;
  -o-transition: -o-transform 0.7s ease-out;
  transition: transform 0.7s ease-out;
  transition: transform 0.7s ease-out, -webkit-transform 0.7s ease-out, -o-transform 0.7s ease-out;
  padding: 1.875em 0.5625em 2.3em 3.75em;
  min-height: 10.4em;
  z-index: 1;
}

#mobilenav .menu .frame {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

#mobilenav .menu .frame div {
  background: url(../images/nav-mobile-back.svg) left top no-repeat;
  background-size: 50em 50em;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 49%;
  bottom: calc(100% - 10.6em);
}

#mobilenav .menu .frame div.tr {
  background-position: right top;
  left: 49%;
  right: 0px;
}

#mobilenav .menu .frame div.bl {
  background-position: left bottom;
  top: 10.4em;
  bottom: 0px;
}

#mobilenav .menu .frame div.br {
  background-position: right bottom;
  top: 10.4em;
  bottom: 0px;
  left: 49%;
  right: 0px;
}

#mobilenav .menu ul,
#mobilenav .menu ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#mobilenav .menu ul li {
  text-align: center;
  width: 9.125em;
  height: 2em;
  line-height: 1.75em;
  position: relative;
  z-index: 1;
  display: block;
}

#mobilenav .menu ul li a {
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #b9ecfd;
  text-shadow: 0.0625em 0.0625em 0px rgba(16, 43, 62, 0.7);
  -webkit-transition: color 0.3s, text-shadow 0.3s;
  -o-transition: color 0.3s, text-shadow 0.3s;
  transition: color 0.3s, text-shadow 0.3s;
  display: block;
  width: 100%;
}

#mobilenav .menu ul li a::before,
#mobilenav .menu ul li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 49%;
  bottom: 0px;
  background: url(../images/nav-mobile-button-default.svg) left center no-repeat;
  background-size: cover;
  z-index: -1;
}

#mobilenav .menu ul li a::after {
  left: 49%;
  right: 0px;
  background-position: right center;
}

#mobilenav .menu ul li a .linebreak {
  position: absolute;
  bottom: 0px;
  left: 4em;
  width: 0.3125em;
  height: 0.25em;
  background: url(../images/nav-mobile-button-linebreak.svg) center center no-repeat;
  background-size: auto 100%;
  -webkit-transition: left 0.4s ease-out;
  -o-transition: left 0.4s ease-out;
  transition: left 0.4s ease-out;
}

#mobilenav .menu ul li a .arrow {
  position: absolute;
  top: 0px;
  right: -0.7em;
  bottom: 0px;
  width: 1em;
  height: 1.75em;
  background: url(../images/nav-mobile-arrow.svg) center center no-repeat;
  background-size: auto 100%;
  -webkit-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}

#mobilenav .menu ul li:hover a,
#mobilenav .menu ul li:active a,
#mobilenav .menu ul li:focus a {
  color: white;
  text-shadow: 0.0625em 0.0625em 0px black;
}

#mobilenav .menu ul li:hover .linebreak,
#mobilenav .menu ul li:active .linebreak,
#mobilenav .menu ul li:focus .linebreak {
  left: calc(100% - 4.3em);
}

#mobilenav .menu ul li:hover .arrow,
#mobilenav .menu ul li:active .arrow,
#mobilenav .menu ul li:focus .arrow {
  right: -1.05em;
}

#mobilenav .menu ul.main {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
  -o-transition: opacity 0.5s, -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s;
  transition: transform 0.5s ease-out, opacity 0.5s, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#mobilenav .menu ul.main.shift {
  -webkit-transform: translate(100%, 0);
       -o-transform: translate(100%, 0);
          transform: translate(100%, 0);
  opacity: 0;
}

#mobilenav .menu .mask {
  position: absolute;
  left: 1.8em;
  right: 0em;
  top: 1.3em;
  bottom: 5em;
  overflow: hidden;
}

#mobilenav .menu ul.useroptions {
  position: absolute;
  top: 0.6em;
  left: 1.9em;
  -webkit-transform: translate(-100%, 0);
       -o-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
  -o-transition: opacity 0.5s, -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s;
  transition: transform 0.5s ease-out, opacity 0.5s, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#mobilenav .menu ul.useroptions.shift {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}

#mobilenav .menu ul.useroptions .back .arrow {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  right: auto;
  left: -0.65em;
  -webkit-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

#mobilenav .menu ul.useroptions .back .linebreak {
  left: calc(100% - 4.3em);
}

#mobilenav .menu ul.useroptions .back:hover .linebreak,
#mobilenav .menu ul.useroptions .back:active .linebreak,
#mobilenav .menu ul.useroptions .back:focus .linebreak {
  left: 4em;
}

#mobilenav .menu ul.useroptions .back:hover .arrow,
#mobilenav .menu ul.useroptions .back:active .arrow,
#mobilenav .menu ul.useroptions .back:focus .arrow {
  left: -1.05em;
}

#mobilenav .menu ul.useroptions .settings span {
  font-size: 0.85em;
}

#mobilenav .menu .login::before,
#mobilenav .menu .login::after,
#mobilenav .menu .search::before,
#mobilenav .menu .search::after {
  content: none;
}

#mobilenav .menu .login .slleft,
#mobilenav .menu .login .slright,
#mobilenav .menu .search .slleft,
#mobilenav .menu .search .slright {
  position: absolute;
  top: 0px;
  height: 2em;
  left: 0px;
  right: 49%;
  overflow: hidden;
}

#mobilenav .menu .login .slleft svg,
#mobilenav .menu .login .slright svg,
#mobilenav .menu .search .slleft svg,
#mobilenav .menu .search .slright svg {
  height: 2em;
  width: 50em;
  position: absolute;
  left: 0px;
  top: 0px;
}

#mobilenav .menu .login .slleft svg .st0,
#mobilenav .menu .login .slright svg .st0,
#mobilenav .menu .search .slleft svg .st0,
#mobilenav .menu .search .slright svg .st0 {
  fill: #1d4f6f;
  stroke: #206998;
}

#mobilenav .menu .login .slleft svg .st1,
#mobilenav .menu .login .slright svg .st1,
#mobilenav .menu .search .slleft svg .st1,
#mobilenav .menu .search .slright svg .st1 {
  fill: #ff931e;
}

#mobilenav .menu .login .slright,
#mobilenav .menu .search .slright {
  left: 49%;
  right: 0px;
}

#mobilenav .menu .login .slright svg,
#mobilenav .menu .search .slright svg {
  left: auto;
  right: 0px;
}

#mobilenav .menu .login .text,
#mobilenav .menu .search .text {
  position: absolute;
  top: 0px;
  left: 0.6em;
  color: #8fd2f1;
  font-family: "Exo 2", sans-serif;
  font-size: 0.9375em;
  line-height: 1.866666em;
  height: 1.866666em;
  text-shadow: 0.1em 0.1em 0px rgba(16, 43, 62, 0.7);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  width: 7.6em;
  border: none;
  background: none;
  display: block;
  -webkit-transition: color 0.3s, text-shadow 0.3s;
  -o-transition: color 0.3s, text-shadow 0.3s;
  transition: color 0.3s, text-shadow 0.3s;
  text-align: center;
  outline: none;
  overflow: hidden;
}

#mobilenav .menu .login .circle,
#mobilenav .menu .search .circle {
  position: absolute;
  top: 0px;
  right: -0.7em;
  width: 1.75em;
  height: 1.75em;
}

#mobilenav .menu .login .circle span,
#mobilenav .menu .search .circle span {
  font-size: 0.9em;
  color: #ff931e;
  -webkit-transition: color 0.3s, text-shadow 0.3s;
  -o-transition: color 0.3s, text-shadow 0.3s;
  transition: color 0.3s, text-shadow 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#mobilenav .menu .login .circle svg circle,
#mobilenav .menu .search .circle svg circle {
  width: 100%;
  height: 100%;
  stroke: #1d4f6f;
  fill: rgba(0, 0, 0, 0);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 50%;
  /*animates stroke offset so it appears spinning*/
  -webkit-animation: strokeRot 20s infinite;
       -o-animation: strokeRot 20s infinite;
          animation: strokeRot 20s infinite;
  -webkit-transition: stroke 0.3s;
  -o-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

#mobilenav .menu .login .circle .icon-user,
#mobilenav .menu .search .circle .icon-user {
  position: relative;
  max-width: 80% !important;
  top: -2.3rem;
  border-radius: 50%;
}

#mobilenav .menu .login:hover .text,
#mobilenav .menu .login:active .text,
#mobilenav .menu .login:focus .text,
#mobilenav .menu .search:hover .text,
#mobilenav .menu .search:active .text,
#mobilenav .menu .search:focus .text {
  color: white;
  text-shadow: 0.1em 0.1em 0px black;
}

#mobilenav .menu .login:hover .circle svg circle,
#mobilenav .menu .login:active .circle svg circle,
#mobilenav .menu .login:focus .circle svg circle,
#mobilenav .menu .search:hover .circle svg circle,
#mobilenav .menu .search:active .circle svg circle,
#mobilenav .menu .search:focus .circle svg circle {
  stroke: #ffffff;
  /*spins up animation quickly when hovered*/
  -webkit-animation: loginHov 10s ease-out infinite;
       -o-animation: loginHov 10s ease-out infinite;
          animation: loginHov 10s ease-out infinite;
}

#mobilenav .menu .search.focus .text {
  color: #000000;
  text-shadow: 0.1em 0.1em 0px rgba(0, 0, 0, 0);
}

#mobilenav .menu .search.focus .slleft svg .st0,
#mobilenav .menu .search.focus .slright svg .st0 {
  fill: #ffffff;
}

#mobilenav .menu .social {
  position: relative;
  width: 10em;
  padding: 0.2em 1em;
  height: 2.225em;
  margin-left: -1.4375em;
  margin-top: 0.5em;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#mobilenav .menu .social::before,
#mobilenav .menu .social::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 49%;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  background: url(../images/social-back-center.svg) left center no-repeat;
  background-size: auto 100%;
}

#mobilenav .menu .social::after {
  right: 0px;
  left: 49%;
  background-position: right center;
}

#mobilenav.close .st2 {
  stroke-dashoffset: -170%;
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#mobilenav.close .st2.bottom {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

#mobilenav.close .st3 {
  stroke-dashoffset: -50%;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#mobilenav.close .menu {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

#mobilenav.close .blackout {
  opacity: 1;
  pointer-events: auto;
}

.search form label input {
  height: 2em;
}

@-webkit-keyframes loginHov {
  0% {
    stroke-dashoffset: 0%;
  }

  10% {
    stroke-dashoffset: -400%;
  }

  100% {
    stroke-dashoffset: -800%;
  }
}

@-o-keyframes loginHov {
  0% {
    stroke-dashoffset: 0%;
  }

  10% {
    stroke-dashoffset: -400%;
  }

  100% {
    stroke-dashoffset: -800%;
  }
}

@keyframes loginHov {
  0% {
    stroke-dashoffset: 0%;
  }

  10% {
    stroke-dashoffset: -400%;
  }

  100% {
    stroke-dashoffset: -800%;
  }
}

/*landscape phone use, covering up to iphonex*/

@media (min-aspect-ratio: 1 / 1) and (max-height: 767px) and (max-width: 812px) {
  nav#mobilenav .menu {
    padding-left: 2.25em;
  }

  nav#mobilenav .menu ul {
    width: 19.7em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    height: 8em;
  }

  nav#mobilenav .menu ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2em;
            flex: 0 0 2em;
  }

  nav#mobilenav .menu ul li .search {
    text-align: center;
  }

  nav#mobilenav .menu .social {
    margin-left: 0.6em;
    width: 17em;
  }
}

@media (min-width: 1280px) {
  /*hide buttons until logo is done playing*/

  .herologo.mobile {
    display: none !important;
  }

  nav#mobilenav {
    display: none;
  }

  nav#desktopnav {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 30;
    background: -webkit-linear-gradient(top, rgba(13, 31, 44, 0.9) 0%, rgba(13, 31, 44, 0.9) 30%, rgba(13, 31, 44, 0) 100%);
    background: -o-linear-gradient(top, rgba(13, 31, 44, 0.9) 0%, rgba(13, 31, 44, 0.9) 30%, rgba(13, 31, 44, 0) 100%);
    background: linear-gradient(to bottom, rgba(13, 31, 44, 0.9) 0%, rgba(13, 31, 44, 0.9) 30%, rgba(13, 31, 44, 0) 100%);
    height: 11vw;
    pointer-events: none;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
  }

  nav#desktopnav .wing {
    position: absolute;
    font-size: 0.83333333rem;
    width: 22vw;
    height: 2.1em;
    top: 4em;
    /*left wing scales from the right for animation*/
    right: 50.2vw;
    line-height: 1.5em;
    padding: 0.3em 4.6vw 0px 0px;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: width 1s ease-out, padding 1s ease-out, left 1s ease-out, right 1s ease-out, opacity 1s ease-out;
    -o-transition: width 1s ease-out, padding 1s ease-out, left 1s ease-out, right 1s ease-out, opacity 1s ease-out;
    transition: width 1s ease-out, padding 1s ease-out, left 1s ease-out, right 1s ease-out, opacity 1s ease-out;
  }

  nav#desktopnav .wing .back {
    position: absolute;
    top: 0px;
    height: 1.98885em;
  }

  nav#desktopnav .wing .back::before,
  nav#desktopnav .wing .back::after {
    content: "";
    position: absolute;
    top: 0px;
    height: 2.6em;
  }

  nav#desktopnav .wing.left {
    right: 54vw;
    width: 33vw;
  }

  nav#desktopnav .wing.left ul {
    text-align: right;
  }

  nav#desktopnav .wing.left .back {
    left: 10em;
    right: 12em;
  }

  nav#desktopnav .wing.left .back::before,
  nav#desktopnav .wing.left .back::after {
    background: url(../images/nav-wing-left.svg) left top;
    background-size: auto 100%;
    left: -10em;
    right: 0%;
  }

  nav#desktopnav .wing.left .back::after {
    background-position: right top;
    left: 98%;
    right: -12em;
  }

  nav#desktopnav .wing.left .login,
  nav#desktopnav .wing.left .loginmenu .btn {
    position: absolute;
    top: -1em;
    left: 1.3em;
    width: 7.9em;
    height: 1.2em;
    display: block;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
  }

  nav#desktopnav .wing.left .login svg path,
  nav#desktopnav .wing.left .loginmenu .btn svg path {
    fill: #1d4f6f;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  nav#desktopnav .wing.left .login .text,
  nav#desktopnav .wing.left .loginmenu .btn .text {
    position: absolute;
    top: 0px;
    left: 1em;
    color: #7fc3e9;
    font-size: 0.6em;
    line-height: 2em;
    height: 2em;
    text-shadow: 0.1em 0.1em 0px rgba(16, 43, 62, 0.7);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    -webkit-transition: color 0.3s, text-shadow 0.3s;
    -o-transition: color 0.3s, text-shadow 0.3s;
    transition: color 0.3s, text-shadow 0.3s;
  }

  nav#desktopnav .wing.left .login .circle,
  nav#desktopnav .wing.left .loginmenu .btn .circle {
    position: absolute;
    top: -0.2em;
    left: -1.65em;
    width: 1.6em;
    height: 1.6em;
  }

  nav#desktopnav .wing.left .login .circle span,
  nav#desktopnav .wing.left .loginmenu .btn .circle span {
    font-size: 0.9em;
    color: #ff931e;
    -webkit-transition: color 0.3s, text-shadow 0.3s;
    -o-transition: color 0.3s, text-shadow 0.3s;
    transition: color 0.3s, text-shadow 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  nav#desktopnav .wing.left .login .circle svg,
  nav#desktopnav .wing.left .loginmenu .btn .circle svg {
    width: 100%;
    height: 100%;
    stroke: #1d4f6f;
    fill: rgba(0, 0, 0, 0);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 50%;
    /*animates stroke offset so it appears spinning*/
    -webkit-animation: strokeRot 20s infinite;
         -o-animation: strokeRot 20s infinite;
            animation: strokeRot 20s infinite;
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }

  nav#desktopnav .wing.left .login .circle .icon-user,
  nav#desktopnav .wing.left .loginmenu .btn .circle .icon-user {
    position: relative;
    max-width: 80% !important;
    top: -1.49rem;
    left: 0.15rem;
    border-radius: 50%;
  }

  nav#desktopnav .wing.left .login:hover .text,
  nav#desktopnav .wing.left .loginmenu .btn:hover .text {
    color: white;
    text-shadow: 0.1em 0.1em 0px black;
  }

  nav#desktopnav .wing.left .login:hover .circle span,
  nav#desktopnav .wing.left .loginmenu .btn:hover .circle span {
    color: white;
    text-shadow: 0.1em 0.1em 0px black;
  }

  nav#desktopnav .wing.left .login:hover .circle svg,
  nav#desktopnav .wing.left .loginmenu .btn:hover .circle svg {
    stroke: #ffffff;
    /*spins up animation quickly when hovered*/
    -webkit-animation: loginHov 10s ease-out infinite;
         -o-animation: loginHov 10s ease-out infinite;
            animation: loginHov 10s ease-out infinite;
  }

  nav#desktopnav .wing.left .loginmenu {
    position: absolute;
    padding-left: 1.25em;
    padding-top: 3.15em;
    background: url(../images/login-option-back.svg) left top no-repeat;
    background-size: 100% 100%;
    width: 10.45em;
    height: 5.55em;
    opacity: 0;
    -webkit-transition: opacity 0.5s, top 0.5s ease-out;
    -o-transition: opacity 0.5s, top 0.5s ease-out;
    transition: opacity 0.5s, top 0.5s ease-out;
    left: -1.5em;
    top: -5em;
  }

  nav#desktopnav .wing.left .loginmenu .btn {
    position: relative;
    height: 2.4em;
    top: 0.2em;
    left: 1.6em;
    width: 0em;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }

  nav#desktopnav .wing.left .loginmenu .btn svg {
    width: 100%;
    height: 1.2em;
  }

  nav#desktopnav .wing.left .loginmenu .btn .circle {
    -webkit-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }

  nav#desktopnav .wing.left .loginmenu .btn .text {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }

  nav#desktopnav .wing.left .loginmenu.show {
    opacity: 1;
    top: -1.95em;
  }

  nav#desktopnav .wing.left .loginmenu.show .btn {
    width: 7.9em;
  }

  nav#desktopnav .wing.left .loginmenu.show .btn .circle {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  nav#desktopnav .wing.left .loginmenu.show .btn .text {
    opacity: 1;
  }

  nav#desktopnav .wing.right {
    right: auto;
    left: 54vw;
    width: 33vw;
    padding: 0.3em 0px 0px 4.6vw;
  }

  nav#desktopnav .wing.right .search:hover span {
    color: white;
    text-shadow: 0.1em 0.1em 0px black;
  }

  nav#desktopnav .wing.right li {
    margin: 0px 1em 0px 0px;
  }

  nav#desktopnav .wing.right .back {
    left: 12em;
    right: 10em;
  }

  nav#desktopnav .wing.right .back::before,
  nav#desktopnav .wing.right .back::after {
    background: url(../images/nav-wing-right.svg) left top;
    background-size: auto 100%;
    left: -12em;
    right: 98%;
  }

  nav#desktopnav .wing.right .back::after {
    background-position: right top;
    left: 0%;
    right: -10em;
  }

  nav#desktopnav .wing.right .search {
    position: absolute;
    top: -1em;
    right: 1.3em;
    width: 7.9em;
    height: 1.2em;
    display: block;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
  }

  nav#desktopnav .wing.right .search span {
    font-size: 0.9em;
    -webkit-transition: color 0.3s, text-shadow 0.3s;
    -o-transition: color 0.3s, text-shadow 0.3s;
    transition: color 0.3s, text-shadow 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  nav#desktopnav .wing.right .search svg path {
    fill: #1d4f6f;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
  }

  nav#desktopnav .wing.right .search .text {
    position: absolute;
    top: 0px;
    right: 0.6em;
    width: 12em;
    color: #7fc3e9;
    font-size: 0.6em;
    line-height: 2em;
    height: 2em;
    text-shadow: 0.1em 0.1em 0px rgba(16, 43, 62, 0.7);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    background-color: transparent;
    border: 0px;
    text-align: right;
    outline: none;
    -webkit-transition: color 0.3s, text-shadow 0.3s;
    -o-transition: color 0.3s, text-shadow 0.3s;
    transition: color 0.3s, text-shadow 0.3s;
  }

  nav#desktopnav .wing.right .search .circle {
    position: absolute;
    top: -0.2em;
    right: -1.65em;
    width: 1.6em;
    height: 1.6em;
  }

  nav#desktopnav .wing.right .search .circle svg {
    width: 100%;
    height: 100%;
    stroke: #1d4f6f;
    fill: rgba(0, 0, 0, 0);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 50%;
    /*animates stroke offset so it appears spinning*/
    -webkit-animation: strokeRot 20s infinite;
         -o-animation: strokeRot 20s infinite;
            animation: strokeRot 20s infinite;
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }

  nav#desktopnav .wing.right .search:hover .text {
    color: white;
    text-shadow: 0.1em 0.1em 0px black;
  }

  nav#desktopnav .wing.right .search:hover .circle svg {
    stroke: #ffffff;
    /*spins up animation quickly when hovered*/
    -webkit-animation: loginHov 10s ease-out infinite;
         -o-animation: loginHov 10s ease-out infinite;
            animation: loginHov 10s ease-out infinite;
  }

  nav#desktopnav .wing.right .search.focus .text {
    color: black;
    text-shadow: none;
  }

  nav#desktopnav .wing.right .search.focus path {
    fill: white;
  }

  nav#desktopnav .wing.pre {
    /*width: 22vw;*/
    padding: 0.5em 0px 0px 0px;
    /*right: 42vw;*/
    opacity: 0;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    /*&.right {
          left: 42vw;
        }*/
  }

  nav#desktopnav .wing.pre ul,
  nav#desktopnav .wing.pre .login,
  nav#desktopnav .wing.pre .search {
    opacity: 0;
  }

  nav#desktopnav ul {
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
  }

  nav#desktopnav li {
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
    display: inline-block;
    margin-left: 1em;
  }

  nav#desktopnav li a {
    color: #b9ecfd;
    text-decoration: none;
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    text-shadow: 0.1em 0.1em 0px rgba(16, 43, 62, 0.7);
    text-transform: uppercase;
    -webkit-transition: color 0.3s, text-shadow 0.3s;
    -o-transition: color 0.3s, text-shadow 0.3s;
    transition: color 0.3s, text-shadow 0.3s;
  }

  nav#desktopnav li a:hover {
    color: white;
    text-shadow: 0.1em 0.1em 0px black;
  }

  nav#desktopnav .navarrow {
    background: url(../images/nav-arrow.svg) center center no-repeat;
    background-size: contain;
    width: 1rem;
    height: 0.68421rem;
    position: absolute;
    top: 3rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 0;
    -webkit-transition: left 0.5s, opacity 0.3s;
    -o-transition: left 0.5s, opacity 0.3s;
    transition: left 0.5s, opacity 0.3s;
    -webkit-transition-delay: 0.2s, 0.2s;
         -o-transition-delay: 0.2s, 0.2s;
            transition-delay: 0.2s, 0.2s;
  }

  nav#desktopnav .navarrow.over {
    opacity: 1;
  }
}

/*Safari Specific*/

@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
    .hamburg {
      background: url(../images/mobile-hamburg-static.svg);
      background-size: cover;
    }

    .hamburg svg {
      display: none;
    }

    .close .hamburg {
      background-position-y: bottom;
    }
}
}

.video-player {
  width: 100%;
}

.video-player iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#gallerymodal {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 100;
  /*idle - A E E H*/
  /*hover - 6 B C I*/
}

#gallerymodal.shown {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

#gallerymodal .blackout {
  background-color: rgba(13, 31, 44, 0.7);
  width: 100%;
  height: 100%;
}

#gallerymodal .holder {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 93.75vw;
  height: 52.734375vw;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: visible;
  background-color: black;
  /*offset 1px from the edges so there's no subpixel rendering bleed as the slides transition*/
}

#gallerymodal .holder .posts {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  overflow: hidden;
}

#gallerymodal .holder .posts .post {
  position: relative;
  height: 100%;
}

#gallerymodal .holder .cover {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  pointer-events: none;
}

#gallerymodal .holder .cover .bottom,
#gallerymodal .holder .cover .left,
#gallerymodal .holder .cover .right {
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: translate(0, 100%);
       -o-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  -o-transition: -o-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in, -o-transform 0.5s ease-in;
}

#gallerymodal .holder .cover .left {
  -webkit-transform: translate(-100%, -50%);
       -o-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

#gallerymodal .holder .cover .right {
  -webkit-transform: translate(100%, -50%);
       -o-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

#gallerymodal .holder .cover .st0 {
  fill: #102b3e;
}

#gallerymodal .holder .cover .st1 {
  fill: #6eb6e1;
}

#gallerymodal .holder .cover .st2 {
  fill: #1f5c81;
}

#gallerymodal .holder .cover .st3 {
  fill: none;
  stroke: white;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 50%;
  stroke-dashoffset: 50%;
}

#gallerymodal .holder .prev,
#gallerymodal .holder .next {
  width: 3.214285rem;
  height: 3.214285rem;
  position: absolute;
  top: 50%;
  right: 3%;
  -webkit-transform: translate(50%, -50%);
       -o-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

#gallerymodal .holder .prev .star,
#gallerymodal .holder .next .star {
  fill: #102b3e;
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: barrelRoll 10s linear infinite;
       -o-animation: barrelRoll 10s linear infinite;
          animation: barrelRoll 10s linear infinite;
}

#gallerymodal .holder .prev .bg,
#gallerymodal .holder .next .bg {
  fill: #0d1f2c;
}

#gallerymodal .holder .prev .chevron,
#gallerymodal .holder .next .chevron {
  left: 50%;
  top: 50%;
  fill: #3c93c9;
  -webkit-transition: fill 0.5s, -webkit-transform 0.5s;
  transition: fill 0.5s, -webkit-transform 0.5s;
  -o-transition: fill 0.5s, -o-transform 0.5s;
  transition: fill 0.5s, transform 0.5s;
  transition: fill 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

#gallerymodal .holder .prev:hover,
#gallerymodal .holder .next:hover {
  cursor: pointer;
}

#gallerymodal .holder .prev:hover .chevron,
#gallerymodal .holder .next:hover .chevron {
  fill: white;
  -webkit-transform: translate(10%, 0%);
       -o-transform: translate(10%, 0%);
          transform: translate(10%, 0%);
}

#gallerymodal .holder .prev {
  right: auto;
  left: 3%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
       -o-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

#gallerymodal .holder .prev:hover .chevron {
  -webkit-transform: translate(10%, 0%);
       -o-transform: translate(10%, 0%);
          transform: translate(10%, 0%);
}

#gallerymodal .holder.changing .cover .bottom {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#gallerymodal .holder.changing .cover .left {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#gallerymodal .holder.changing .cover .right {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#gallerymodal .holder.changing .cover .st2 {
  fill: #9fe0f8;
  -webkit-transition: fill 0.8s;
  -o-transition: fill 0.8s;
  transition: fill 0.8s;
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

#gallerymodal .holder.changing .cover .st3 {
  stroke-dasharray: 100%;
  stroke-dashoffset: 50%;
  -webkit-transition: stroke-dasharray 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19), stroke-dashoffset 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: stroke-dasharray 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19), stroke-dashoffset 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: stroke-dasharray 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19), stroke-dashoffset 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

#gallerymodal .button-close {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 3rem;
  height: 3rem;
}

#gallerymodal .button-close svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#gallerymodal .button-close .bg {
  fill: #102b3e;
  -webkit-transition: fill 0.3s, -webkit-transform 0.5s;
  transition: fill 0.3s, -webkit-transform 0.5s;
  -o-transition: fill 0.3s, -o-transform 0.5s;
  transition: fill 0.3s, transform 0.5s;
  transition: fill 0.3s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

#gallerymodal .button-close .x line {
  stroke: #2c85bd;
  stroke-width: 8;
  stroke-linecap: round;
  -webkit-transition: stroke 0.3s;
  -o-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

#gallerymodal .button-close .circ {
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: closeCircOut 1s ease-out forwards;
       -o-animation: closeCircOut 1s ease-out forwards;
          animation: closeCircOut 1s ease-out forwards;
}

#gallerymodal .button-close .circ .ring,
#gallerymodal .button-close .circ .dash {
  stroke: #1d4f6f;
  stroke-width: 4;
  fill-opacity: 0;
  -webkit-transition: stroke 0.3s;
  -o-transition: stroke 0.3s;
  transition: stroke 0.3s;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

#gallerymodal .button-close:hover {
  cursor: pointer;
}

#gallerymodal .button-close:hover .bg {
  fill: #0d1f2c;
}

#gallerymodal .button-close:hover .x .center {
  stroke: #6eb6e1;
}

#gallerymodal .button-close:hover .x .tl,
#gallerymodal .button-close:hover .x .tr {
  stroke-dasharray: 20;
  stroke: #6eb6e1;
  -webkit-animation: closeXlines 4s linear infinite;
       -o-animation: closeXlines 4s linear infinite;
          animation: closeXlines 4s linear infinite;
  -webkit-animation-delay: 0.7s;
       -o-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

#gallerymodal .button-close:hover .x .bl,
#gallerymodal .button-close:hover .x .br {
  stroke-dasharray: 20;
  stroke: #6eb6e1;
  -webkit-animation: closeXlines 4s linear reverse infinite;
       -o-animation: closeXlines 4s linear reverse infinite;
          animation: closeXlines 4s linear reverse infinite;
  -webkit-animation-delay: 0.7s;
       -o-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

#gallerymodal .button-close:hover .circ {
  -webkit-animation: closeCircIn 1s ease-in forwards, closeCircLoop 8s linear infinite;
       -o-animation: closeCircIn 1s ease-in forwards, closeCircLoop 8s linear infinite;
          animation: closeCircIn 1s ease-in forwards, closeCircLoop 8s linear infinite;
  -webkit-animation-delay: 0s, 1s;
       -o-animation-delay: 0s, 1s;
          animation-delay: 0s, 1s;
}

#gallerymodal .button-close:hover .circ .dash,
#gallerymodal .button-close:hover .circ .ring {
  stroke: #206998;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#gallerymodal .resolutions {
  /* change this font size to scale the size of the menu */
  font-size: 0.8rem;
  padding: 1.2em 0.7em 1.4em 2.4em;
  position: absolute;
  bottom: -1em;
  left: 50%;
  -webkit-transform: translate(-58%, 0);
       -o-transform: translate(-58%, 0);
          transform: translate(-58%, 0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  min-width: 8em;
  min-height: 9em;
}

#gallerymodal .resolutions.show {
  opacity: 1;
  pointer-events: auto;
  bottom: 3em;
}

#gallerymodal .resolutions .top,
#gallerymodal .resolutions .bottom {
  position: absolute;
  top: 0px;
  bottom: 36%;
  left: 0px;
  right: 0px;
  z-index: -1;
}

#gallerymodal .resolutions .top::before,
#gallerymodal .resolutions .top::after,
#gallerymodal .resolutions .bottom::before,
#gallerymodal .resolutions .bottom::after {
  content: '';
  background: url(../images/download-res-back.svg) left top no-repeat;
  background-size: 34em 34em;
  position: absolute;
  left: 0px;
  right: 49%;
  top: 0px;
  bottom: 0px;
}

#gallerymodal .resolutions .top::after,
#gallerymodal .resolutions .bottom::after {
  background-position: right top;
  left: 49%;
  right: 0px;
}

#gallerymodal .resolutions .bottom {
  top: 63%;
  bottom: 0px;
}

#gallerymodal .resolutions .bottom::before {
  background-position: left bottom;
}

#gallerymodal .resolutions .bottom::after {
  background-position: right bottom;
}

#gallerymodal .resolutions .res {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 1;
}

#gallerymodal .resolutions .res .desk,
#gallerymodal .resolutions .res .mob {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  padding: 0.5em;
}

#gallerymodal .resolutions .res .desk a,
#gallerymodal .resolutions .res .mob a {
  display: inline-block;
  line-height: 2em;
  color: #9fe0f8;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  text-shadow: 0.1em 0.1em 0px #102b3e;
  text-transform: uppercase;
  white-space: nowrap;
}

#gallerymodal .resolutions .res .desk a:hover,
#gallerymodal .resolutions .res .mob a:hover {
  color: #dcf6fe;
}

#gallerymodal .resolutions .res .desk {
  display: none;
}

#gallerymodal .download {
  /* change this font size to scale the size of the button */
  /* chaning font size in inspector won't totally work with the meteor because of the aspect ratio at runtime*/
  font-size: 0.8rem;
  position: absolute;
  left: 50%;
  bottom: 1em;
  -webkit-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  overflow: visible;
}

#gallerymodal .download .meteor {
  position: absolute;
  pointer-events: none;
  right: 0.5em;
  bottom: 0.5em;
  width: 2em;
  height: 2em;
}

#gallerymodal .download .meteor .circle {
  position: relative;
  width: 100%;
  height: 100%;
}

#gallerymodal .download .meteor .circle.shadow {
  position: absolute;
  -webkit-transform: translate(0, 10%);
       -o-transform: translate(0, 10%);
          transform: translate(0, 10%);
}

#gallerymodal .download .meteor .tri {
  position: absolute;
  bottom: 72%;
  left: 5%;
  width: 60%;
  -webkit-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
}

#gallerymodal .download .meteor .tri.right {
  left: auto;
  right: 5%;
  -webkit-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}

#gallerymodal .download .meteor .chev {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 38%;
  width: 65%;
}

#gallerymodal .download .meteor .chev.bot {
  bottom: 14%;
}

#gallerymodal .download .btn {
  padding-left: 1em;
  padding-right: 2.8em;
  height: 2em;
  line-height: 2em;
  color: #b9ecfd;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  text-shadow: 0.1em 0.1em 0px #102b3e;
  text-transform: uppercase;
  z-index: 1;
}

#gallerymodal .download .btn::before,
#gallerymodal .download .btn::after {
  content: '';
  background: url(../images/download-btn-back.svg) left top no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0px;
  right: 49%;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}

#gallerymodal .download .btn::after {
  background-position: right top;
  left: 49%;
  right: 0px;
}

#gallerymodal .download .btn .top {
  width: 0.833333em;
  height: 0.625em;
  position: absolute;
  top: 0px;
  left: -0.6em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#gallerymodal .download .btn .top.right {
  left: auto;
  right: -0.6em;
}

#gallerymodal .download .btn .light {
  width: 0.833333em;
  height: 0.833333em;
  position: absolute;
  top: 0.45em;
  left: -0.68em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

#gallerymodal .download .btn .light.right {
  left: auto;
  right: -0.68em;
}

#gallerymodal .download .btn .light.bot {
  top: 1.15em;
  left: -0.3em;
}

#gallerymodal .download .btn .light.bot.right {
  left: auto;
  right: -0.3em;
}

#gallerymodal .download .st0 {
  fill: #1d4f6f;
}

#gallerymodal .download .st1 {
  fill: #3c93c9;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

#gallerymodal .download .st2 {
  fill: #0d1f2c;
}

#gallerymodal .download .st3 {
  fill: #206998;
}

#gallerymodal .download:hover {
  cursor: pointer;
}

#gallerymodal .download:hover .st1 {
  fill: #7fc3e9;
}

#gallerymodal .download:hover .chev.top {
  -webkit-animation: downloadMeteorLoopArrow 1s infinite ease-out;
       -o-animation: downloadMeteorLoopArrow 1s infinite ease-out;
          animation: downloadMeteorLoopArrow 1s infinite ease-out;
}

#gallerymodal .download:hover .chev.bot {
  -webkit-animation: downloadMeteorLoopArrow 1s infinite ease-out;
       -o-animation: downloadMeteorLoopArrow 1s infinite ease-out;
          animation: downloadMeteorLoopArrow 1s infinite ease-out;
  -webkit-animation-delay: 0.05s;
       -o-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

#gallerymodal .download:hover .tri.left {
  -webkit-animation: downloadMeteorLoopJet 0.8s infinite ease-out;
       -o-animation: downloadMeteorLoopJet 0.8s infinite ease-out;
          animation: downloadMeteorLoopJet 0.8s infinite ease-out;
}

#gallerymodal .download:hover .tri.right {
  -webkit-animation: downloadMeteorLoopJet 1s infinite ease-out;
       -o-animation: downloadMeteorLoopJet 1s infinite ease-out;
          animation: downloadMeteorLoopJet 1s infinite ease-out;
}

#gallerymodal .download:hover .light {
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#gallerymodal .download:hover .light.right {
  -webkit-transform: translate(50%, -50%);
       -o-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

#gallerymodal .download:hover .light.bot {
  -webkit-transform: translate(-30%, -30%);
       -o-transform: translate(-30%, -30%);
          transform: translate(-30%, -30%);
}

#gallerymodal .download:hover .light.bot.right {
  -webkit-transform: translate(30%, -30%);
       -o-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
}

#gallerymodal .download:hover .btn .top {
  -webkit-transform: translate(15%, -30%);
       -o-transform: translate(15%, -30%);
          transform: translate(15%, -30%);
}

#gallerymodal .download:hover .btn .top.right {
  -webkit-transform: translate(-15%, -30%);
       -o-transform: translate(-15%, -30%);
          transform: translate(-15%, -30%);
}

@-webkit-keyframes closeXlines {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 200;
  }
}

@-o-keyframes closeXlines {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 200;
  }
}

@keyframes closeXlines {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 200;
  }
}

/* YES you have to use animations with different names on the same element with hover state
using animation with the same name in different states negates both animations*/

@-webkit-keyframes closeCircIn {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.15) rotate(-360deg);
            transform: scale(1.15) rotate(-360deg);
  }
}

@-o-keyframes closeCircIn {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1.15) rotate(-360deg);
       transform: scale(1.15) rotate(-360deg);
  }
}

@keyframes closeCircIn {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.15) rotate(-360deg);
         -o-transform: scale(1.15) rotate(-360deg);
            transform: scale(1.15) rotate(-360deg);
  }
}

@-webkit-keyframes closeCircOut {
  0% {
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}

@-o-keyframes closeCircOut {
  0% {
    -o-transform: scale(1.15) rotate(0deg);
       transform: scale(1.15) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(360deg);
       transform: scale(1) rotate(360deg);
  }
}

@keyframes closeCircOut {
  0% {
    -webkit-transform: scale(1.15) rotate(0deg);
         -o-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(360deg);
         -o-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes closeCircLoop {
  0% {
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.15) rotate(-360deg);
            transform: scale(1.15) rotate(-360deg);
  }
}

@-o-keyframes closeCircLoop {
  0% {
    -o-transform: scale(1.15) rotate(0deg);
       transform: scale(1.15) rotate(0deg);
  }

  100% {
    -o-transform: scale(1.15) rotate(-360deg);
       transform: scale(1.15) rotate(-360deg);
  }
}

@keyframes closeCircLoop {
  0% {
    -webkit-transform: scale(1.15) rotate(0deg);
         -o-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.15) rotate(-360deg);
         -o-transform: scale(1.15) rotate(-360deg);
            transform: scale(1.15) rotate(-360deg);
  }
}

@-webkit-keyframes downloadMeteorLoopArrow {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  30% {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-o-keyframes downloadMeteorLoopArrow {
  0% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }

  30% {
    -o-transform: translate(-50%, 20%);
       transform: translate(-50%, 20%);
  }

  100% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }
}

@keyframes downloadMeteorLoopArrow {
  0% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  30% {
    -webkit-transform: translate(-50%, 20%);
         -o-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes downloadMeteorLoopJet {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1.3, 1.8);
            transform: scale(1.3, 1.8);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1.2, 1.5);
            transform: scale(1.2, 1.5);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  95% {
    -webkit-transform: scale(1.1, 1.7);
            transform: scale(1.1, 1.7);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}

@-o-keyframes downloadMeteorLoopJet {
  0% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 1;
  }

  25% {
    -o-transform: scale(1.3, 1.8);
       transform: scale(1.3, 1.8);
    opacity: 1;
  }

  30% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 1;
  }

  55% {
    -o-transform: scale(1.2, 1.5);
       transform: scale(1.2, 1.5);
    opacity: 1;
  }

  60% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 1;
  }

  95% {
    -o-transform: scale(1.1, 1.7);
       transform: scale(1.1, 1.7);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes downloadMeteorLoopJet {
  0% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1.3, 1.8);
         -o-transform: scale(1.3, 1.8);
            transform: scale(1.3, 1.8);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1.2, 1.5);
         -o-transform: scale(1.2, 1.5);
            transform: scale(1.2, 1.5);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }

  95% {
    -webkit-transform: scale(1.1, 1.7);
         -o-transform: scale(1.1, 1.7);
            transform: scale(1.1, 1.7);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  #gallerymodal .holder {
    width: 95.833333vw;
    height: 53.90625vw;
  }

  #gallerymodal .holder .prev,
  #gallerymodal .holder .next {
    width: 4.090909rem;
    height: 4.090909rem;
  }

  #gallerymodal .resolutions.show {
    bottom: 5em;
  }

  #gallerymodal .download {
    bottom: 2.5em;
  }
}

@media (min-width: 1280px) {
  #gallerymodal .holder {
    width: 83.333333vw;
    height: 44.333333vw;
  }

  #gallerymodal .holder .prev,
  #gallerymodal .holder .next {
    width: 4.5rem;
    height: 4.5rem;
    right: 1%;
  }

  #gallerymodal .holder .prev {
    right: auto;
    left: 1%;
  }

  #gallerymodal .holder .resolutions {
    font-size: 1rem;
    -webkit-transform: translate(-65%, 0);
         -o-transform: translate(-65%, 0);
            transform: translate(-65%, 0);
  }

  #gallerymodal .holder .resolutions .res .desk {
    display: block;
  }

  #gallerymodal .holder .resolutions .res a {
    display: block;
  }

  #gallerymodal .holder .download {
    font-size: 1rem;
  }
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*button scales with font size*/

a.button-anim,
button.button-anim {
  font-size: 1.142857rem;
  height: 2em;
  display: inline-block;
  background: url(../images/button-anim-back.svg) center top repeat-x;
  background-size: auto 100%;
  /*background-color: $ui-blue-D;*/
  color: #b9ecfd;
  line-height: 2em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  text-shadow: 0.0625em 0.0625em 0px rgba(16, 43, 62, 0.7);
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  margin-left: 1.4em;
  margin-right: 2.8em;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  cursor: pointer;
}

a.button-anim:hover:not(:disabled),
button.button-anim:hover:not(:disabled) {
  color: white;
  text-shadow: 0.0625em 0.0625em 0px rgba(0, 0, 0, 0.7);
}

a.button-anim::before,
button.button-anim::before {
  content: "";
  width: 1.4em;
  height: 2em;
  position: absolute;
  top: 0px;
  background: url(../images/button-anim2.svg) left top no-repeat;
  /*exactly 20 frames of animation = 20 x button height*/
  background-size: auto 40em;
  /*move by 1px to cover subpixel seams*/
  left: calc(-1.4em + 1px);
  /*mouse-out animation*/
  -webkit-animation: revButton 0.5s steps(19);
       -o-animation: revButton 0.5s steps(19);
          animation: revButton 0.5s steps(19);
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

a.button-anim::after,
button.button-anim::after {
  content: "";
  width: 4em;
  height: 2em;
  position: absolute;
  top: 0px;
  /*right align background, for first column of animation frames*/
  background: url(../images/button-anim2.svg) right -16.66667em top;
  /*exactly 20 frames of animation = 20 x button height*/
  background-size: auto 40em;
  /*move by 1px to cover subpixel seams*/
  right: calc(-4em + 1px);
  /*mouse-out animation*/
  -webkit-animation: revButtonR 0.5s steps(19);
       -o-animation: revButtonR 0.5s steps(19);
          animation: revButtonR 0.5s steps(19);
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

a.button-anim.both::before,
button.button-anim.both::before {
  background: url(../images/button-anim2-left.svg) left top no-repeat;
  background-size: auto 40em;
  width: 4em;
  left: -4em;
}

a.button-anim.left,
button.button-anim.left {
  margin-right: 1.4em;
  margin-left: 2.8em;
}

a.button-anim.left::before,
button.button-anim.left::before {
  background: url(../images/button-anim2-left.svg) left top no-repeat;
  background-size: auto 40em;
  width: 4em;
  left: -4em;
}

a.button-anim.left:hover::before,
button.button-anim.left:hover::before {
  /* KEY putting the second animation here with an animation delay below allows for an infinite idle after the intro animation has finished. animation delay for the second is equal to the duration of the first animation, first animation delay needs to be defined at 0 so second delay applies to second animation */
  -webkit-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
       -o-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
          animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

a.button-anim.left::after,
button.button-anim.left::after {
  background: url(../images/button-anim2-left.svg) right -16.66667em top;
  background-size: auto 40em;
  width: 1.4em;
  right: -1.4em;
}

a.button-anim.left:hover::after,
button.button-anim.left:hover::after {
  -webkit-animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
       -o-animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
          animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

a.button-anim:hover:not(:disabled)::before,
button.button-anim:hover:not(:disabled)::before {
  -webkit-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
       -o-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
          animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

a.button-anim:hover:not(:disabled)::after,
button.button-anim:hover:not(:disabled)::after {
  -webkit-animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
       -o-animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
          animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

.browse {
  position: relative;
  display: inline-block;
  padding: 0em 1em;
  margin: 0em 1em;
  height: 2em;
  line-height: 2em;
  color: #5fa9d8;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  text-shadow: 0.1em 0.1em 0px #102b3e;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 1;
}

.browse input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.browse::before,
.browse::after {
  content: '';
  background: url(../images/download-btn-back.svg) left top no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0px;
  right: 49%;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}

.browse::after {
  background-position: right top;
  left: 49%;
  right: 0px;
}

.browse .top {
  width: 0.833333em;
  height: 0.625em;
  position: absolute;
  top: 0px;
  left: -0.6em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

.browse .top.right {
  left: auto;
  right: -0.6em;
}

.browse .light {
  width: 0.833333em;
  height: 0.833333em;
  position: absolute;
  top: 0.45em;
  left: -0.68em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

.browse .light.right {
  left: auto;
  right: -0.68em;
}

.browse .light.bot {
  top: 1.15em;
  left: -0.3em;
}

.browse .light.bot.right {
  left: auto;
  right: -0.3em;
}

.browse .st0 {
  fill: #1d4f6f;
}

.browse .st1 {
  fill: #ff931e;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

.browse .st2 {
  fill: #0d1f2c;
}

.browse .st3 {
  fill: #206998;
}

.browse.active .st1 {
  fill: greenyellow;
}

.browse:hover {
  cursor: pointer;
  color: #9fe0f8;
}

.browse:hover .st1 {
  fill: #7fc3e9;
}

.browse:hover .light {
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.browse:hover .light.right {
  -webkit-transform: translate(50%, -50%);
       -o-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.browse:hover .light.bot {
  -webkit-transform: translate(-30%, -30%);
       -o-transform: translate(-30%, -30%);
          transform: translate(-30%, -30%);
}

.browse:hover .light.bot.right {
  -webkit-transform: translate(30%, -30%);
       -o-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
}

.browse:hover .top {
  -webkit-transform: translate(15%, -30%);
       -o-transform: translate(15%, -30%);
          transform: translate(15%, -30%);
}

.browse:hover .top.right {
  -webkit-transform: translate(-15%, -30%);
       -o-transform: translate(-15%, -30%);
          transform: translate(-15%, -30%);
}

/*initial animation on mouse over*/

@-webkit-keyframes animButton {
  0% {
    background-position: left top;
  }

  100% {
    background-position: left bottom;
  }
}

@-o-keyframes animButton {
  0% {
    background-position: left top;
  }

  100% {
    background-position: left bottom;
  }
}

@keyframes animButton {
  0% {
    background-position: left top;
  }

  100% {
    background-position: left bottom;
  }
}

/*looping animation while mouse is over*/

/*using EM instead of % because animation doesn't play nice with % background position */

@-webkit-keyframes loopButton {
  0% {
    background-position: -8.33333333333em top;
  }

  100% {
    background-position: -8.33333333333em bottom;
  }
}

@-o-keyframes loopButton {
  0% {
    background-position: -8.33333333333em top;
  }

  100% {
    background-position: -8.33333333333em bottom;
  }
}

@keyframes loopButton {
  0% {
    background-position: -8.33333333333em top;
  }

  100% {
    background-position: -8.33333333333em bottom;
  }
}

/*animate on mouse out*/

@-webkit-keyframes revButton {
  0% {
    background-position: -16.66666666667em top;
  }

  100% {
    background-position: -16.66666666667em bottom;
  }
}

@-o-keyframes revButton {
  0% {
    background-position: -16.66666666667em top;
  }

  100% {
    background-position: -16.66666666667em bottom;
  }
}

@keyframes revButton {
  0% {
    background-position: -16.66666666667em top;
  }

  100% {
    background-position: -16.66666666667em bottom;
  }
}

/*right end cap animations, positioning bg from right*/

@-webkit-keyframes animButtonR {
  0% {
    background-position: -4.333333333333333em top;
  }

  100% {
    background-position: -4.333333333333333em bottom;
  }
}

@-o-keyframes animButtonR {
  0% {
    background-position: -4.333333333333333em top;
  }

  100% {
    background-position: -4.333333333333333em bottom;
  }
}

@keyframes animButtonR {
  0% {
    background-position: -4.333333333333333em top;
  }

  100% {
    background-position: -4.333333333333333em bottom;
  }
}

@-webkit-keyframes loopButtonR {
  0% {
    background-position: -12.66666666666667em top;
  }

  100% {
    background-position: -12.66666666666667em bottom;
  }
}

@-o-keyframes loopButtonR {
  0% {
    background-position: -12.66666666666667em top;
  }

  100% {
    background-position: -12.66666666666667em bottom;
  }
}

@keyframes loopButtonR {
  0% {
    background-position: -12.66666666666667em top;
  }

  100% {
    background-position: -12.66666666666667em bottom;
  }
}

@-webkit-keyframes revButtonR {
  0% {
    background-position: right top;
  }

  100% {
    background-position: right bottom;
  }
}

@-o-keyframes revButtonR {
  0% {
    background-position: right top;
  }

  100% {
    background-position: right bottom;
  }
}

@keyframes revButtonR {
  0% {
    background-position: right top;
  }

  100% {
    background-position: right bottom;
  }
}

@-webkit-keyframes leftanimButtonR {
  0% {
    background-position: -6.933333333333333em top;
  }

  100% {
    background-position: -6.933333333333333em bottom;
  }
}

@-o-keyframes leftanimButtonR {
  0% {
    background-position: -6.933333333333333em top;
  }

  100% {
    background-position: -6.933333333333333em bottom;
  }
}

@keyframes leftanimButtonR {
  0% {
    background-position: -6.933333333333333em top;
  }

  100% {
    background-position: -6.933333333333333em bottom;
  }
}

@-webkit-keyframes leftloopButtonR {
  0% {
    background-position: -15.26666666666667em top;
  }

  100% {
    background-position: -15.26666666666667em bottom;
  }
}

@-o-keyframes leftloopButtonR {
  0% {
    background-position: -15.26666666666667em top;
  }

  100% {
    background-position: -15.26666666666667em bottom;
  }
}

@keyframes leftloopButtonR {
  0% {
    background-position: -15.26666666666667em top;
  }

  100% {
    background-position: -15.26666666666667em bottom;
  }
}

.flex_col .comicpanels {
  border-top: 0px;
  padding: 0px 0px;
  background: none;
}

.comicpanels {
  overflow: visible;
}

.primary_content .more {
  text-align: right;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.media .featured {
  background: #08121b url(../images/mediabg.jpg) center top no-repeat;
  background-size: cover !important;
  padding-top: 5rem;
}

.media .galleries {
  border-top: 2px solid #2477ac;
  /*double background lighter than full 1080p background*/
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  /*gradient stretches, image tiles*/
  background-size: 100% 100%, 288px auto;
}

.tag .thumbs .thumb:not(.video) .title {
  display: none;
}

.comicpanels,
.download_content,
.tag .galleries,
.media .galleries,
.media .featured {
  border-top: 2px solid #2477ac;
  position: relative;
}

.comicpanels .posts .post,
.comicpanels .posts .thumb,
.comicpanels .thumbs .post,
.comicpanels .thumbs .thumb,
.download_content .posts .post,
.download_content .posts .thumb,
.download_content .thumbs .post,
.download_content .thumbs .thumb,
.tag .galleries .posts .post,
.tag .galleries .posts .thumb,
.tag .galleries .thumbs .post,
.tag .galleries .thumbs .thumb,
.media .galleries .posts .post,
.media .galleries .posts .thumb,
.media .galleries .thumbs .post,
.media .galleries .thumbs .thumb,
.media .featured .posts .post,
.media .featured .posts .thumb,
.media .featured .thumbs .post,
.media .featured .thumbs .thumb {
  margin-top: -16.2vw;
  margin-bottom: 1.334rem;
  /*turn off pointer events so hover can be controlled by polygon coords*/
  pointer-events: none;
  position: relative;
  /*use VW here because block scales with screen width not font size */
  height: 63.125vw;
}

.comicpanels .posts .post .count,
.comicpanels .posts .thumb .count,
.comicpanels .thumbs .post .count,
.comicpanels .thumbs .thumb .count,
.download_content .posts .post .count,
.download_content .posts .thumb .count,
.download_content .thumbs .post .count,
.download_content .thumbs .thumb .count,
.tag .galleries .posts .post .count,
.tag .galleries .posts .thumb .count,
.tag .galleries .thumbs .post .count,
.tag .galleries .thumbs .thumb .count,
.media .galleries .posts .post .count,
.media .galleries .posts .thumb .count,
.media .galleries .thumbs .post .count,
.media .galleries .thumbs .thumb .count,
.media .featured .posts .post .count,
.media .featured .posts .thumb .count,
.media .featured .thumbs .post .count,
.media .featured .thumbs .thumb .count {
  top: -2vw;
  right: -12vw;
  position: absolute;
  pointer-events: none;
  width: 2.5em;
  height: 2.5em;
  font-size: 1.285714rem;
}

.comicpanels .posts .post .count .number,
.comicpanels .posts .thumb .count .number,
.comicpanels .thumbs .post .count .number,
.comicpanels .thumbs .thumb .count .number,
.download_content .posts .post .count .number,
.download_content .posts .thumb .count .number,
.download_content .thumbs .post .count .number,
.download_content .thumbs .thumb .count .number,
.tag .galleries .posts .post .count .number,
.tag .galleries .posts .thumb .count .number,
.tag .galleries .thumbs .post .count .number,
.tag .galleries .thumbs .thumb .count .number,
.media .galleries .posts .post .count .number,
.media .galleries .posts .thumb .count .number,
.media .galleries .thumbs .post .count .number,
.media .galleries .thumbs .thumb .count .number,
.media .featured .posts .post .count .number,
.media .featured .posts .thumb .count .number,
.media .featured .thumbs .post .count .number,
.media .featured .thumbs .thumb .count .number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: #3c93c9;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}

.comicpanels .posts .post .count .bg,
.comicpanels .posts .thumb .count .bg,
.comicpanels .thumbs .post .count .bg,
.comicpanels .thumbs .thumb .count .bg,
.download_content .posts .post .count .bg,
.download_content .posts .thumb .count .bg,
.download_content .thumbs .post .count .bg,
.download_content .thumbs .thumb .count .bg,
.tag .galleries .posts .post .count .bg,
.tag .galleries .posts .thumb .count .bg,
.tag .galleries .thumbs .post .count .bg,
.tag .galleries .thumbs .thumb .count .bg,
.media .galleries .posts .post .count .bg,
.media .galleries .posts .thumb .count .bg,
.media .galleries .thumbs .post .count .bg,
.media .galleries .thumbs .thumb .count .bg,
.media .featured .posts .post .count .bg,
.media .featured .posts .thumb .count .bg,
.media .featured .thumbs .post .count .bg,
.media .featured .thumbs .thumb .count .bg {
  fill: #0d1f2c;
}

.comicpanels .posts .post .count .star,
.comicpanels .posts .thumb .count .star,
.comicpanels .thumbs .post .count .star,
.comicpanels .thumbs .thumb .count .star,
.download_content .posts .post .count .star,
.download_content .posts .thumb .count .star,
.download_content .thumbs .post .count .star,
.download_content .thumbs .thumb .count .star,
.tag .galleries .posts .post .count .star,
.tag .galleries .posts .thumb .count .star,
.tag .galleries .thumbs .post .count .star,
.tag .galleries .thumbs .thumb .count .star,
.media .galleries .posts .post .count .star,
.media .galleries .posts .thumb .count .star,
.media .galleries .thumbs .post .count .star,
.media .galleries .thumbs .thumb .count .star,
.media .featured .posts .post .count .star,
.media .featured .posts .thumb .count .star,
.media .featured .thumbs .post .count .star,
.media .featured .thumbs .thumb .count .star {
  fill: #102b3e;
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: barrelRoll 10s linear infinite;
       -o-animation: barrelRoll 10s linear infinite;
          animation: barrelRoll 10s linear infinite;
}

.comicpanels .posts .post:nth-of-type(1),
.comicpanels .posts .thumb:nth-of-type(1),
.comicpanels .thumbs .post:nth-of-type(1),
.comicpanels .thumbs .thumb:nth-of-type(1),
.download_content .posts .post:nth-of-type(1),
.download_content .posts .thumb:nth-of-type(1),
.download_content .thumbs .post:nth-of-type(1),
.download_content .thumbs .thumb:nth-of-type(1),
.tag .galleries .posts .post:nth-of-type(1),
.tag .galleries .posts .thumb:nth-of-type(1),
.tag .galleries .thumbs .post:nth-of-type(1),
.tag .galleries .thumbs .thumb:nth-of-type(1),
.media .galleries .posts .post:nth-of-type(1),
.media .galleries .posts .thumb:nth-of-type(1),
.media .galleries .thumbs .post:nth-of-type(1),
.media .galleries .thumbs .thumb:nth-of-type(1),
.media .featured .posts .post:nth-of-type(1),
.media .featured .posts .thumb:nth-of-type(1),
.media .featured .thumbs .post:nth-of-type(1),
.media .featured .thumbs .thumb:nth-of-type(1) {
  height: 48.59375vw;
  margin-top: 0px;
}

.comicpanels .posts .post:nth-last-of-type(1),
.comicpanels .posts .thumb:nth-last-of-type(1),
.comicpanels .thumbs .post:nth-last-of-type(1),
.comicpanels .thumbs .thumb:nth-last-of-type(1),
.download_content .posts .post:nth-last-of-type(1),
.download_content .posts .thumb:nth-last-of-type(1),
.download_content .thumbs .post:nth-last-of-type(1),
.download_content .thumbs .thumb:nth-last-of-type(1),
.tag .galleries .posts .post:nth-last-of-type(1),
.tag .galleries .posts .thumb:nth-last-of-type(1),
.tag .galleries .thumbs .post:nth-last-of-type(1),
.tag .galleries .thumbs .thumb:nth-last-of-type(1),
.media .galleries .posts .post:nth-last-of-type(1),
.media .galleries .posts .thumb:nth-last-of-type(1),
.media .galleries .thumbs .post:nth-last-of-type(1),
.media .galleries .thumbs .thumb:nth-last-of-type(1),
.media .featured .posts .post:nth-last-of-type(1),
.media .featured .posts .thumb:nth-last-of-type(1),
.media .featured .thumbs .post:nth-last-of-type(1),
.media .featured .thumbs .thumb:nth-last-of-type(1) {
  margin-bottom: 0px;
  /*important, maintains aspect ratio for comic block*/
  height: 50.3125vw;
}

.comicpanels .posts .post:nth-last-of-type(1) .content .article,
.comicpanels .posts .thumb:nth-last-of-type(1) .content .article,
.comicpanels .thumbs .post:nth-last-of-type(1) .content .article,
.comicpanels .thumbs .thumb:nth-last-of-type(1) .content .article,
.download_content .posts .post:nth-last-of-type(1) .content .article,
.download_content .posts .thumb:nth-last-of-type(1) .content .article,
.download_content .thumbs .post:nth-last-of-type(1) .content .article,
.download_content .thumbs .thumb:nth-last-of-type(1) .content .article,
.tag .galleries .posts .post:nth-last-of-type(1) .content .article,
.tag .galleries .posts .thumb:nth-last-of-type(1) .content .article,
.tag .galleries .thumbs .post:nth-last-of-type(1) .content .article,
.tag .galleries .thumbs .thumb:nth-last-of-type(1) .content .article,
.media .galleries .posts .post:nth-last-of-type(1) .content .article,
.media .galleries .posts .thumb:nth-last-of-type(1) .content .article,
.media .galleries .thumbs .post:nth-last-of-type(1) .content .article,
.media .galleries .thumbs .thumb:nth-last-of-type(1) .content .article,
.media .featured .posts .post:nth-last-of-type(1) .content .article,
.media .featured .posts .thumb:nth-last-of-type(1) .content .article,
.media .featured .thumbs .post:nth-last-of-type(1) .content .article,
.media .featured .thumbs .thumb:nth-last-of-type(1) .content .article {
  top: 12vw;
  bottom: 6.2vw;
}

.comicpanels .posts .post .pic,
.comicpanels .posts .thumb .pic,
.comicpanels .thumbs .post .pic,
.comicpanels .thumbs .thumb .pic,
.download_content .posts .post .pic,
.download_content .posts .thumb .pic,
.download_content .thumbs .post .pic,
.download_content .thumbs .thumb .pic,
.tag .galleries .posts .post .pic,
.tag .galleries .posts .thumb .pic,
.tag .galleries .thumbs .post .pic,
.tag .galleries .thumbs .thumb .pic,
.media .galleries .posts .post .pic,
.media .galleries .posts .thumb .pic,
.media .galleries .thumbs .post .pic,
.media .galleries .thumbs .thumb .pic,
.media .featured .posts .post .pic,
.media .featured .posts .thumb .pic,
.media .featured .thumbs .post .pic,
.media .featured .thumbs .thumb .pic {
  /*hide desktop backgrounds*/
}

.comicpanels .posts .post .pic.desktop,
.comicpanels .posts .thumb .pic.desktop,
.comicpanels .thumbs .post .pic.desktop,
.comicpanels .thumbs .thumb .pic.desktop,
.download_content .posts .post .pic.desktop,
.download_content .posts .thumb .pic.desktop,
.download_content .thumbs .post .pic.desktop,
.download_content .thumbs .thumb .pic.desktop,
.tag .galleries .posts .post .pic.desktop,
.tag .galleries .posts .thumb .pic.desktop,
.tag .galleries .thumbs .post .pic.desktop,
.tag .galleries .thumbs .thumb .pic.desktop,
.media .galleries .posts .post .pic.desktop,
.media .galleries .posts .thumb .pic.desktop,
.media .galleries .thumbs .post .pic.desktop,
.media .galleries .thumbs .thumb .pic.desktop,
.media .featured .posts .post .pic.desktop,
.media .featured .posts .thumb .pic.desktop,
.media .featured .thumbs .post .pic.desktop,
.media .featured .thumbs .thumb .pic.desktop {
  display: none;
}

.comicpanels .posts .post .pic svg,
.comicpanels .posts .thumb .pic svg,
.comicpanels .thumbs .post .pic svg,
.comicpanels .thumbs .thumb .pic svg,
.download_content .posts .post .pic svg,
.download_content .posts .thumb .pic svg,
.download_content .thumbs .post .pic svg,
.download_content .thumbs .thumb .pic svg,
.tag .galleries .posts .post .pic svg,
.tag .galleries .posts .thumb .pic svg,
.tag .galleries .thumbs .post .pic svg,
.tag .galleries .thumbs .thumb .pic svg,
.media .galleries .posts .post .pic svg,
.media .galleries .posts .thumb .pic svg,
.media .galleries .thumbs .post .pic svg,
.media .galleries .thumbs .thumb .pic svg,
.media .featured .posts .post .pic svg,
.media .featured .posts .thumb .pic svg,
.media .featured .thumbs .post .pic svg,
.media .featured .thumbs .thumb .pic svg {
  overflow: visible;
  position: absolute;
}

.comicpanels .posts .post .pic svg .front,
.comicpanels .posts .thumb .pic svg .front,
.comicpanels .thumbs .post .pic svg .front,
.comicpanels .thumbs .thumb .pic svg .front,
.download_content .posts .post .pic svg .front,
.download_content .posts .thumb .pic svg .front,
.download_content .thumbs .post .pic svg .front,
.download_content .thumbs .thumb .pic svg .front,
.tag .galleries .posts .post .pic svg .front,
.tag .galleries .posts .thumb .pic svg .front,
.tag .galleries .thumbs .post .pic svg .front,
.tag .galleries .thumbs .thumb .pic svg .front,
.media .galleries .posts .post .pic svg .front,
.media .galleries .posts .thumb .pic svg .front,
.media .galleries .thumbs .post .pic svg .front,
.media .galleries .thumbs .thumb .pic svg .front,
.media .featured .posts .post .pic svg .front,
.media .featured .posts .thumb .pic svg .front,
.media .featured .thumbs .post .pic svg .front,
.media .featured .thumbs .thumb .pic svg .front {
  fill: #102b3e;
  fill-opacity: 0;
  pointer-events: auto;
}

.comicpanels .posts .post .pic svg a.poly,
.comicpanels .posts .thumb .pic svg a.poly,
.comicpanels .thumbs .post .pic svg a.poly,
.comicpanels .thumbs .thumb .pic svg a.poly,
.download_content .posts .post .pic svg a.poly,
.download_content .posts .thumb .pic svg a.poly,
.download_content .thumbs .post .pic svg a.poly,
.download_content .thumbs .thumb .pic svg a.poly,
.tag .galleries .posts .post .pic svg a.poly,
.tag .galleries .posts .thumb .pic svg a.poly,
.tag .galleries .thumbs .post .pic svg a.poly,
.tag .galleries .thumbs .thumb .pic svg a.poly,
.media .galleries .posts .post .pic svg a.poly,
.media .galleries .posts .thumb .pic svg a.poly,
.media .galleries .thumbs .post .pic svg a.poly,
.media .galleries .thumbs .thumb .pic svg a.poly,
.media .featured .posts .post .pic svg a.poly,
.media .featured .posts .thumb .pic svg a.poly,
.media .featured .thumbs .post .pic svg a.poly,
.media .featured .thumbs .thumb .pic svg a.poly {
  cursor: pointer;
}

.comicpanels .posts .post .pic svg .shadow,
.comicpanels .posts .thumb .pic svg .shadow,
.comicpanels .thumbs .post .pic svg .shadow,
.comicpanels .thumbs .thumb .pic svg .shadow,
.download_content .posts .post .pic svg .shadow,
.download_content .posts .thumb .pic svg .shadow,
.download_content .thumbs .post .pic svg .shadow,
.download_content .thumbs .thumb .pic svg .shadow,
.tag .galleries .posts .post .pic svg .shadow,
.tag .galleries .posts .thumb .pic svg .shadow,
.tag .galleries .thumbs .post .pic svg .shadow,
.tag .galleries .thumbs .thumb .pic svg .shadow,
.media .galleries .posts .post .pic svg .shadow,
.media .galleries .posts .thumb .pic svg .shadow,
.media .galleries .thumbs .post .pic svg .shadow,
.media .galleries .thumbs .thumb .pic svg .shadow,
.media .featured .posts .post .pic svg .shadow,
.media .featured .posts .thumb .pic svg .shadow,
.media .featured .thumbs .post .pic svg .shadow,
.media .featured .thumbs .thumb .pic svg .shadow {
  fill: black;
  -webkit-transform: translate(1.875vw, 1.875vw);
       -o-transform: translate(1.875vw, 1.875vw);
          transform: translate(1.875vw, 1.875vw);
}

.comicpanels .posts .post .title,
.comicpanels .posts .thumb .title,
.comicpanels .thumbs .post .title,
.comicpanels .thumbs .thumb .title,
.download_content .posts .post .title,
.download_content .posts .thumb .title,
.download_content .thumbs .post .title,
.download_content .thumbs .thumb .title,
.tag .galleries .posts .post .title,
.tag .galleries .posts .thumb .title,
.tag .galleries .thumbs .post .title,
.tag .galleries .thumbs .thumb .title,
.media .galleries .posts .post .title,
.media .galleries .posts .thumb .title,
.media .galleries .thumbs .post .title,
.media .galleries .thumbs .thumb .title,
.media .featured .posts .post .title,
.media .featured .posts .thumb .title,
.media .featured .thumbs .post .title,
.media .featured .thumbs .thumb .title {
  right: 0.42856em;
  left: 0.42856em;
  bottom: 3em;
  position: absolute;
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.5em;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  text-align: center;
  padding: 0px 0.8em;
  text-shadow: 0px 0.08334rem 0px black;
  z-index: 2;
}

.comicpanels .posts .post .title h4,
.comicpanels .posts .thumb .title h4,
.comicpanels .thumbs .post .title h4,
.comicpanels .thumbs .thumb .title h4,
.download_content .posts .post .title h4,
.download_content .posts .thumb .title h4,
.download_content .thumbs .post .title h4,
.download_content .thumbs .thumb .title h4,
.tag .galleries .posts .post .title h4,
.tag .galleries .posts .thumb .title h4,
.tag .galleries .thumbs .post .title h4,
.tag .galleries .thumbs .thumb .title h4,
.media .galleries .posts .post .title h4,
.media .galleries .posts .thumb .title h4,
.media .galleries .thumbs .post .title h4,
.media .galleries .thumbs .thumb .title h4,
.media .featured .posts .post .title h4,
.media .featured .posts .thumb .title h4,
.media .featured .thumbs .post .title h4,
.media .featured .thumbs .thumb .title h4 {
  padding-bottom: 0.3em;
  position: relative;
}

.comicpanels .posts .post .title .date,
.comicpanels .posts .thumb .title .date,
.comicpanels .thumbs .post .title .date,
.comicpanels .thumbs .thumb .title .date,
.download_content .posts .post .title .date,
.download_content .posts .thumb .title .date,
.download_content .thumbs .post .title .date,
.download_content .thumbs .thumb .title .date,
.tag .galleries .posts .post .title .date,
.tag .galleries .posts .thumb .title .date,
.tag .galleries .thumbs .post .title .date,
.tag .galleries .thumbs .thumb .title .date,
.media .galleries .posts .post .title .date,
.media .galleries .posts .thumb .title .date,
.media .galleries .thumbs .post .title .date,
.media .galleries .thumbs .thumb .title .date,
.media .featured .posts .post .title .date,
.media .featured .posts .thumb .title .date,
.media .featured .thumbs .post .title .date,
.media .featured .thumbs .thumb .title .date {
  display: none;
}

.comicpanels .posts .post .title .cap,
.comicpanels .posts .thumb .title .cap,
.comicpanels .thumbs .post .title .cap,
.comicpanels .thumbs .thumb .title .cap,
.download_content .posts .post .title .cap,
.download_content .posts .thumb .title .cap,
.download_content .thumbs .post .title .cap,
.download_content .thumbs .thumb .title .cap,
.tag .galleries .posts .post .title .cap,
.tag .galleries .posts .thumb .title .cap,
.tag .galleries .thumbs .post .title .cap,
.tag .galleries .thumbs .thumb .title .cap,
.media .galleries .posts .post .title .cap,
.media .galleries .posts .thumb .title .cap,
.media .galleries .thumbs .post .title .cap,
.media .galleries .thumbs .thumb .title .cap,
.media .featured .posts .post .title .cap,
.media .featured .posts .thumb .title .cap,
.media .featured .thumbs .post .title .cap,
.media .featured .thumbs .thumb .title .cap {
  display: block;
  width: 100%;
  height: 51%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px;
  top: 0px;
}

.comicpanels .posts .post .title .cap svg,
.comicpanels .posts .thumb .title .cap svg,
.comicpanels .thumbs .post .title .cap svg,
.comicpanels .thumbs .thumb .title .cap svg,
.download_content .posts .post .title .cap svg,
.download_content .posts .thumb .title .cap svg,
.download_content .thumbs .post .title .cap svg,
.download_content .thumbs .thumb .title .cap svg,
.tag .galleries .posts .post .title .cap svg,
.tag .galleries .posts .thumb .title .cap svg,
.tag .galleries .thumbs .post .title .cap svg,
.tag .galleries .thumbs .thumb .title .cap svg,
.media .galleries .posts .post .title .cap svg,
.media .galleries .posts .thumb .title .cap svg,
.media .galleries .thumbs .post .title .cap svg,
.media .galleries .thumbs .thumb .title .cap svg,
.media .featured .posts .post .title .cap svg,
.media .featured .posts .thumb .title .cap svg,
.media .featured .thumbs .post .title .cap svg,
.media .featured .thumbs .thumb .title .cap svg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.comicpanels .posts .post .title .cap.bottom,
.comicpanels .posts .thumb .title .cap.bottom,
.comicpanels .thumbs .post .title .cap.bottom,
.comicpanels .thumbs .thumb .title .cap.bottom,
.download_content .posts .post .title .cap.bottom,
.download_content .posts .thumb .title .cap.bottom,
.download_content .thumbs .post .title .cap.bottom,
.download_content .thumbs .thumb .title .cap.bottom,
.tag .galleries .posts .post .title .cap.bottom,
.tag .galleries .posts .thumb .title .cap.bottom,
.tag .galleries .thumbs .post .title .cap.bottom,
.tag .galleries .thumbs .thumb .title .cap.bottom,
.media .galleries .posts .post .title .cap.bottom,
.media .galleries .posts .thumb .title .cap.bottom,
.media .galleries .thumbs .post .title .cap.bottom,
.media .galleries .thumbs .thumb .title .cap.bottom,
.media .featured .posts .post .title .cap.bottom,
.media .featured .posts .thumb .title .cap.bottom,
.media .featured .thumbs .post .title .cap.bottom,
.media .featured .thumbs .thumb .title .cap.bottom {
  top: auto;
  bottom: 0px;
}

.comicpanels .posts .post .title .cap.bottom svg,
.comicpanels .posts .thumb .title .cap.bottom svg,
.comicpanels .thumbs .post .title .cap.bottom svg,
.comicpanels .thumbs .thumb .title .cap.bottom svg,
.download_content .posts .post .title .cap.bottom svg,
.download_content .posts .thumb .title .cap.bottom svg,
.download_content .thumbs .post .title .cap.bottom svg,
.download_content .thumbs .thumb .title .cap.bottom svg,
.tag .galleries .posts .post .title .cap.bottom svg,
.tag .galleries .posts .thumb .title .cap.bottom svg,
.tag .galleries .thumbs .post .title .cap.bottom svg,
.tag .galleries .thumbs .thumb .title .cap.bottom svg,
.media .galleries .posts .post .title .cap.bottom svg,
.media .galleries .posts .thumb .title .cap.bottom svg,
.media .galleries .thumbs .post .title .cap.bottom svg,
.media .galleries .thumbs .thumb .title .cap.bottom svg,
.media .featured .posts .post .title .cap.bottom svg,
.media .featured .posts .thumb .title .cap.bottom svg,
.media .featured .thumbs .post .title .cap.bottom svg,
.media .featured .thumbs .thumb .title .cap.bottom svg {
  top: auto;
  bottom: 0px;
}

.comicpanels .posts .post .title .cap .dark,
.comicpanels .posts .thumb .title .cap .dark,
.comicpanels .thumbs .post .title .cap .dark,
.comicpanels .thumbs .thumb .title .cap .dark,
.download_content .posts .post .title .cap .dark,
.download_content .posts .thumb .title .cap .dark,
.download_content .thumbs .post .title .cap .dark,
.download_content .thumbs .thumb .title .cap .dark,
.tag .galleries .posts .post .title .cap .dark,
.tag .galleries .posts .thumb .title .cap .dark,
.tag .galleries .thumbs .post .title .cap .dark,
.tag .galleries .thumbs .thumb .title .cap .dark,
.media .galleries .posts .post .title .cap .dark,
.media .galleries .posts .thumb .title .cap .dark,
.media .galleries .thumbs .post .title .cap .dark,
.media .galleries .thumbs .thumb .title .cap .dark,
.media .featured .posts .post .title .cap .dark,
.media .featured .posts .thumb .title .cap .dark,
.media .featured .thumbs .post .title .cap .dark,
.media .featured .thumbs .thumb .title .cap .dark {
  fill: #1d4f6f;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #206998;
}

.comicpanels .posts .post .title .cap .light,
.comicpanels .posts .thumb .title .cap .light,
.comicpanels .thumbs .post .title .cap .light,
.comicpanels .thumbs .thumb .title .cap .light,
.download_content .posts .post .title .cap .light,
.download_content .posts .thumb .title .cap .light,
.download_content .thumbs .post .title .cap .light,
.download_content .thumbs .thumb .title .cap .light,
.tag .galleries .posts .post .title .cap .light,
.tag .galleries .posts .thumb .title .cap .light,
.tag .galleries .thumbs .post .title .cap .light,
.tag .galleries .thumbs .thumb .title .cap .light,
.media .galleries .posts .post .title .cap .light,
.media .galleries .posts .thumb .title .cap .light,
.media .galleries .thumbs .post .title .cap .light,
.media .galleries .thumbs .thumb .title .cap .light,
.media .featured .posts .post .title .cap .light,
.media .featured .posts .thumb .title .cap .light,
.media .featured .thumbs .post .title .cap .light,
.media .featured .thumbs .thumb .title .cap .light {
  fill: #2c85bd;
}

.comicpanels .posts .post .title .play,
.comicpanels .posts .thumb .title .play,
.comicpanels .thumbs .post .title .play,
.comicpanels .thumbs .thumb .title .play,
.download_content .posts .post .title .play,
.download_content .posts .thumb .title .play,
.download_content .thumbs .post .title .play,
.download_content .thumbs .thumb .title .play,
.tag .galleries .posts .post .title .play,
.tag .galleries .posts .thumb .title .play,
.tag .galleries .thumbs .post .title .play,
.tag .galleries .thumbs .thumb .title .play,
.media .galleries .posts .post .title .play,
.media .galleries .posts .thumb .title .play,
.media .galleries .thumbs .post .title .play,
.media .galleries .thumbs .thumb .title .play,
.media .featured .posts .post .title .play,
.media .featured .posts .thumb .title .play,
.media .featured .thumbs .post .title .play,
.media .featured .thumbs .thumb .title .play {
  position: absolute;
  pointer-events: none;
  width: 3.214285rem;
  height: 3.214285rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
       -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  top: -16vw;
}

.comicpanels .posts .post .title .play .bg,
.comicpanels .posts .thumb .title .play .bg,
.comicpanels .thumbs .post .title .play .bg,
.comicpanels .thumbs .thumb .title .play .bg,
.download_content .posts .post .title .play .bg,
.download_content .posts .thumb .title .play .bg,
.download_content .thumbs .post .title .play .bg,
.download_content .thumbs .thumb .title .play .bg,
.tag .galleries .posts .post .title .play .bg,
.tag .galleries .posts .thumb .title .play .bg,
.tag .galleries .thumbs .post .title .play .bg,
.tag .galleries .thumbs .thumb .title .play .bg,
.media .galleries .posts .post .title .play .bg,
.media .galleries .posts .thumb .title .play .bg,
.media .galleries .thumbs .post .title .play .bg,
.media .galleries .thumbs .thumb .title .play .bg,
.media .featured .posts .post .title .play .bg,
.media .featured .posts .thumb .title .play .bg,
.media .featured .thumbs .post .title .play .bg,
.media .featured .thumbs .thumb .title .play .bg {
  fill: #0d1f2c;
}

.comicpanels .posts .post .title .play .star,
.comicpanels .posts .thumb .title .play .star,
.comicpanels .thumbs .post .title .play .star,
.comicpanels .thumbs .thumb .title .play .star,
.download_content .posts .post .title .play .star,
.download_content .posts .thumb .title .play .star,
.download_content .thumbs .post .title .play .star,
.download_content .thumbs .thumb .title .play .star,
.tag .galleries .posts .post .title .play .star,
.tag .galleries .posts .thumb .title .play .star,
.tag .galleries .thumbs .post .title .play .star,
.tag .galleries .thumbs .thumb .title .play .star,
.media .galleries .posts .post .title .play .star,
.media .galleries .posts .thumb .title .play .star,
.media .galleries .thumbs .post .title .play .star,
.media .galleries .thumbs .thumb .title .play .star,
.media .featured .posts .post .title .play .star,
.media .featured .posts .thumb .title .play .star,
.media .featured .thumbs .post .title .play .star,
.media .featured .thumbs .thumb .title .play .star {
  fill: #102b3e;
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: barrelRoll 10s linear infinite;
       -o-animation: barrelRoll 10s linear infinite;
          animation: barrelRoll 10s linear infinite;
}

.comicpanels .posts .post .title .play .arrow,
.comicpanels .posts .thumb .title .play .arrow,
.comicpanels .thumbs .post .title .play .arrow,
.comicpanels .thumbs .thumb .title .play .arrow,
.download_content .posts .post .title .play .arrow,
.download_content .posts .thumb .title .play .arrow,
.download_content .thumbs .post .title .play .arrow,
.download_content .thumbs .thumb .title .play .arrow,
.tag .galleries .posts .post .title .play .arrow,
.tag .galleries .posts .thumb .title .play .arrow,
.tag .galleries .thumbs .post .title .play .arrow,
.tag .galleries .thumbs .thumb .title .play .arrow,
.media .galleries .posts .post .title .play .arrow,
.media .galleries .posts .thumb .title .play .arrow,
.media .galleries .thumbs .post .title .play .arrow,
.media .galleries .thumbs .thumb .title .play .arrow,
.media .featured .posts .post .title .play .arrow,
.media .featured .posts .thumb .title .play .arrow,
.media .featured .thumbs .post .title .play .arrow,
.media .featured .thumbs .thumb .title .play .arrow {
  fill: #3c93c9;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

.comicpanels .posts .post .title .play .line,
.comicpanels .posts .thumb .title .play .line,
.comicpanels .thumbs .post .title .play .line,
.comicpanels .thumbs .thumb .title .play .line,
.download_content .posts .post .title .play .line,
.download_content .posts .thumb .title .play .line,
.download_content .thumbs .post .title .play .line,
.download_content .thumbs .thumb .title .play .line,
.tag .galleries .posts .post .title .play .line,
.tag .galleries .posts .thumb .title .play .line,
.tag .galleries .thumbs .post .title .play .line,
.tag .galleries .thumbs .thumb .title .play .line,
.media .galleries .posts .post .title .play .line,
.media .galleries .posts .thumb .title .play .line,
.media .galleries .thumbs .post .title .play .line,
.media .galleries .thumbs .thumb .title .play .line,
.media .featured .posts .post .title .play .line,
.media .featured .posts .thumb .title .play .line,
.media .featured .thumbs .post .title .play .line,
.media .featured .thumbs .thumb .title .play .line {
  fill: #ff931e;
}

.comicpanels .posts .post .title .play .line-break,
.comicpanels .posts .thumb .title .play .line-break,
.comicpanels .thumbs .post .title .play .line-break,
.comicpanels .thumbs .thumb .title .play .line-break,
.download_content .posts .post .title .play .line-break,
.download_content .posts .thumb .title .play .line-break,
.download_content .thumbs .post .title .play .line-break,
.download_content .thumbs .thumb .title .play .line-break,
.tag .galleries .posts .post .title .play .line-break,
.tag .galleries .posts .thumb .title .play .line-break,
.tag .galleries .thumbs .post .title .play .line-break,
.tag .galleries .thumbs .thumb .title .play .line-break,
.media .galleries .posts .post .title .play .line-break,
.media .galleries .posts .thumb .title .play .line-break,
.media .galleries .thumbs .post .title .play .line-break,
.media .galleries .thumbs .thumb .title .play .line-break,
.media .featured .posts .post .title .play .line-break,
.media .featured .posts .thumb .title .play .line-break,
.media .featured .thumbs .post .title .play .line-break,
.media .featured .thumbs .thumb .title .play .line-break {
  fill: #0d1f2c;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.comicpanels .posts .post:nth-last-of-type(1) .title,
.comicpanels .posts .thumb:nth-last-of-type(1) .title,
.comicpanels .thumbs .post:nth-last-of-type(1) .title,
.comicpanels .thumbs .thumb:nth-last-of-type(1) .title,
.download_content .posts .post:nth-last-of-type(1) .title,
.download_content .posts .thumb:nth-last-of-type(1) .title,
.download_content .thumbs .post:nth-last-of-type(1) .title,
.download_content .thumbs .thumb:nth-last-of-type(1) .title,
.tag .galleries .posts .post:nth-last-of-type(1) .title,
.tag .galleries .posts .thumb:nth-last-of-type(1) .title,
.tag .galleries .thumbs .post:nth-last-of-type(1) .title,
.tag .galleries .thumbs .thumb:nth-last-of-type(1) .title,
.media .galleries .posts .post:nth-last-of-type(1) .title,
.media .galleries .posts .thumb:nth-last-of-type(1) .title,
.media .galleries .thumbs .post:nth-last-of-type(1) .title,
.media .galleries .thumbs .thumb:nth-last-of-type(1) .title,
.media .featured .posts .post:nth-last-of-type(1) .title,
.media .featured .posts .thumb:nth-last-of-type(1) .title,
.media .featured .thumbs .post:nth-last-of-type(1) .title,
.media .featured .thumbs .thumb:nth-last-of-type(1) .title {
  bottom: 0.833333em;
}

.comicpanels .end_post_top,
.download_content .end_post_top,
.tag .galleries .end_post_top,
.media .galleries .end_post_top,
.media .featured .end_post_top {
  bottom: auto !important;
}

.comicpanels .end_post_bottom,
.download_content .end_post_bottom,
.tag .galleries .end_post_bottom,
.media .galleries .end_post_bottom,
.media .featured .end_post_bottom {
  top: auto !important;
  bottom: -3vw;
}

@media (min-width: 768px) {
  /* comic layout */

  .comicpanels {
    padding: 3.7rem 7.29167vw;
  }

  .comicpanels .posts .post .title,
  .comicpanels .posts .thumb .title,
  .comicpanels .thumbs .post .title,
  .comicpanels .thumbs .thumb .title,
  .download_content .posts .post .title,
  .download_content .posts .thumb .title,
  .download_content .thumbs .post .title,
  .download_content .thumbs .thumb .title,
  .tag .galleries .posts .post .title,
  .tag .galleries .posts .thumb .title,
  .tag .galleries .thumbs .post .title,
  .tag .galleries .thumbs .thumb .title,
  .media .galleries .posts .post .title,
  .media .galleries .posts .thumb .title,
  .media .galleries .thumbs .post .title,
  .media .galleries .thumbs .thumb .title,
  .media .featured .posts .post .title,
  .media .featured .posts .thumb .title,
  .media .featured .thumbs .post .title,
  .media .featured .thumbs .thumb .title {
    bottom: 5em;
    font-size: 1.7rem;
  }
}

@media (min-width: 1280px) {
  .primary_content .more {
    margin-bottom: 0;
  }

  .flex_col .comicpanels {
    border-top: 0px;
    padding: 0px 0px;
    background: none;
  }

  .flex_col .comicpanels .posts,
  .flex_col .comicpanels .thumbs {
    margin-bottom: 6.3vw;
  }

  .flex_col .comicpanels .posts.setA .post:nth-of-type(3) .title,
  .flex_col .comicpanels .thumbs.setA .post:nth-of-type(3) .title {
    bottom: -3vw;
  }

  .flex_col .comicpanels .posts.setB .post:nth-of-type(3) .title,
  .flex_col .comicpanels .thumbs.setB .post:nth-of-type(3) .title {
    bottom: -3vw;
  }

  .flex_col .comicpanels .posts.setC .post:nth-of-type(2) .title,
  .flex_col .comicpanels .thumbs.setC .post:nth-of-type(2) .title {
    bottom: -3vw;
  }

  .flex_col .comicpanels .posts.setC .post:nth-of-type(3) .title,
  .flex_col .comicpanels .thumbs.setC .post:nth-of-type(3) .title {
    bottom: -3vw;
  }

  .flex_col .comicpanels .posts.setD .post:nth-of-type(3) .title,
  .flex_col .comicpanels .thumbs.setD .post:nth-of-type(3) .title {
    bottom: -3vw;
  }

  .comicpanels {
    padding: 3.7rem 7.891vw;
  }

  .comicpanels .posts,
  .comicpanels .thumbs,
  .download_content .posts,
  .download_content .thumbs,
  .tag .galleries .posts,
  .tag .galleries .thumbs,
  .media .featured .posts,
  .media .featured .thumbs,
  .media .galleries .posts,
  .media .galleries .thumbs {
    margin-bottom: 4.3vw;
  }

  .comicpanels .posts .post,
  .comicpanels .posts .thumb,
  .comicpanels .thumbs .post,
  .comicpanels .thumbs .thumb,
  .download_content .posts .post,
  .download_content .posts .thumb,
  .download_content .thumbs .post,
  .download_content .thumbs .thumb,
  .tag .galleries .posts .post,
  .tag .galleries .posts .thumb,
  .tag .galleries .thumbs .post,
  .tag .galleries .thumbs .thumb,
  .media .featured .posts .post,
  .media .featured .posts .thumb,
  .media .featured .thumbs .post,
  .media .featured .thumbs .thumb,
  .media .galleries .posts .post,
  .media .galleries .posts .thumb,
  .media .galleries .thumbs .post,
  .media .galleries .thumbs .thumb {
    height: 46.875vw;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .comicpanels .posts .post .pic.mobile,
  .comicpanels .posts .thumb .pic.mobile,
  .comicpanels .thumbs .post .pic.mobile,
  .comicpanels .thumbs .thumb .pic.mobile,
  .download_content .posts .post .pic.mobile,
  .download_content .posts .thumb .pic.mobile,
  .download_content .thumbs .post .pic.mobile,
  .download_content .thumbs .thumb .pic.mobile,
  .tag .galleries .posts .post .pic.mobile,
  .tag .galleries .posts .thumb .pic.mobile,
  .tag .galleries .thumbs .post .pic.mobile,
  .tag .galleries .thumbs .thumb .pic.mobile,
  .media .featured .posts .post .pic.mobile,
  .media .featured .posts .thumb .pic.mobile,
  .media .featured .thumbs .post .pic.mobile,
  .media .featured .thumbs .thumb .pic.mobile,
  .media .galleries .posts .post .pic.mobile,
  .media .galleries .posts .thumb .pic.mobile,
  .media .galleries .thumbs .post .pic.mobile,
  .media .galleries .thumbs .thumb .pic.mobile {
    display: none;
  }

  .comicpanels .posts .post .pic.desktop,
  .comicpanels .posts .post .pic.desk,
  .comicpanels .posts .thumb .pic.desktop,
  .comicpanels .posts .thumb .pic.desk,
  .comicpanels .thumbs .post .pic.desktop,
  .comicpanels .thumbs .post .pic.desk,
  .comicpanels .thumbs .thumb .pic.desktop,
  .comicpanels .thumbs .thumb .pic.desk,
  .download_content .posts .post .pic.desktop,
  .download_content .posts .post .pic.desk,
  .download_content .posts .thumb .pic.desktop,
  .download_content .posts .thumb .pic.desk,
  .download_content .thumbs .post .pic.desktop,
  .download_content .thumbs .post .pic.desk,
  .download_content .thumbs .thumb .pic.desktop,
  .download_content .thumbs .thumb .pic.desk,
  .tag .galleries .posts .post .pic.desktop,
  .tag .galleries .posts .post .pic.desk,
  .tag .galleries .posts .thumb .pic.desktop,
  .tag .galleries .posts .thumb .pic.desk,
  .tag .galleries .thumbs .post .pic.desktop,
  .tag .galleries .thumbs .post .pic.desk,
  .tag .galleries .thumbs .thumb .pic.desktop,
  .tag .galleries .thumbs .thumb .pic.desk,
  .media .featured .posts .post .pic.desktop,
  .media .featured .posts .post .pic.desk,
  .media .featured .posts .thumb .pic.desktop,
  .media .featured .posts .thumb .pic.desk,
  .media .featured .thumbs .post .pic.desktop,
  .media .featured .thumbs .post .pic.desk,
  .media .featured .thumbs .thumb .pic.desktop,
  .media .featured .thumbs .thumb .pic.desk,
  .media .galleries .posts .post .pic.desktop,
  .media .galleries .posts .post .pic.desk,
  .media .galleries .posts .thumb .pic.desktop,
  .media .galleries .posts .thumb .pic.desk,
  .media .galleries .thumbs .post .pic.desktop,
  .media .galleries .thumbs .post .pic.desk,
  .media .galleries .thumbs .thumb .pic.desktop,
  .media .galleries .thumbs .thumb .pic.desk {
    display: block;
  }

  .comicpanels .posts .post .pic.desktop .front,
  .comicpanels .posts .post .pic.desk .front,
  .comicpanels .posts .thumb .pic.desktop .front,
  .comicpanels .posts .thumb .pic.desk .front,
  .comicpanels .thumbs .post .pic.desktop .front,
  .comicpanels .thumbs .post .pic.desk .front,
  .comicpanels .thumbs .thumb .pic.desktop .front,
  .comicpanels .thumbs .thumb .pic.desk .front,
  .download_content .posts .post .pic.desktop .front,
  .download_content .posts .post .pic.desk .front,
  .download_content .posts .thumb .pic.desktop .front,
  .download_content .posts .thumb .pic.desk .front,
  .download_content .thumbs .post .pic.desktop .front,
  .download_content .thumbs .post .pic.desk .front,
  .download_content .thumbs .thumb .pic.desktop .front,
  .download_content .thumbs .thumb .pic.desk .front,
  .tag .galleries .posts .post .pic.desktop .front,
  .tag .galleries .posts .post .pic.desk .front,
  .tag .galleries .posts .thumb .pic.desktop .front,
  .tag .galleries .posts .thumb .pic.desk .front,
  .tag .galleries .thumbs .post .pic.desktop .front,
  .tag .galleries .thumbs .post .pic.desk .front,
  .tag .galleries .thumbs .thumb .pic.desktop .front,
  .tag .galleries .thumbs .thumb .pic.desk .front,
  .media .featured .posts .post .pic.desktop .front,
  .media .featured .posts .post .pic.desk .front,
  .media .featured .posts .thumb .pic.desktop .front,
  .media .featured .posts .thumb .pic.desk .front,
  .media .featured .thumbs .post .pic.desktop .front,
  .media .featured .thumbs .post .pic.desk .front,
  .media .featured .thumbs .thumb .pic.desktop .front,
  .media .featured .thumbs .thumb .pic.desk .front,
  .media .galleries .posts .post .pic.desktop .front,
  .media .galleries .posts .post .pic.desk .front,
  .media .galleries .posts .thumb .pic.desktop .front,
  .media .galleries .posts .thumb .pic.desk .front,
  .media .galleries .thumbs .post .pic.desktop .front,
  .media .galleries .thumbs .post .pic.desk .front,
  .media .galleries .thumbs .thumb .pic.desktop .front,
  .media .galleries .thumbs .thumb .pic.desk .front {
    fill: #0d1f2c;
    fill-opacity: 0.5;
    -webkit-transition: fill-opacity 0.5s;
    -o-transition: fill-opacity 0.5s;
    transition: fill-opacity 0.5s;
  }

  .comicpanels .posts .post .pic.desktop .front:hover,
  .comicpanels .posts .post .pic.desk .front:hover,
  .comicpanels .posts .thumb .pic.desktop .front:hover,
  .comicpanels .posts .thumb .pic.desk .front:hover,
  .comicpanels .thumbs .post .pic.desktop .front:hover,
  .comicpanels .thumbs .post .pic.desk .front:hover,
  .comicpanels .thumbs .thumb .pic.desktop .front:hover,
  .comicpanels .thumbs .thumb .pic.desk .front:hover,
  .download_content .posts .post .pic.desktop .front:hover,
  .download_content .posts .post .pic.desk .front:hover,
  .download_content .posts .thumb .pic.desktop .front:hover,
  .download_content .posts .thumb .pic.desk .front:hover,
  .download_content .thumbs .post .pic.desktop .front:hover,
  .download_content .thumbs .post .pic.desk .front:hover,
  .download_content .thumbs .thumb .pic.desktop .front:hover,
  .download_content .thumbs .thumb .pic.desk .front:hover,
  .tag .galleries .posts .post .pic.desktop .front:hover,
  .tag .galleries .posts .post .pic.desk .front:hover,
  .tag .galleries .posts .thumb .pic.desktop .front:hover,
  .tag .galleries .posts .thumb .pic.desk .front:hover,
  .tag .galleries .thumbs .post .pic.desktop .front:hover,
  .tag .galleries .thumbs .post .pic.desk .front:hover,
  .tag .galleries .thumbs .thumb .pic.desktop .front:hover,
  .tag .galleries .thumbs .thumb .pic.desk .front:hover,
  .media .featured .posts .post .pic.desktop .front:hover,
  .media .featured .posts .post .pic.desk .front:hover,
  .media .featured .posts .thumb .pic.desktop .front:hover,
  .media .featured .posts .thumb .pic.desk .front:hover,
  .media .featured .thumbs .post .pic.desktop .front:hover,
  .media .featured .thumbs .post .pic.desk .front:hover,
  .media .featured .thumbs .thumb .pic.desktop .front:hover,
  .media .featured .thumbs .thumb .pic.desk .front:hover,
  .media .galleries .posts .post .pic.desktop .front:hover,
  .media .galleries .posts .post .pic.desk .front:hover,
  .media .galleries .posts .thumb .pic.desktop .front:hover,
  .media .galleries .posts .thumb .pic.desk .front:hover,
  .media .galleries .thumbs .post .pic.desktop .front:hover,
  .media .galleries .thumbs .post .pic.desk .front:hover,
  .media .galleries .thumbs .thumb .pic.desktop .front:hover,
  .media .galleries .thumbs .thumb .pic.desk .front:hover {
    fill-opacity: 0;
  }

  .comicpanels .posts .post .pic.desktop .shadow,
  .comicpanels .posts .post .pic.desk .shadow,
  .comicpanels .posts .thumb .pic.desktop .shadow,
  .comicpanels .posts .thumb .pic.desk .shadow,
  .comicpanels .thumbs .post .pic.desktop .shadow,
  .comicpanels .thumbs .post .pic.desk .shadow,
  .comicpanels .thumbs .thumb .pic.desktop .shadow,
  .comicpanels .thumbs .thumb .pic.desk .shadow,
  .download_content .posts .post .pic.desktop .shadow,
  .download_content .posts .post .pic.desk .shadow,
  .download_content .posts .thumb .pic.desktop .shadow,
  .download_content .posts .thumb .pic.desk .shadow,
  .download_content .thumbs .post .pic.desktop .shadow,
  .download_content .thumbs .post .pic.desk .shadow,
  .download_content .thumbs .thumb .pic.desktop .shadow,
  .download_content .thumbs .thumb .pic.desk .shadow,
  .tag .galleries .posts .post .pic.desktop .shadow,
  .tag .galleries .posts .post .pic.desk .shadow,
  .tag .galleries .posts .thumb .pic.desktop .shadow,
  .tag .galleries .posts .thumb .pic.desk .shadow,
  .tag .galleries .thumbs .post .pic.desktop .shadow,
  .tag .galleries .thumbs .post .pic.desk .shadow,
  .tag .galleries .thumbs .thumb .pic.desktop .shadow,
  .tag .galleries .thumbs .thumb .pic.desk .shadow,
  .media .featured .posts .post .pic.desktop .shadow,
  .media .featured .posts .post .pic.desk .shadow,
  .media .featured .posts .thumb .pic.desktop .shadow,
  .media .featured .posts .thumb .pic.desk .shadow,
  .media .featured .thumbs .post .pic.desktop .shadow,
  .media .featured .thumbs .post .pic.desk .shadow,
  .media .featured .thumbs .thumb .pic.desktop .shadow,
  .media .featured .thumbs .thumb .pic.desk .shadow,
  .media .galleries .posts .post .pic.desktop .shadow,
  .media .galleries .posts .post .pic.desk .shadow,
  .media .galleries .posts .thumb .pic.desktop .shadow,
  .media .galleries .posts .thumb .pic.desk .shadow,
  .media .galleries .thumbs .post .pic.desktop .shadow,
  .media .galleries .thumbs .post .pic.desk .shadow,
  .media .galleries .thumbs .thumb .pic.desktop .shadow,
  .media .galleries .thumbs .thumb .pic.desk .shadow {
    -webkit-transform: translate(0.83333vw, 0.83333vw);
         -o-transform: translate(0.83333vw, 0.83333vw);
            transform: translate(0.83333vw, 0.83333vw);
    -webkit-transition: fill 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: fill 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -o-transition: fill 0.5s ease-out, -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, fill 0.5s ease-out;
    transition: transform 0.5s ease-out, fill 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
  }

  .comicpanels .posts .post .clip a.poly .front,
  .comicpanels .posts .thumb .clip a.poly .front,
  .comicpanels .thumbs .post .clip a.poly .front,
  .comicpanels .thumbs .thumb .clip a.poly .front,
  .download_content .posts .post .clip a.poly .front,
  .download_content .posts .thumb .clip a.poly .front,
  .download_content .thumbs .post .clip a.poly .front,
  .download_content .thumbs .thumb .clip a.poly .front,
  .tag .galleries .posts .post .clip a.poly .front,
  .tag .galleries .posts .thumb .clip a.poly .front,
  .tag .galleries .thumbs .post .clip a.poly .front,
  .tag .galleries .thumbs .thumb .clip a.poly .front,
  .media .featured .posts .post .clip a.poly .front,
  .media .featured .posts .thumb .clip a.poly .front,
  .media .featured .thumbs .post .clip a.poly .front,
  .media .featured .thumbs .thumb .clip a.poly .front,
  .media .galleries .posts .post .clip a.poly .front,
  .media .galleries .posts .thumb .clip a.poly .front,
  .media .galleries .thumbs .post .clip a.poly .front,
  .media .galleries .thumbs .thumb .clip a.poly .front {
    fill: #0d1f2c;
    fill-opacity: 0.5;
    -webkit-transition: fill-opacity 0.5s;
    -o-transition: fill-opacity 0.5s;
    transition: fill-opacity 0.5s;
  }

  .comicpanels .posts .post .clip a.poly:hover .front,
  .comicpanels .posts .thumb .clip a.poly:hover .front,
  .comicpanels .thumbs .post .clip a.poly:hover .front,
  .comicpanels .thumbs .thumb .clip a.poly:hover .front,
  .download_content .posts .post .clip a.poly:hover .front,
  .download_content .posts .thumb .clip a.poly:hover .front,
  .download_content .thumbs .post .clip a.poly:hover .front,
  .download_content .thumbs .thumb .clip a.poly:hover .front,
  .tag .galleries .posts .post .clip a.poly:hover .front,
  .tag .galleries .posts .thumb .clip a.poly:hover .front,
  .tag .galleries .thumbs .post .clip a.poly:hover .front,
  .tag .galleries .thumbs .thumb .clip a.poly:hover .front,
  .media .featured .posts .post .clip a.poly:hover .front,
  .media .featured .posts .thumb .clip a.poly:hover .front,
  .media .featured .thumbs .post .clip a.poly:hover .front,
  .media .featured .thumbs .thumb .clip a.poly:hover .front,
  .media .galleries .posts .post .clip a.poly:hover .front,
  .media .galleries .posts .thumb .clip a.poly:hover .front,
  .media .galleries .thumbs .post .clip a.poly:hover .front,
  .media .galleries .thumbs .thumb .clip a.poly:hover .front {
    fill-opacity: 0;
  }

  .comicpanels .posts .post .clip .shadow,
  .comicpanels .posts .thumb .clip .shadow,
  .comicpanels .thumbs .post .clip .shadow,
  .comicpanels .thumbs .thumb .clip .shadow,
  .download_content .posts .post .clip .shadow,
  .download_content .posts .thumb .clip .shadow,
  .download_content .thumbs .post .clip .shadow,
  .download_content .thumbs .thumb .clip .shadow,
  .tag .galleries .posts .post .clip .shadow,
  .tag .galleries .posts .thumb .clip .shadow,
  .tag .galleries .thumbs .post .clip .shadow,
  .tag .galleries .thumbs .thumb .clip .shadow,
  .media .featured .posts .post .clip .shadow,
  .media .featured .posts .thumb .clip .shadow,
  .media .featured .thumbs .post .clip .shadow,
  .media .featured .thumbs .thumb .clip .shadow,
  .media .galleries .posts .post .clip .shadow,
  .media .galleries .posts .thumb .clip .shadow,
  .media .galleries .thumbs .post .clip .shadow,
  .media .galleries .thumbs .thumb .clip .shadow {
    -webkit-transform: translate(0.83333vw, 0.83333vw);
         -o-transform: translate(0.83333vw, 0.83333vw);
            transform: translate(0.83333vw, 0.83333vw);
    -webkit-transition: fill 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: fill 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -o-transition: fill 0.5s ease-out, -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, fill 0.5s ease-out;
    transition: transform 0.5s ease-out, fill 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
  }

  .comicpanels .posts .post .clip .shadow:nth-of-type(3),
  .comicpanels .posts .thumb .clip .shadow:nth-of-type(3),
  .comicpanels .thumbs .post .clip .shadow:nth-of-type(3),
  .comicpanels .thumbs .thumb .clip .shadow:nth-of-type(3),
  .download_content .posts .post .clip .shadow:nth-of-type(3),
  .download_content .posts .thumb .clip .shadow:nth-of-type(3),
  .download_content .thumbs .post .clip .shadow:nth-of-type(3),
  .download_content .thumbs .thumb .clip .shadow:nth-of-type(3),
  .tag .galleries .posts .post .clip .shadow:nth-of-type(3),
  .tag .galleries .posts .thumb .clip .shadow:nth-of-type(3),
  .tag .galleries .thumbs .post .clip .shadow:nth-of-type(3),
  .tag .galleries .thumbs .thumb .clip .shadow:nth-of-type(3),
  .media .featured .posts .post .clip .shadow:nth-of-type(3),
  .media .featured .posts .thumb .clip .shadow:nth-of-type(3),
  .media .featured .thumbs .post .clip .shadow:nth-of-type(3),
  .media .featured .thumbs .thumb .clip .shadow:nth-of-type(3),
  .media .galleries .posts .post .clip .shadow:nth-of-type(3),
  .media .galleries .posts .thumb .clip .shadow:nth-of-type(3),
  .media .galleries .thumbs .post .clip .shadow:nth-of-type(3),
  .media .galleries .thumbs .thumb .clip .shadow:nth-of-type(3) {
    fill: #194260;
    -webkit-transform: translate(0.27778vw, 0.27778vw);
         -o-transform: translate(0.27778vw, 0.27778vw);
            transform: translate(0.27778vw, 0.27778vw);
  }

  .comicpanels .posts .post .clip .shadow:nth-of-type(2),
  .comicpanels .posts .thumb .clip .shadow:nth-of-type(2),
  .comicpanels .thumbs .post .clip .shadow:nth-of-type(2),
  .comicpanels .thumbs .thumb .clip .shadow:nth-of-type(2),
  .download_content .posts .post .clip .shadow:nth-of-type(2),
  .download_content .posts .thumb .clip .shadow:nth-of-type(2),
  .download_content .thumbs .post .clip .shadow:nth-of-type(2),
  .download_content .thumbs .thumb .clip .shadow:nth-of-type(2),
  .tag .galleries .posts .post .clip .shadow:nth-of-type(2),
  .tag .galleries .posts .thumb .clip .shadow:nth-of-type(2),
  .tag .galleries .thumbs .post .clip .shadow:nth-of-type(2),
  .tag .galleries .thumbs .thumb .clip .shadow:nth-of-type(2),
  .media .featured .posts .post .clip .shadow:nth-of-type(2),
  .media .featured .posts .thumb .clip .shadow:nth-of-type(2),
  .media .featured .thumbs .post .clip .shadow:nth-of-type(2),
  .media .featured .thumbs .thumb .clip .shadow:nth-of-type(2),
  .media .galleries .posts .post .clip .shadow:nth-of-type(2),
  .media .galleries .posts .thumb .clip .shadow:nth-of-type(2),
  .media .galleries .thumbs .post .clip .shadow:nth-of-type(2),
  .media .galleries .thumbs .thumb .clip .shadow:nth-of-type(2) {
    fill: #13354d;
    -webkit-transform: translate(0.55556vw, 0.55556vw);
         -o-transform: translate(0.55556vw, 0.55556vw);
            transform: translate(0.55556vw, 0.55556vw);
  }

  .comicpanels .posts .post .title,
  .comicpanels .posts .thumb .title,
  .comicpanels .thumbs .post .title,
  .comicpanels .thumbs .thumb .title,
  .download_content .posts .post .title,
  .download_content .posts .thumb .title,
  .download_content .thumbs .post .title,
  .download_content .thumbs .thumb .title,
  .tag .galleries .posts .post .title,
  .tag .galleries .posts .thumb .title,
  .tag .galleries .thumbs .post .title,
  .tag .galleries .thumbs .thumb .title,
  .media .featured .posts .post .title,
  .media .featured .posts .thumb .title,
  .media .featured .thumbs .post .title,
  .media .featured .thumbs .thumb .title,
  .media .galleries .posts .post .title,
  .media .galleries .posts .thumb .title,
  .media .galleries .thumbs .post .title,
  .media .galleries .thumbs .thumb .title {
    width: 31%;
    font-size: 1.083333rem;
    top: 0.833333vw;
    left: 0.833333vw;
    bottom: auto;
    right: auto;
  }

  .comicpanels .posts .post .title h4,
  .comicpanels .posts .thumb .title h4,
  .comicpanels .thumbs .post .title h4,
  .comicpanels .thumbs .thumb .title h4,
  .download_content .posts .post .title h4,
  .download_content .posts .thumb .title h4,
  .download_content .thumbs .post .title h4,
  .download_content .thumbs .thumb .title h4,
  .tag .galleries .posts .post .title h4,
  .tag .galleries .posts .thumb .title h4,
  .tag .galleries .thumbs .post .title h4,
  .tag .galleries .thumbs .thumb .title h4,
  .media .featured .posts .post .title h4,
  .media .featured .posts .thumb .title h4,
  .media .featured .thumbs .post .title h4,
  .media .featured .thumbs .thumb .title h4,
  .media .galleries .posts .post .title h4,
  .media .galleries .posts .thumb .title h4,
  .media .galleries .thumbs .post .title h4,
  .media .galleries .thumbs .thumb .title h4 {
    font-weight: 600;
    color: #dcf6fe;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }

  .comicpanels .posts .post .title .date,
  .comicpanels .posts .thumb .title .date,
  .comicpanels .thumbs .post .title .date,
  .comicpanels .thumbs .thumb .title .date,
  .download_content .posts .post .title .date,
  .download_content .posts .thumb .title .date,
  .download_content .thumbs .post .title .date,
  .download_content .thumbs .thumb .title .date,
  .tag .galleries .posts .post .title .date,
  .tag .galleries .posts .thumb .title .date,
  .tag .galleries .thumbs .post .title .date,
  .tag .galleries .thumbs .thumb .title .date,
  .media .featured .posts .post .title .date,
  .media .featured .posts .thumb .title .date,
  .media .featured .thumbs .post .title .date,
  .media .featured .thumbs .thumb .title .date,
  .media .galleries .posts .post .title .date,
  .media .galleries .posts .thumb .title .date,
  .media .galleries .thumbs .post .title .date,
  .media .galleries .thumbs .thumb .title .date {
    position: absolute;
    display: block;
    right: 10%;
    top: 0%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
    font-size: 0.8em;
    color: #8fd2f1;
    padding: 0.2em 1.5em;
  }

  .comicpanels .posts .post .title .date::before,
  .comicpanels .posts .post .title .date::after,
  .comicpanels .posts .thumb .title .date::before,
  .comicpanels .posts .thumb .title .date::after,
  .comicpanels .thumbs .post .title .date::before,
  .comicpanels .thumbs .post .title .date::after,
  .comicpanels .thumbs .thumb .title .date::before,
  .comicpanels .thumbs .thumb .title .date::after,
  .download_content .posts .post .title .date::before,
  .download_content .posts .post .title .date::after,
  .download_content .posts .thumb .title .date::before,
  .download_content .posts .thumb .title .date::after,
  .download_content .thumbs .post .title .date::before,
  .download_content .thumbs .post .title .date::after,
  .download_content .thumbs .thumb .title .date::before,
  .download_content .thumbs .thumb .title .date::after,
  .tag .galleries .posts .post .title .date::before,
  .tag .galleries .posts .post .title .date::after,
  .tag .galleries .posts .thumb .title .date::before,
  .tag .galleries .posts .thumb .title .date::after,
  .tag .galleries .thumbs .post .title .date::before,
  .tag .galleries .thumbs .post .title .date::after,
  .tag .galleries .thumbs .thumb .title .date::before,
  .tag .galleries .thumbs .thumb .title .date::after,
  .media .featured .posts .post .title .date::before,
  .media .featured .posts .post .title .date::after,
  .media .featured .posts .thumb .title .date::before,
  .media .featured .posts .thumb .title .date::after,
  .media .featured .thumbs .post .title .date::before,
  .media .featured .thumbs .post .title .date::after,
  .media .featured .thumbs .thumb .title .date::before,
  .media .featured .thumbs .thumb .title .date::after,
  .media .galleries .posts .post .title .date::before,
  .media .galleries .posts .post .title .date::after,
  .media .galleries .posts .thumb .title .date::before,
  .media .galleries .posts .thumb .title .date::after,
  .media .galleries .thumbs .post .title .date::before,
  .media .galleries .thumbs .post .title .date::after,
  .media .galleries .thumbs .thumb .title .date::before,
  .media .galleries .thumbs .thumb .title .date::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 51%;
    background: url(../images/article-title-date-caps.svg) left top no-repeat;
    background-size: auto 100%;
    z-index: -1;
  }

  .comicpanels .posts .post .title .date::after,
  .comicpanels .posts .thumb .title .date::after,
  .comicpanels .thumbs .post .title .date::after,
  .comicpanels .thumbs .thumb .title .date::after,
  .download_content .posts .post .title .date::after,
  .download_content .posts .thumb .title .date::after,
  .download_content .thumbs .post .title .date::after,
  .download_content .thumbs .thumb .title .date::after,
  .tag .galleries .posts .post .title .date::after,
  .tag .galleries .posts .thumb .title .date::after,
  .tag .galleries .thumbs .post .title .date::after,
  .tag .galleries .thumbs .thumb .title .date::after,
  .media .featured .posts .post .title .date::after,
  .media .featured .posts .thumb .title .date::after,
  .media .featured .thumbs .post .title .date::after,
  .media .featured .thumbs .thumb .title .date::after,
  .media .galleries .posts .post .title .date::after,
  .media .galleries .posts .thumb .title .date::after,
  .media .galleries .thumbs .post .title .date::after,
  .media .galleries .thumbs .thumb .title .date::after {
    right: 0px;
    left: auto;
    background-position: right top;
  }

  .comicpanels .posts .post .title .cap .dark,
  .comicpanels .posts .post .title .cap .light,
  .comicpanels .posts .thumb .title .cap .dark,
  .comicpanels .posts .thumb .title .cap .light,
  .comicpanels .thumbs .post .title .cap .dark,
  .comicpanels .thumbs .post .title .cap .light,
  .comicpanels .thumbs .thumb .title .cap .dark,
  .comicpanels .thumbs .thumb .title .cap .light,
  .download_content .posts .post .title .cap .dark,
  .download_content .posts .post .title .cap .light,
  .download_content .posts .thumb .title .cap .dark,
  .download_content .posts .thumb .title .cap .light,
  .download_content .thumbs .post .title .cap .dark,
  .download_content .thumbs .post .title .cap .light,
  .download_content .thumbs .thumb .title .cap .dark,
  .download_content .thumbs .thumb .title .cap .light,
  .tag .galleries .posts .post .title .cap .dark,
  .tag .galleries .posts .post .title .cap .light,
  .tag .galleries .posts .thumb .title .cap .dark,
  .tag .galleries .posts .thumb .title .cap .light,
  .tag .galleries .thumbs .post .title .cap .dark,
  .tag .galleries .thumbs .post .title .cap .light,
  .tag .galleries .thumbs .thumb .title .cap .dark,
  .tag .galleries .thumbs .thumb .title .cap .light,
  .media .featured .posts .post .title .cap .dark,
  .media .featured .posts .post .title .cap .light,
  .media .featured .posts .thumb .title .cap .dark,
  .media .featured .posts .thumb .title .cap .light,
  .media .featured .thumbs .post .title .cap .dark,
  .media .featured .thumbs .post .title .cap .light,
  .media .featured .thumbs .thumb .title .cap .dark,
  .media .featured .thumbs .thumb .title .cap .light,
  .media .galleries .posts .post .title .cap .dark,
  .media .galleries .posts .post .title .cap .light,
  .media .galleries .posts .thumb .title .cap .dark,
  .media .galleries .posts .thumb .title .cap .light,
  .media .galleries .thumbs .post .title .cap .dark,
  .media .galleries .thumbs .post .title .cap .light,
  .media .galleries .thumbs .thumb .title .cap .dark,
  .media .galleries .thumbs .thumb .title .cap .light {
    fill: #08121b;
    -webkit-transition: fill 0.3s, stroke 0.3s;
    -o-transition: fill 0.3s, stroke 0.3s;
    transition: fill 0.3s, stroke 0.3s;
  }

  .comicpanels .posts .post .title .play,
  .comicpanels .posts .thumb .title .play,
  .comicpanels .thumbs .post .title .play,
  .comicpanels .thumbs .thumb .title .play,
  .download_content .posts .post .title .play,
  .download_content .posts .thumb .title .play,
  .download_content .thumbs .post .title .play,
  .download_content .thumbs .thumb .title .play,
  .tag .galleries .posts .post .title .play,
  .tag .galleries .posts .thumb .title .play,
  .tag .galleries .thumbs .post .title .play,
  .tag .galleries .thumbs .thumb .title .play,
  .media .featured .posts .post .title .play,
  .media .featured .posts .thumb .title .play,
  .media .featured .thumbs .post .title .play,
  .media .featured .thumbs .thumb .title .play,
  .media .galleries .posts .post .title .play,
  .media .galleries .posts .thumb .title .play,
  .media .galleries .thumbs .post .title .play,
  .media .galleries .thumbs .thumb .title .play {
    width: 4.5rem;
    height: 4.5rem;
    bottom: -5em;
    top: auto;
  }

  .comicpanels .posts .post .count,
  .comicpanels .posts .thumb .count,
  .comicpanels .thumbs .post .count,
  .comicpanels .thumbs .thumb .count,
  .download_content .posts .post .count,
  .download_content .posts .thumb .count,
  .download_content .thumbs .post .count,
  .download_content .thumbs .thumb .count,
  .tag .galleries .posts .post .count,
  .tag .galleries .posts .thumb .count,
  .tag .galleries .thumbs .post .count,
  .tag .galleries .thumbs .thumb .count,
  .media .featured .posts .post .count,
  .media .featured .posts .thumb .count,
  .media .featured .thumbs .post .count,
  .media .featured .thumbs .thumb .count,
  .media .galleries .posts .post .count,
  .media .galleries .posts .thumb .count,
  .media .galleries .thumbs .post .count,
  .media .galleries .thumbs .thumb .count {
    top: -1em;
    right: -1.5em;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.1em;
  }

  .comicpanels .posts .post.sel .clip .shadow,
  .comicpanels .posts .thumb.sel .clip .shadow,
  .comicpanels .thumbs .post.sel .clip .shadow,
  .comicpanels .thumbs .thumb.sel .clip .shadow,
  .download_content .posts .post.sel .clip .shadow,
  .download_content .posts .thumb.sel .clip .shadow,
  .download_content .thumbs .post.sel .clip .shadow,
  .download_content .thumbs .thumb.sel .clip .shadow,
  .tag .galleries .posts .post.sel .clip .shadow,
  .tag .galleries .posts .thumb.sel .clip .shadow,
  .tag .galleries .thumbs .post.sel .clip .shadow,
  .tag .galleries .thumbs .thumb.sel .clip .shadow,
  .media .featured .posts .post.sel .clip .shadow,
  .media .featured .posts .thumb.sel .clip .shadow,
  .media .featured .thumbs .post.sel .clip .shadow,
  .media .featured .thumbs .thumb.sel .clip .shadow,
  .media .galleries .posts .post.sel .clip .shadow,
  .media .galleries .posts .thumb.sel .clip .shadow,
  .media .galleries .thumbs .post.sel .clip .shadow,
  .media .galleries .thumbs .thumb.sel .clip .shadow {
    -webkit-transform: translate(1.25vw, 1.25vw);
         -o-transform: translate(1.25vw, 1.25vw);
            transform: translate(1.25vw, 1.25vw);
    fill: #08121b;
  }

  .comicpanels .posts .post.sel .clip .shadow:nth-of-type(3),
  .comicpanels .posts .thumb.sel .clip .shadow:nth-of-type(3),
  .comicpanels .thumbs .post.sel .clip .shadow:nth-of-type(3),
  .comicpanels .thumbs .thumb.sel .clip .shadow:nth-of-type(3),
  .download_content .posts .post.sel .clip .shadow:nth-of-type(3),
  .download_content .posts .thumb.sel .clip .shadow:nth-of-type(3),
  .download_content .thumbs .post.sel .clip .shadow:nth-of-type(3),
  .download_content .thumbs .thumb.sel .clip .shadow:nth-of-type(3),
  .tag .galleries .posts .post.sel .clip .shadow:nth-of-type(3),
  .tag .galleries .posts .thumb.sel .clip .shadow:nth-of-type(3),
  .tag .galleries .thumbs .post.sel .clip .shadow:nth-of-type(3),
  .tag .galleries .thumbs .thumb.sel .clip .shadow:nth-of-type(3),
  .media .featured .posts .post.sel .clip .shadow:nth-of-type(3),
  .media .featured .posts .thumb.sel .clip .shadow:nth-of-type(3),
  .media .featured .thumbs .post.sel .clip .shadow:nth-of-type(3),
  .media .featured .thumbs .thumb.sel .clip .shadow:nth-of-type(3),
  .media .galleries .posts .post.sel .clip .shadow:nth-of-type(3),
  .media .galleries .posts .thumb.sel .clip .shadow:nth-of-type(3),
  .media .galleries .thumbs .post.sel .clip .shadow:nth-of-type(3),
  .media .galleries .thumbs .thumb.sel .clip .shadow:nth-of-type(3) {
    -webkit-transform: translate(0.5vw, 0.5vw);
         -o-transform: translate(0.5vw, 0.5vw);
            transform: translate(0.5vw, 0.5vw);
    fill: #102b3e;
  }

  .comicpanels .posts .post.sel .clip .shadow:nth-of-type(2),
  .comicpanels .posts .thumb.sel .clip .shadow:nth-of-type(2),
  .comicpanels .thumbs .post.sel .clip .shadow:nth-of-type(2),
  .comicpanels .thumbs .thumb.sel .clip .shadow:nth-of-type(2),
  .download_content .posts .post.sel .clip .shadow:nth-of-type(2),
  .download_content .posts .thumb.sel .clip .shadow:nth-of-type(2),
  .download_content .thumbs .post.sel .clip .shadow:nth-of-type(2),
  .download_content .thumbs .thumb.sel .clip .shadow:nth-of-type(2),
  .tag .galleries .posts .post.sel .clip .shadow:nth-of-type(2),
  .tag .galleries .posts .thumb.sel .clip .shadow:nth-of-type(2),
  .tag .galleries .thumbs .post.sel .clip .shadow:nth-of-type(2),
  .tag .galleries .thumbs .thumb.sel .clip .shadow:nth-of-type(2),
  .media .featured .posts .post.sel .clip .shadow:nth-of-type(2),
  .media .featured .posts .thumb.sel .clip .shadow:nth-of-type(2),
  .media .featured .thumbs .post.sel .clip .shadow:nth-of-type(2),
  .media .featured .thumbs .thumb.sel .clip .shadow:nth-of-type(2),
  .media .galleries .posts .post.sel .clip .shadow:nth-of-type(2),
  .media .galleries .posts .thumb.sel .clip .shadow:nth-of-type(2),
  .media .galleries .thumbs .post.sel .clip .shadow:nth-of-type(2),
  .media .galleries .thumbs .thumb.sel .clip .shadow:nth-of-type(2) {
    -webkit-transform: translate(0.875vw, 0.875vw);
         -o-transform: translate(0.875vw, 0.875vw);
            transform: translate(0.875vw, 0.875vw);
    fill: #0d1f2c;
  }

  .comicpanels .posts .post.sel .title,
  .comicpanels .posts .thumb.sel .title,
  .comicpanels .thumbs .post.sel .title,
  .comicpanels .thumbs .thumb.sel .title,
  .download_content .posts .post.sel .title,
  .download_content .posts .thumb.sel .title,
  .download_content .thumbs .post.sel .title,
  .download_content .thumbs .thumb.sel .title,
  .tag .galleries .posts .post.sel .title,
  .tag .galleries .posts .thumb.sel .title,
  .tag .galleries .thumbs .post.sel .title,
  .tag .galleries .thumbs .thumb.sel .title,
  .media .featured .posts .post.sel .title,
  .media .featured .posts .thumb.sel .title,
  .media .featured .thumbs .post.sel .title,
  .media .featured .thumbs .thumb.sel .title,
  .media .galleries .posts .post.sel .title,
  .media .galleries .posts .thumb.sel .title,
  .media .galleries .thumbs .post.sel .title,
  .media .galleries .thumbs .thumb.sel .title {
    color: white;
  }

  .comicpanels .posts .post.sel .title .play .arrow,
  .comicpanels .posts .thumb.sel .title .play .arrow,
  .comicpanels .thumbs .post.sel .title .play .arrow,
  .comicpanels .thumbs .thumb.sel .title .play .arrow,
  .download_content .posts .post.sel .title .play .arrow,
  .download_content .posts .thumb.sel .title .play .arrow,
  .download_content .thumbs .post.sel .title .play .arrow,
  .download_content .thumbs .thumb.sel .title .play .arrow,
  .tag .galleries .posts .post.sel .title .play .arrow,
  .tag .galleries .posts .thumb.sel .title .play .arrow,
  .tag .galleries .thumbs .post.sel .title .play .arrow,
  .tag .galleries .thumbs .thumb.sel .title .play .arrow,
  .media .featured .posts .post.sel .title .play .arrow,
  .media .featured .posts .thumb.sel .title .play .arrow,
  .media .featured .thumbs .post.sel .title .play .arrow,
  .media .featured .thumbs .thumb.sel .title .play .arrow,
  .media .galleries .posts .post.sel .title .play .arrow,
  .media .galleries .posts .thumb.sel .title .play .arrow,
  .media .galleries .thumbs .post.sel .title .play .arrow,
  .media .galleries .thumbs .thumb.sel .title .play .arrow {
    fill: #dcf6fe;
  }

  .comicpanels .posts .post.sel .title .play .line-break,
  .comicpanels .posts .thumb.sel .title .play .line-break,
  .comicpanels .thumbs .post.sel .title .play .line-break,
  .comicpanels .thumbs .thumb.sel .title .play .line-break,
  .download_content .posts .post.sel .title .play .line-break,
  .download_content .posts .thumb.sel .title .play .line-break,
  .download_content .thumbs .post.sel .title .play .line-break,
  .download_content .thumbs .thumb.sel .title .play .line-break,
  .tag .galleries .posts .post.sel .title .play .line-break,
  .tag .galleries .posts .thumb.sel .title .play .line-break,
  .tag .galleries .thumbs .post.sel .title .play .line-break,
  .tag .galleries .thumbs .thumb.sel .title .play .line-break,
  .media .featured .posts .post.sel .title .play .line-break,
  .media .featured .posts .thumb.sel .title .play .line-break,
  .media .featured .thumbs .post.sel .title .play .line-break,
  .media .featured .thumbs .thumb.sel .title .play .line-break,
  .media .galleries .posts .post.sel .title .play .line-break,
  .media .galleries .posts .thumb.sel .title .play .line-break,
  .media .galleries .thumbs .post.sel .title .play .line-break,
  .media .galleries .thumbs .thumb.sel .title .play .line-break {
    -webkit-transform: translate(14%, -8%);
         -o-transform: translate(14%, -8%);
            transform: translate(14%, -8%);
  }

  .comicpanels .posts .post.sel .cap svg .dark,
  .comicpanels .posts .thumb.sel .cap svg .dark,
  .comicpanels .thumbs .post.sel .cap svg .dark,
  .comicpanels .thumbs .thumb.sel .cap svg .dark,
  .download_content .posts .post.sel .cap svg .dark,
  .download_content .posts .thumb.sel .cap svg .dark,
  .download_content .thumbs .post.sel .cap svg .dark,
  .download_content .thumbs .thumb.sel .cap svg .dark,
  .tag .galleries .posts .post.sel .cap svg .dark,
  .tag .galleries .posts .thumb.sel .cap svg .dark,
  .tag .galleries .thumbs .post.sel .cap svg .dark,
  .tag .galleries .thumbs .thumb.sel .cap svg .dark,
  .media .featured .posts .post.sel .cap svg .dark,
  .media .featured .posts .thumb.sel .cap svg .dark,
  .media .featured .thumbs .post.sel .cap svg .dark,
  .media .featured .thumbs .thumb.sel .cap svg .dark,
  .media .galleries .posts .post.sel .cap svg .dark,
  .media .galleries .posts .thumb.sel .cap svg .dark,
  .media .galleries .thumbs .post.sel .cap svg .dark,
  .media .galleries .thumbs .thumb.sel .cap svg .dark {
    fill: #1d4f6f;
    stroke: #206998;
  }

  .comicpanels .posts .post.sel .cap svg .light,
  .comicpanels .posts .thumb.sel .cap svg .light,
  .comicpanels .thumbs .post.sel .cap svg .light,
  .comicpanels .thumbs .thumb.sel .cap svg .light,
  .download_content .posts .post.sel .cap svg .light,
  .download_content .posts .thumb.sel .cap svg .light,
  .download_content .thumbs .post.sel .cap svg .light,
  .download_content .thumbs .thumb.sel .cap svg .light,
  .tag .galleries .posts .post.sel .cap svg .light,
  .tag .galleries .posts .thumb.sel .cap svg .light,
  .tag .galleries .thumbs .post.sel .cap svg .light,
  .tag .galleries .thumbs .thumb.sel .cap svg .light,
  .media .featured .posts .post.sel .cap svg .light,
  .media .featured .posts .thumb.sel .cap svg .light,
  .media .featured .thumbs .post.sel .cap svg .light,
  .media .featured .thumbs .thumb.sel .cap svg .light,
  .media .galleries .posts .post.sel .cap svg .light,
  .media .galleries .posts .thumb.sel .cap svg .light,
  .media .galleries .thumbs .post.sel .cap svg .light,
  .media .galleries .thumbs .thumb.sel .cap svg .light {
    fill: #2c85bd;
  }

  .comicpanels .posts .post.over .date,
  .comicpanels .posts .thumb.over .date,
  .comicpanels .thumbs .post.over .date,
  .comicpanels .thumbs .thumb.over .date,
  .download_content .posts .post.over .date,
  .download_content .posts .thumb.over .date,
  .download_content .thumbs .post.over .date,
  .download_content .thumbs .thumb.over .date,
  .tag .galleries .posts .post.over .date,
  .tag .galleries .posts .thumb.over .date,
  .tag .galleries .thumbs .post.over .date,
  .tag .galleries .thumbs .thumb.over .date,
  .media .featured .posts .post.over .date,
  .media .featured .posts .thumb.over .date,
  .media .featured .thumbs .post.over .date,
  .media .featured .thumbs .thumb.over .date,
  .media .galleries .posts .post.over .date,
  .media .galleries .posts .thumb.over .date,
  .media .galleries .thumbs .post.over .date,
  .media .galleries .thumbs .thumb.over .date {
    opacity: 1;
    -webkit-transform: translate(20%, -95%);
         -o-transform: translate(20%, -95%);
            transform: translate(20%, -95%);
  }

  .comicpanels .posts .post.over .cap .dark,
  .comicpanels .posts .thumb.over .cap .dark,
  .comicpanels .thumbs .post.over .cap .dark,
  .comicpanels .thumbs .thumb.over .cap .dark,
  .download_content .posts .post.over .cap .dark,
  .download_content .posts .thumb.over .cap .dark,
  .download_content .thumbs .post.over .cap .dark,
  .download_content .thumbs .thumb.over .cap .dark,
  .tag .galleries .posts .post.over .cap .dark,
  .tag .galleries .posts .thumb.over .cap .dark,
  .tag .galleries .thumbs .post.over .cap .dark,
  .tag .galleries .thumbs .thumb.over .cap .dark,
  .media .featured .posts .post.over .cap .dark,
  .media .featured .posts .thumb.over .cap .dark,
  .media .featured .thumbs .post.over .cap .dark,
  .media .featured .thumbs .thumb.over .cap .dark,
  .media .galleries .posts .post.over .cap .dark,
  .media .galleries .posts .thumb.over .cap .dark,
  .media .galleries .thumbs .post.over .cap .dark,
  .media .galleries .thumbs .thumb.over .cap .dark {
    fill: #1d4f6f;
    stroke: #206998;
  }

  .comicpanels .posts .post.over .cap .light,
  .comicpanels .posts .thumb.over .cap .light,
  .comicpanels .thumbs .post.over .cap .light,
  .comicpanels .thumbs .thumb.over .cap .light,
  .download_content .posts .post.over .cap .light,
  .download_content .posts .thumb.over .cap .light,
  .download_content .thumbs .post.over .cap .light,
  .download_content .thumbs .thumb.over .cap .light,
  .tag .galleries .posts .post.over .cap .light,
  .tag .galleries .posts .thumb.over .cap .light,
  .tag .galleries .thumbs .post.over .cap .light,
  .tag .galleries .thumbs .thumb.over .cap .light,
  .media .featured .posts .post.over .cap .light,
  .media .featured .posts .thumb.over .cap .light,
  .media .featured .thumbs .post.over .cap .light,
  .media .featured .thumbs .thumb.over .cap .light,
  .media .galleries .posts .post.over .cap .light,
  .media .galleries .posts .thumb.over .cap .light,
  .media .galleries .thumbs .post.over .cap .light,
  .media .galleries .thumbs .thumb.over .cap .light {
    fill: #2c85bd;
  }

  .comicpanels .posts .post.over .pic.desktop .shadow,
  .comicpanels .posts .thumb.over .pic.desktop .shadow,
  .comicpanels .thumbs .post.over .pic.desktop .shadow,
  .comicpanels .thumbs .thumb.over .pic.desktop .shadow,
  .download_content .posts .post.over .pic.desktop .shadow,
  .download_content .posts .thumb.over .pic.desktop .shadow,
  .download_content .thumbs .post.over .pic.desktop .shadow,
  .download_content .thumbs .thumb.over .pic.desktop .shadow,
  .tag .galleries .posts .post.over .pic.desktop .shadow,
  .tag .galleries .posts .thumb.over .pic.desktop .shadow,
  .tag .galleries .thumbs .post.over .pic.desktop .shadow,
  .tag .galleries .thumbs .thumb.over .pic.desktop .shadow,
  .media .featured .posts .post.over .pic.desktop .shadow,
  .media .featured .posts .thumb.over .pic.desktop .shadow,
  .media .featured .thumbs .post.over .pic.desktop .shadow,
  .media .featured .thumbs .thumb.over .pic.desktop .shadow,
  .media .galleries .posts .post.over .pic.desktop .shadow,
  .media .galleries .posts .thumb.over .pic.desktop .shadow,
  .media .galleries .thumbs .post.over .pic.desktop .shadow,
  .media .galleries .thumbs .thumb.over .pic.desktop .shadow {
    -webkit-transform: translate(1.25vw, 1.25vw);
         -o-transform: translate(1.25vw, 1.25vw);
            transform: translate(1.25vw, 1.25vw);
    fill: #08121b;
  }

  .comicpanels .posts .post:nth-of-type(3n+2),
  .comicpanels .posts .post:nth-of-type(3n+3),
  .comicpanels .posts .thumb:nth-of-type(3n+2),
  .comicpanels .posts .thumb:nth-of-type(3n+3),
  .comicpanels .thumbs .post:nth-of-type(3n+2),
  .comicpanels .thumbs .post:nth-of-type(3n+3),
  .comicpanels .thumbs .thumb:nth-of-type(3n+2),
  .comicpanels .thumbs .thumb:nth-of-type(3n+3),
  .download_content .posts .post:nth-of-type(3n+2),
  .download_content .posts .post:nth-of-type(3n+3),
  .download_content .posts .thumb:nth-of-type(3n+2),
  .download_content .posts .thumb:nth-of-type(3n+3),
  .download_content .thumbs .post:nth-of-type(3n+2),
  .download_content .thumbs .post:nth-of-type(3n+3),
  .download_content .thumbs .thumb:nth-of-type(3n+2),
  .download_content .thumbs .thumb:nth-of-type(3n+3),
  .tag .galleries .posts .post:nth-of-type(3n+2),
  .tag .galleries .posts .post:nth-of-type(3n+3),
  .tag .galleries .posts .thumb:nth-of-type(3n+2),
  .tag .galleries .posts .thumb:nth-of-type(3n+3),
  .tag .galleries .thumbs .post:nth-of-type(3n+2),
  .tag .galleries .thumbs .post:nth-of-type(3n+3),
  .tag .galleries .thumbs .thumb:nth-of-type(3n+2),
  .tag .galleries .thumbs .thumb:nth-of-type(3n+3),
  .media .featured .posts .post:nth-of-type(3n+2),
  .media .featured .posts .post:nth-of-type(3n+3),
  .media .featured .posts .thumb:nth-of-type(3n+2),
  .media .featured .posts .thumb:nth-of-type(3n+3),
  .media .featured .thumbs .post:nth-of-type(3n+2),
  .media .featured .thumbs .post:nth-of-type(3n+3),
  .media .featured .thumbs .thumb:nth-of-type(3n+2),
  .media .featured .thumbs .thumb:nth-of-type(3n+3),
  .media .galleries .posts .post:nth-of-type(3n+2),
  .media .galleries .posts .post:nth-of-type(3n+3),
  .media .galleries .posts .thumb:nth-of-type(3n+2),
  .media .galleries .posts .thumb:nth-of-type(3n+3),
  .media .galleries .thumbs .post:nth-of-type(3n+2),
  .media .galleries .thumbs .post:nth-of-type(3n+3),
  .media .galleries .thumbs .thumb:nth-of-type(3n+2),
  .media .galleries .thumbs .thumb:nth-of-type(3n+3) {
    margin-top: -46.875vw;
  }

  .comicpanels .posts .post:nth-of-type(2) .title,
  .comicpanels .posts .thumb:nth-of-type(2) .title,
  .comicpanels .thumbs .post:nth-of-type(2) .title,
  .comicpanels .thumbs .thumb:nth-of-type(2) .title,
  .download_content .posts .post:nth-of-type(2) .title,
  .download_content .posts .thumb:nth-of-type(2) .title,
  .download_content .thumbs .post:nth-of-type(2) .title,
  .download_content .thumbs .thumb:nth-of-type(2) .title,
  .tag .galleries .posts .post:nth-of-type(2) .title,
  .tag .galleries .posts .thumb:nth-of-type(2) .title,
  .tag .galleries .thumbs .post:nth-of-type(2) .title,
  .tag .galleries .thumbs .thumb:nth-of-type(2) .title,
  .media .featured .posts .post:nth-of-type(2) .title,
  .media .featured .posts .thumb:nth-of-type(2) .title,
  .media .featured .thumbs .post:nth-of-type(2) .title,
  .media .featured .thumbs .thumb:nth-of-type(2) .title,
  .media .galleries .posts .post:nth-of-type(2) .title,
  .media .galleries .posts .thumb:nth-of-type(2) .title,
  .media .galleries .thumbs .post:nth-of-type(2) .title,
  .media .galleries .thumbs .thumb:nth-of-type(2) .title {
    left: auto;
    right: 0.833333vw;
  }

  .comicpanels .posts .post:nth-of-type(3) .title,
  .comicpanels .posts .thumb:nth-of-type(3) .title,
  .comicpanels .thumbs .post:nth-of-type(3) .title,
  .comicpanels .thumbs .thumb:nth-of-type(3) .title,
  .download_content .posts .post:nth-of-type(3) .title,
  .download_content .posts .thumb:nth-of-type(3) .title,
  .download_content .thumbs .post:nth-of-type(3) .title,
  .download_content .thumbs .thumb:nth-of-type(3) .title,
  .tag .galleries .posts .post:nth-of-type(3) .title,
  .tag .galleries .posts .thumb:nth-of-type(3) .title,
  .tag .galleries .thumbs .post:nth-of-type(3) .title,
  .tag .galleries .thumbs .thumb:nth-of-type(3) .title,
  .media .featured .posts .post:nth-of-type(3) .title,
  .media .featured .posts .thumb:nth-of-type(3) .title,
  .media .featured .thumbs .post:nth-of-type(3) .title,
  .media .featured .thumbs .thumb:nth-of-type(3) .title,
  .media .galleries .posts .post:nth-of-type(3) .title,
  .media .galleries .posts .thumb:nth-of-type(3) .title,
  .media .galleries .thumbs .post:nth-of-type(3) .title,
  .media .galleries .thumbs .thumb:nth-of-type(3) .title {
    top: auto;
    bottom: 0.833333vw;
  }

  .comicpanels .posts .post:nth-of-type(3) .title .play,
  .comicpanels .posts .thumb:nth-of-type(3) .title .play,
  .comicpanels .thumbs .post:nth-of-type(3) .title .play,
  .comicpanels .thumbs .thumb:nth-of-type(3) .title .play,
  .download_content .posts .post:nth-of-type(3) .title .play,
  .download_content .posts .thumb:nth-of-type(3) .title .play,
  .download_content .thumbs .post:nth-of-type(3) .title .play,
  .download_content .thumbs .thumb:nth-of-type(3) .title .play,
  .tag .galleries .posts .post:nth-of-type(3) .title .play,
  .tag .galleries .posts .thumb:nth-of-type(3) .title .play,
  .tag .galleries .thumbs .post:nth-of-type(3) .title .play,
  .tag .galleries .thumbs .thumb:nth-of-type(3) .title .play,
  .media .featured .posts .post:nth-of-type(3) .title .play,
  .media .featured .posts .thumb:nth-of-type(3) .title .play,
  .media .featured .thumbs .post:nth-of-type(3) .title .play,
  .media .featured .thumbs .thumb:nth-of-type(3) .title .play,
  .media .galleries .posts .post:nth-of-type(3) .title .play,
  .media .galleries .posts .thumb:nth-of-type(3) .title .play,
  .media .galleries .thumbs .post:nth-of-type(3) .title .play,
  .media .galleries .thumbs .thumb:nth-of-type(3) .title .play {
    bottom: auto;
    top: -5em;
  }

  .comicpanels .posts .post:nth-of-type(1),
  .comicpanels .posts .post:nth-last-of-type(1),
  .comicpanels .posts .thumb:nth-of-type(1),
  .comicpanels .posts .thumb:nth-last-of-type(1),
  .comicpanels .thumbs .post:nth-of-type(1),
  .comicpanels .thumbs .post:nth-last-of-type(1),
  .comicpanels .thumbs .thumb:nth-of-type(1),
  .comicpanels .thumbs .thumb:nth-last-of-type(1),
  .download_content .posts .post:nth-of-type(1),
  .download_content .posts .post:nth-last-of-type(1),
  .download_content .posts .thumb:nth-of-type(1),
  .download_content .posts .thumb:nth-last-of-type(1),
  .download_content .thumbs .post:nth-of-type(1),
  .download_content .thumbs .post:nth-last-of-type(1),
  .download_content .thumbs .thumb:nth-of-type(1),
  .download_content .thumbs .thumb:nth-last-of-type(1),
  .tag .galleries .posts .post:nth-of-type(1),
  .tag .galleries .posts .post:nth-last-of-type(1),
  .tag .galleries .posts .thumb:nth-of-type(1),
  .tag .galleries .posts .thumb:nth-last-of-type(1),
  .tag .galleries .thumbs .post:nth-of-type(1),
  .tag .galleries .thumbs .post:nth-last-of-type(1),
  .tag .galleries .thumbs .thumb:nth-of-type(1),
  .tag .galleries .thumbs .thumb:nth-last-of-type(1),
  .media .featured .posts .post:nth-of-type(1),
  .media .featured .posts .post:nth-last-of-type(1),
  .media .featured .posts .thumb:nth-of-type(1),
  .media .featured .posts .thumb:nth-last-of-type(1),
  .media .featured .thumbs .post:nth-of-type(1),
  .media .featured .thumbs .post:nth-last-of-type(1),
  .media .featured .thumbs .thumb:nth-of-type(1),
  .media .featured .thumbs .thumb:nth-last-of-type(1),
  .media .galleries .posts .post:nth-of-type(1),
  .media .galleries .posts .post:nth-last-of-type(1),
  .media .galleries .posts .thumb:nth-of-type(1),
  .media .galleries .posts .thumb:nth-last-of-type(1),
  .media .galleries .thumbs .post:nth-of-type(1),
  .media .galleries .thumbs .post:nth-last-of-type(1),
  .media .galleries .thumbs .thumb:nth-of-type(1),
  .media .galleries .thumbs .thumb:nth-last-of-type(1) {
    height: 46.875vw;
  }

  .comicpanels .posts.setB .post:nth-of-type(2) .title,
  .comicpanels .posts.setB .thumb:nth-of-type(2) .title,
  .comicpanels .thumbs.setB .post:nth-of-type(2) .title,
  .comicpanels .thumbs.setB .thumb:nth-of-type(2) .title,
  .download_content .posts.setB .post:nth-of-type(2) .title,
  .download_content .posts.setB .thumb:nth-of-type(2) .title,
  .download_content .thumbs.setB .post:nth-of-type(2) .title,
  .download_content .thumbs.setB .thumb:nth-of-type(2) .title,
  .tag .galleries .posts.setB .post:nth-of-type(2) .title,
  .tag .galleries .posts.setB .thumb:nth-of-type(2) .title,
  .tag .galleries .thumbs.setB .post:nth-of-type(2) .title,
  .tag .galleries .thumbs.setB .thumb:nth-of-type(2) .title,
  .media .featured .posts.setB .post:nth-of-type(2) .title,
  .media .featured .posts.setB .thumb:nth-of-type(2) .title,
  .media .featured .thumbs.setB .post:nth-of-type(2) .title,
  .media .featured .thumbs.setB .thumb:nth-of-type(2) .title,
  .media .galleries .posts.setB .post:nth-of-type(2) .title,
  .media .galleries .posts.setB .thumb:nth-of-type(2) .title,
  .media .galleries .thumbs.setB .post:nth-of-type(2) .title,
  .media .galleries .thumbs.setB .thumb:nth-of-type(2) .title {
    left: auto;
    right: 0.833333vw;
  }

  .comicpanels .posts.setB .post:nth-of-type(3) .title,
  .comicpanels .posts.setB .thumb:nth-of-type(3) .title,
  .comicpanels .thumbs.setB .post:nth-of-type(3) .title,
  .comicpanels .thumbs.setB .thumb:nth-of-type(3) .title,
  .download_content .posts.setB .post:nth-of-type(3) .title,
  .download_content .posts.setB .thumb:nth-of-type(3) .title,
  .download_content .thumbs.setB .post:nth-of-type(3) .title,
  .download_content .thumbs.setB .thumb:nth-of-type(3) .title,
  .tag .galleries .posts.setB .post:nth-of-type(3) .title,
  .tag .galleries .posts.setB .thumb:nth-of-type(3) .title,
  .tag .galleries .thumbs.setB .post:nth-of-type(3) .title,
  .tag .galleries .thumbs.setB .thumb:nth-of-type(3) .title,
  .media .featured .posts.setB .post:nth-of-type(3) .title,
  .media .featured .posts.setB .thumb:nth-of-type(3) .title,
  .media .featured .thumbs.setB .post:nth-of-type(3) .title,
  .media .featured .thumbs.setB .thumb:nth-of-type(3) .title,
  .media .galleries .posts.setB .post:nth-of-type(3) .title,
  .media .galleries .posts.setB .thumb:nth-of-type(3) .title,
  .media .galleries .thumbs.setB .post:nth-of-type(3) .title,
  .media .galleries .thumbs.setB .thumb:nth-of-type(3) .title {
    top: auto;
    left: auto;
    right: 0.833333vw;
    bottom: 0.833333vw;
  }

  .comicpanels .posts.setC .post:nth-of-type(2) .title,
  .comicpanels .posts.setC .thumb:nth-of-type(2) .title,
  .comicpanels .thumbs.setC .post:nth-of-type(2) .title,
  .comicpanels .thumbs.setC .thumb:nth-of-type(2) .title,
  .download_content .posts.setC .post:nth-of-type(2) .title,
  .download_content .posts.setC .thumb:nth-of-type(2) .title,
  .download_content .thumbs.setC .post:nth-of-type(2) .title,
  .download_content .thumbs.setC .thumb:nth-of-type(2) .title,
  .tag .galleries .posts.setC .post:nth-of-type(2) .title,
  .tag .galleries .posts.setC .thumb:nth-of-type(2) .title,
  .tag .galleries .thumbs.setC .post:nth-of-type(2) .title,
  .tag .galleries .thumbs.setC .thumb:nth-of-type(2) .title,
  .media .featured .posts.setC .post:nth-of-type(2) .title,
  .media .featured .posts.setC .thumb:nth-of-type(2) .title,
  .media .featured .thumbs.setC .post:nth-of-type(2) .title,
  .media .featured .thumbs.setC .thumb:nth-of-type(2) .title,
  .media .galleries .posts.setC .post:nth-of-type(2) .title,
  .media .galleries .posts.setC .thumb:nth-of-type(2) .title,
  .media .galleries .thumbs.setC .post:nth-of-type(2) .title,
  .media .galleries .thumbs.setC .thumb:nth-of-type(2) .title {
    top: auto;
    right: auto;
    bottom: 0.833333vw;
    left: 0.833333vw;
  }

  .comicpanels .posts.setC .post:nth-of-type(2) .title.end_post_bottom,
  .comicpanels .posts.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .comicpanels .thumbs.setC .post:nth-of-type(2) .title.end_post_bottom,
  .comicpanels .thumbs.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .download_content .posts.setC .post:nth-of-type(2) .title.end_post_bottom,
  .download_content .posts.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .download_content .thumbs.setC .post:nth-of-type(2) .title.end_post_bottom,
  .download_content .thumbs.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .tag .galleries .posts.setC .post:nth-of-type(2) .title.end_post_bottom,
  .tag .galleries .posts.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .tag .galleries .thumbs.setC .post:nth-of-type(2) .title.end_post_bottom,
  .tag .galleries .thumbs.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .media .featured .posts.setC .post:nth-of-type(2) .title.end_post_bottom,
  .media .featured .posts.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .media .featured .thumbs.setC .post:nth-of-type(2) .title.end_post_bottom,
  .media .featured .thumbs.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .media .galleries .posts.setC .post:nth-of-type(2) .title.end_post_bottom,
  .media .galleries .posts.setC .thumb:nth-of-type(2) .title.end_post_bottom,
  .media .galleries .thumbs.setC .post:nth-of-type(2) .title.end_post_bottom,
  .media .galleries .thumbs.setC .thumb:nth-of-type(2) .title.end_post_bottom {
    left: auto;
    right: 0.833333vw;
  }

  .comicpanels .posts.setC .post:nth-of-type(3) .title,
  .comicpanels .posts.setC .thumb:nth-of-type(3) .title,
  .comicpanels .thumbs.setC .post:nth-of-type(3) .title,
  .comicpanels .thumbs.setC .thumb:nth-of-type(3) .title,
  .download_content .posts.setC .post:nth-of-type(3) .title,
  .download_content .posts.setC .thumb:nth-of-type(3) .title,
  .download_content .thumbs.setC .post:nth-of-type(3) .title,
  .download_content .thumbs.setC .thumb:nth-of-type(3) .title,
  .tag .galleries .posts.setC .post:nth-of-type(3) .title,
  .tag .galleries .posts.setC .thumb:nth-of-type(3) .title,
  .tag .galleries .thumbs.setC .post:nth-of-type(3) .title,
  .tag .galleries .thumbs.setC .thumb:nth-of-type(3) .title,
  .media .featured .posts.setC .post:nth-of-type(3) .title,
  .media .featured .posts.setC .thumb:nth-of-type(3) .title,
  .media .featured .thumbs.setC .post:nth-of-type(3) .title,
  .media .featured .thumbs.setC .thumb:nth-of-type(3) .title,
  .media .galleries .posts.setC .post:nth-of-type(3) .title,
  .media .galleries .posts.setC .thumb:nth-of-type(3) .title,
  .media .galleries .thumbs.setC .post:nth-of-type(3) .title,
  .media .galleries .thumbs.setC .thumb:nth-of-type(3) .title {
    top: auto;
    left: auto;
    right: 0.833333vw;
    bottom: 0.833333vw;
  }

  .comicpanels .posts.setD .post:nth-of-type(2) .title,
  .comicpanels .posts.setD .thumb:nth-of-type(2) .title,
  .comicpanels .thumbs.setD .post:nth-of-type(2) .title,
  .comicpanels .thumbs.setD .thumb:nth-of-type(2) .title,
  .download_content .posts.setD .post:nth-of-type(2) .title,
  .download_content .posts.setD .thumb:nth-of-type(2) .title,
  .download_content .thumbs.setD .post:nth-of-type(2) .title,
  .download_content .thumbs.setD .thumb:nth-of-type(2) .title,
  .tag .galleries .posts.setD .post:nth-of-type(2) .title,
  .tag .galleries .posts.setD .thumb:nth-of-type(2) .title,
  .tag .galleries .thumbs.setD .post:nth-of-type(2) .title,
  .tag .galleries .thumbs.setD .thumb:nth-of-type(2) .title,
  .media .featured .posts.setD .post:nth-of-type(2) .title,
  .media .featured .posts.setD .thumb:nth-of-type(2) .title,
  .media .featured .thumbs.setD .post:nth-of-type(2) .title,
  .media .featured .thumbs.setD .thumb:nth-of-type(2) .title,
  .media .galleries .posts.setD .post:nth-of-type(2) .title,
  .media .galleries .posts.setD .thumb:nth-of-type(2) .title,
  .media .galleries .thumbs.setD .post:nth-of-type(2) .title,
  .media .galleries .thumbs.setD .thumb:nth-of-type(2) .title {
    left: auto;
    right: 0.833333vw;
  }

  .comicpanels .posts.setD .post:nth-of-type(3) .title,
  .comicpanels .posts.setD .thumb:nth-of-type(3) .title,
  .comicpanels .thumbs.setD .post:nth-of-type(3) .title,
  .comicpanels .thumbs.setD .thumb:nth-of-type(3) .title,
  .download_content .posts.setD .post:nth-of-type(3) .title,
  .download_content .posts.setD .thumb:nth-of-type(3) .title,
  .download_content .thumbs.setD .post:nth-of-type(3) .title,
  .download_content .thumbs.setD .thumb:nth-of-type(3) .title,
  .tag .galleries .posts.setD .post:nth-of-type(3) .title,
  .tag .galleries .posts.setD .thumb:nth-of-type(3) .title,
  .tag .galleries .thumbs.setD .post:nth-of-type(3) .title,
  .tag .galleries .thumbs.setD .thumb:nth-of-type(3) .title,
  .media .featured .posts.setD .post:nth-of-type(3) .title,
  .media .featured .posts.setD .thumb:nth-of-type(3) .title,
  .media .featured .thumbs.setD .post:nth-of-type(3) .title,
  .media .featured .thumbs.setD .thumb:nth-of-type(3) .title,
  .media .galleries .posts.setD .post:nth-of-type(3) .title,
  .media .galleries .posts.setD .thumb:nth-of-type(3) .title,
  .media .galleries .thumbs.setD .post:nth-of-type(3) .title,
  .media .galleries .thumbs.setD .thumb:nth-of-type(3) .title {
    top: auto;
    bottom: 0.833333vw;
  }

  .flex_col .comicpanels .post,
  .flex_col .comicpanels .post:nth-of-type(1),
  .flex_col .comicpanels .post:nth-last-of-type(1) {
    height: 30.849609vw;
  }

  .flex_col .comicpanels .post:nth-of-type(3n+2),
  .flex_col .comicpanels .post:nth-of-type(3n+3),
  .flex_col .comicpanels .post:nth-of-type(1):nth-of-type(3n+2),
  .flex_col .comicpanels .post:nth-of-type(1):nth-of-type(3n+3),
  .flex_col .comicpanels .post:nth-last-of-type(1):nth-of-type(3n+2),
  .flex_col .comicpanels .post:nth-last-of-type(1):nth-of-type(3n+3) {
    margin-top: -30.849609vw;
  }
}

.comments h3 {
  margin-bottom: 1em;
}

.comments .no_show {
  opacity: 0;
}

.comments .login_container {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.comments .comment-form-comment {
  position: relative;
}

.comments .comment-form-comment a {
  font-size: 3vw !important;
  position: absolute;
  left: 30%;
  top: 50%;
  -webkit-transform: translate(-20%, -50%);
       -o-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%);
}

.comments form {
  margin-bottom: 2rem;
}

.comments .back {
  z-index: -1;
}

.comments .bottom_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comments .comment_pagination {
  padding: 1rem 0 1rem 0;
}

.comments .comment_pagination .page_button {
  font-size: 0.78rem;
  cursor: pointer;
  height: 100%;
}

.comments .comment_pagination .page_button:before {
  content: attr(data-page_index);
  display: inline-block;
  text-align: center;
  width: 1.4rem;
  background-image: url(../images/pagination-blur.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.comments .comment_pagination .page_button:hover:before {
  background-image: url(../images/pagination-hover.svg);
}

.comments .comment_pagination .page_range {
  display: inline;
}

.comments .comment_pagination .page_range .page_button.selected:before {
  background-image: url(../images/pagination-hover.svg);
}

.comments textarea {
  font-family: 'Sriracha', sans-serif;
  width: 100%;
  height: 15vw;
  resize: none;
}

.comments textarea:disabled {
  background: #102b3e;
  border: 1px solid #2477ac;
}

.comments button {
  border: none;
}

.comments button:disabled {
  opacity: 0.3;
}

.comments li {
  list-style: none;
}

.comments .comment_ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comments .comment {
  position: relative;
  margin-bottom: 0.857142rem;
}

.comments .comment p {
  white-space: pre-wrap;
  line-height: 1.178571rem;
}

.comments .comment .reply-list,
.comments .comment .subreply-list {
  padding-top: 0.6rem;
}

.comments .comment .reply-list .like,
.comments .comment .reply-list .reply,
.comments .comment .subreply-list .like,
.comments .comment .subreply-list .reply {
  padding-right: 0.228571rem;
}

.comments .comment textarea {
  margin-top: 1rem;
}

.comments .comment .body {
  font-family: 'Sriracha', sans-serif;
}

.comments .comment .body p {
  white-space: pre-wrap;
  line-height: 1.178571rem;
}

.comments .comment .replied {
  display: none;
}

.comments .comment.reply {
  margin-left: 0.857142rem;
}

.comments .comment.reply .replied {
  display: block;
  position: absolute;
  left: -0.5rem;
  top: -0.173571rem;
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #2c85bd;
  font-size: 0.607142rem;
}

.comments .comment.sub_reply {
  margin-left: 1.714284rem;
}

.comments .comment.sub_reply .replied {
  display: block;
  position: absolute;
  left: -0.5rem;
  top: -0.173571rem;
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #2c85bd;
  font-size: 0.607142rem;
}

.comments .comment.sub_reply .reply,
.comments .comment.sub_reply .like {
  padding-right: 0.228571rem !important;
}

.comments .comment .head {
  margin-top: 0.173571rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.comments .comment .head .user {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 4rem;
  position: relative;
}

.comments .comment .head .user::before,
.comments .comment .head .user::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 49%;
  bottom: 0px;
  z-index: -1;
  background: url(../images/comment-holder-mobile-02.svg) no-repeat;
  background-size: 23rem 4rem;
}

.comments .comment .head .user::after {
  right: 0px;
  left: 49%;
  background-position: right top;
}

.comments .comment .head .user .usericon {
  width: 2.571428rem;
  height: 2.571428rem;
  border-radius: 50%;
  background-color: #5fa9d8;
  background-size: 100%;
  position: absolute;
  top: -0.173571rem;
  z-index: 2;
}

.comments .comment .head .user .username {
  max-width: 125%;
  white-space: nowrap;
  position: absolute;
  left: 3.428571rem;
  top: 0.1rem;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #5fa9d8;
  z-index: 2;
  font-style: italic;
  overflow: hidden;
}

.comments .comment .head .user .date {
  white-space: nowrap;
  padding: 1.1rem 0.9rem 0 3.428571rem;
  font-size: 0.714285rem;
  color: #3c93c9;
  font-style: italic;
}

.comments .comment .head .actions {
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  color: #9fe0f8;
  height: 4rem;
}

.comments .comment .head .actions::before,
.comments .comment .head .actions::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 49%;
  bottom: 0px;
  z-index: -1;
  background: url(../images/comment-holder-mobile-03.svg) no-repeat;
  background-size: 23rem 4rem;
}

.comments .comment .head .actions::after {
  right: 0px;
  left: 49%;
  background-position: right top;
}

.comments .comment .head .actions .like,
.comments .comment .head .actions .reply {
  padding-top: 1.7rem;
  padding-right: 0.428571rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.714285rem;
}

.comments .comment .head .actions .like:hover,
.comments .comment .head .actions .reply:hover {
  cursor: pointer;
}

.comments .comment .head .actions .like .icon,
.comments .comment .head .actions .reply .icon {
  color: #2c85bd;
}

.comments .comment .head .actions .reply {
  padding-right: 0.678571rem;
}

.comments .comment .body {
  position: relative;
  font-size: 0.785714rem;
  color: #8fd2f1;
  font-family: 'Sriracha', sans-serif;
  padding: 0 0.857142rem 0 1.714285rem;
  margin-top: -0.8rem;
  margin-bottom: -1.4rem;
}

.comments .comment .body .text {
  margin-top: -0.1rem;
}

.comments .comment .body .bg {
  position: absolute;
  top: 0.8rem;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.comments .comment .body .bg::before,
.comments .comment .body .bg::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  right: 49%;
  bottom: -1px;
  z-index: -1;
  background: url(../images/comment-holder-mobile-05.svg) left top repeat-y, url(../images/comment-holder-mobile-05.svg) left center repeat-y;
  background-size: 46rem 4rem;
}

.comments .comment .body .bg::after {
  right: 0px;
  left: 49%;
  background-position: right top, right center;
}

.comments .comment .foot {
  position: relative;
  height: 1.5rem;
}

.comments .comment .foot::before,
.comments .comment .foot::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 49%;
  bottom: 0px;
  z-index: -1;
  background: url(../images/comment-holder-mobile-04.svg) left bottom no-repeat;
  background-size: 46rem 4rem;
}

.comments .comment .foot::after {
  right: 0px;
  left: 49%;
  background-position: right bottom;
}

.comments .load_more_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comments .hide_mob {
  display: none;
}

@media (min-width: 1280px) {
  .comments textarea {
    padding: 5px;
  }

  .comments .comment-form-comment {
    position: relative;
  }

  .comments .comment-form-comment a {
    font-size: 1.5vw !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.no_padding_top {
  padding-top: 0px !important;
}

#msccBanner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

@-webkit-keyframes loading-anim {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-o-keyframes loading-anim {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes loading-anim {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loader-overlay {
  background: rgba(8, 18, 27, 0.85);
  background-size: 50px;
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}

.loader-spinner {
  -webkit-animation: loading-anim 0.5s steps(6) infinite;
       -o-animation: loading-anim 0.5s steps(6) infinite;
          animation: loading-anim 0.5s steps(6) infinite;
  background: url(../images/loading-spinner.svg) center center no-repeat;
  background-size: 50px;
  height: 50px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 25px);
  width: 50px;
}

progress[value] {
  position: absolute;
  width: 200px;
  height: 7px;
  background-color: transparent;
  color: #8fd2f1;
  border: none;
  left: calc(50% - 70px);
  top: calc(50% + 100px);
}

progress {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

progress::-webkit-progress-value {
  background-color: #8fd2f1;
}

.progress-color {
  color: #7fc3e9;
}

.running-man {
  width: 109px;
  height: 109px;
  background: url(../images/loading-sheet.png) top center;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 25px);
  -webkit-animation: play 0.8s steps(15) infinite;
       -o-animation: play 0.8s steps(15) infinite;
          animation: play 0.8s steps(15) infinite;
}

@-webkit-keyframes play {
  from {
    background-position: 50% 0;
  }

  to {
    background-position: 50% -1665px;
  }
}

@-o-keyframes play {
  from {
    background-position: 50% 0;
  }

  to {
    background-position: 50% -1665px;
  }
}

@keyframes play {
  from {
    background-position: 50% 0;
  }

  to {
    background-position: 50% -1665px;
  }
}

.news_related_news {
  position: relative;
}

.news_related_news .posts .post,
.news_related_news .posts .thumb,
.news_related_news .thumbs .post,
.news_related_news .thumbs .thumb {
  margin-top: -16.2vw;
  margin-bottom: 1.334rem;
  /*turn off pointer events so hover can be controlled by polygon coords*/
  pointer-events: none;
  position: relative;
  /*use VW here because block scales with screen width not font size */
}

.news_related_news .posts .post:nth-of-type(1),
.news_related_news .posts .thumb:nth-of-type(1),
.news_related_news .thumbs .post:nth-of-type(1),
.news_related_news .thumbs .thumb:nth-of-type(1) {
  margin-top: 0px;
  height: 50.3125vw;
}

.news_related_news .posts .post:nth-of-type(1) .content .article,
.news_related_news .posts .thumb:nth-of-type(1) .content .article,
.news_related_news .thumbs .post:nth-of-type(1) .content .article,
.news_related_news .thumbs .thumb:nth-of-type(1) .content .article {
  top: 2vw;
}

.news_related_news .posts .post:nth-last-of-type(1),
.news_related_news .posts .thumb:nth-last-of-type(1),
.news_related_news .thumbs .post:nth-last-of-type(1),
.news_related_news .thumbs .thumb:nth-last-of-type(1) {
  margin-bottom: 0px;
  /*important, maintains aspect ratio for comic block*/
}

.news_related_news .posts .post:nth-last-of-type(1) .content .article,
.news_related_news .posts .thumb:nth-last-of-type(1) .content .article,
.news_related_news .thumbs .post:nth-last-of-type(1) .content .article,
.news_related_news .thumbs .thumb:nth-last-of-type(1) .content .article {
  top: 12vw;
  bottom: 6.2vw;
}

.news_related_news .posts .post .pic,
.news_related_news .posts .thumb .pic,
.news_related_news .thumbs .post .pic,
.news_related_news .thumbs .thumb .pic {
  /*hide desktop backgrounds*/
}

.news_related_news .posts .post .pic.mobile,
.news_related_news .posts .thumb .pic.mobile,
.news_related_news .thumbs .post .pic.mobile,
.news_related_news .thumbs .thumb .pic.mobile {
  display: block;
}

.news_related_news .posts .post .pic.mobile .front,
.news_related_news .posts .thumb .pic.mobile .front,
.news_related_news .thumbs .post .pic.mobile .front,
.news_related_news .thumbs .thumb .pic.mobile .front {
  fill: #0d1f2c;
  fill-opacity: 0.5;
  -webkit-transition: fill-opacity 0.5s;
  -o-transition: fill-opacity 0.5s;
  transition: fill-opacity 0.5s;
}

.news_related_news .posts .post .pic.mobile .front:hover,
.news_related_news .posts .thumb .pic.mobile .front:hover,
.news_related_news .thumbs .post .pic.mobile .front:hover,
.news_related_news .thumbs .thumb .pic.mobile .front:hover {
  fill-opacity: 0;
}

.news_related_news .posts .post .pic svg,
.news_related_news .posts .thumb .pic svg,
.news_related_news .thumbs .post .pic svg,
.news_related_news .thumbs .thumb .pic svg {
  overflow: visible;
  position: absolute;
}

.news_related_news .posts .post .pic svg .front,
.news_related_news .posts .thumb .pic svg .front,
.news_related_news .thumbs .post .pic svg .front,
.news_related_news .thumbs .thumb .pic svg .front {
  fill: #102b3e;
  fill-opacity: 0;
  pointer-events: auto;
}

.news_related_news .posts .post .pic svg a.poly,
.news_related_news .posts .thumb .pic svg a.poly,
.news_related_news .thumbs .post .pic svg a.poly,
.news_related_news .thumbs .thumb .pic svg a.poly {
  cursor: pointer;
}

.news_related_news .posts .post .pic svg .shadow,
.news_related_news .posts .thumb .pic svg .shadow,
.news_related_news .thumbs .post .pic svg .shadow,
.news_related_news .thumbs .thumb .pic svg .shadow {
  fill: #102b3e;
  -webkit-transform: translate(0.34rem, 0.34rem);
       -o-transform: translate(0.34rem, 0.34rem);
          transform: translate(0.34rem, 0.34rem);
}

.news_related_news .posts .post .title,
.news_related_news .posts .thumb .title,
.news_related_news .thumbs .post .title,
.news_related_news .thumbs .thumb .title {
  right: 0.42856em;
  left: 0.42856em;
  bottom: 3em;
  position: absolute;
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.5em;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  text-align: center;
  padding: 0px 0.8em;
  text-shadow: 0px 0.08334rem 0px black;
  max-width: 82%;
}

.news_related_news .posts .post .title h4,
.news_related_news .posts .thumb .title h4,
.news_related_news .thumbs .post .title h4,
.news_related_news .thumbs .thumb .title h4 {
  font-size: 0.833333rem;
  padding-bottom: 0.3em;
  position: relative;
}

.news_related_news .posts .post .title .date,
.news_related_news .posts .thumb .title .date,
.news_related_news .thumbs .post .title .date,
.news_related_news .thumbs .thumb .title .date {
  display: none;
}

.news_related_news .posts .post .title .cap,
.news_related_news .posts .thumb .title .cap,
.news_related_news .thumbs .post .title .cap,
.news_related_news .thumbs .thumb .title .cap {
  display: block;
  width: 100%;
  height: 51%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px;
  top: 0px;
}

.news_related_news .posts .post .title .cap svg,
.news_related_news .posts .thumb .title .cap svg,
.news_related_news .thumbs .post .title .cap svg,
.news_related_news .thumbs .thumb .title .cap svg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.news_related_news .posts .post .title .cap.bottom,
.news_related_news .posts .thumb .title .cap.bottom,
.news_related_news .thumbs .post .title .cap.bottom,
.news_related_news .thumbs .thumb .title .cap.bottom {
  top: auto;
  bottom: 0px;
}

.news_related_news .posts .post .title .cap.bottom svg,
.news_related_news .posts .thumb .title .cap.bottom svg,
.news_related_news .thumbs .post .title .cap.bottom svg,
.news_related_news .thumbs .thumb .title .cap.bottom svg {
  top: auto;
  bottom: 0px;
}

.news_related_news .posts .post .title .cap .dark,
.news_related_news .posts .thumb .title .cap .dark,
.news_related_news .thumbs .post .title .cap .dark,
.news_related_news .thumbs .thumb .title .cap .dark {
  fill: #1d4f6f;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #206998;
}

.news_related_news .posts .post .title .cap .light,
.news_related_news .posts .thumb .title .cap .light,
.news_related_news .thumbs .post .title .cap .light,
.news_related_news .thumbs .thumb .title .cap .light {
  fill: #2c85bd;
}

.news_related_news .posts .post:nth-last-of-type(1) .title,
.news_related_news .posts .thumb:nth-last-of-type(1) .title,
.news_related_news .thumbs .post:nth-last-of-type(1) .title,
.news_related_news .thumbs .thumb:nth-last-of-type(1) .title {
  bottom: 0.833333em;
}

@media (min-width: 768px) {
  .news_related_news {
    position: relative;
    margin-bottom: 2.66rem;
  }

  .news_related_news .posts .post,
  .news_related_news .posts .thumb,
  .news_related_news thumbs .post,
  .news_related_news thumbs .thumb {
    margin-top: -2.376406vw;
    margin-bottom: 0;
    /*turn off pointer events so hover can be controlled by polygon coords*/
    pointer-events: none;
    position: relative;
    /*use VW here because block scales with screen width not font size */
  }

  .news_related_news .posts .post:nth-of-type(1),
  .news_related_news .posts .thumb:nth-of-type(1),
  .news_related_news thumbs .post:nth-of-type(1),
  .news_related_news thumbs .thumb:nth-of-type(1) {
    margin-top: 0px;
  }

  .news_related_news .posts .post:nth-of-type(1) .content .article,
  .news_related_news .posts .thumb:nth-of-type(1) .content .article,
  .news_related_news thumbs .post:nth-of-type(1) .content .article,
  .news_related_news thumbs .thumb:nth-of-type(1) .content .article {
    top: 2vw;
  }

  .news_related_news .posts .post:nth-last-of-type(1),
  .news_related_news .posts .thumb:nth-last-of-type(1),
  .news_related_news thumbs .post:nth-last-of-type(1),
  .news_related_news thumbs .thumb:nth-last-of-type(1) {
    /*important, maintains aspect ratio for comic block*/
  }

  .news_related_news .posts .post:nth-last-of-type(1) .content .article,
  .news_related_news .posts .thumb:nth-last-of-type(1) .content .article,
  .news_related_news thumbs .post:nth-last-of-type(1) .content .article,
  .news_related_news thumbs .thumb:nth-last-of-type(1) .content .article {
    top: 12vw;
    bottom: 6.2vw;
  }

  .news_related_news .posts .post .pic,
  .news_related_news .posts .thumb .pic,
  .news_related_news thumbs .post .pic,
  .news_related_news thumbs .thumb .pic {
    /*hide desktop backgrounds*/
  }

  .news_related_news .posts .post .pic svg,
  .news_related_news .posts .thumb .pic svg,
  .news_related_news thumbs .post .pic svg,
  .news_related_news thumbs .thumb .pic svg {
    overflow: visible;
    position: absolute;
  }

  .news_related_news .posts .post .pic svg .front,
  .news_related_news .posts .thumb .pic svg .front,
  .news_related_news thumbs .post .pic svg .front,
  .news_related_news thumbs .thumb .pic svg .front {
    fill: #102b3e;
    fill-opacity: 0;
    pointer-events: auto;
  }

  .news_related_news .posts .post .pic svg a.poly,
  .news_related_news .posts .thumb .pic svg a.poly,
  .news_related_news thumbs .post .pic svg a.poly,
  .news_related_news thumbs .thumb .pic svg a.poly {
    cursor: pointer;
  }

  .news_related_news .posts .post .pic svg .shadow,
  .news_related_news .posts .thumb .pic svg .shadow,
  .news_related_news thumbs .post .pic svg .shadow,
  .news_related_news thumbs .thumb .pic svg .shadow {
    fill: #102b3e;
  }

  .news_related_news .posts .post .title,
  .news_related_news .posts .thumb .title,
  .news_related_news thumbs .post .title,
  .news_related_news thumbs .thumb .title {
    right: 0.42856em;
    left: 0.42856em;
    bottom: 2.4em;
    position: absolute;
    font-size: 1.071428rem;
    font-family: "Exo 2", sans-serif;
    line-height: 1.5em;
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    text-align: center;
    padding: 0px 0.8em;
    text-shadow: 0px 0.08334rem 0px black;
  }

  .news_related_news .posts .post .title h4,
  .news_related_news .posts .thumb .title h4,
  .news_related_news thumbs .post .title h4,
  .news_related_news thumbs .thumb .title h4 {
    padding-bottom: 0.3em;
    position: relative;
  }

  .news_related_news .posts .post .title .date,
  .news_related_news .posts .thumb .title .date,
  .news_related_news thumbs .post .title .date,
  .news_related_news thumbs .thumb .title .date {
    display: none;
  }

  .news_related_news .posts .post .title .cap,
  .news_related_news .posts .thumb .title .cap,
  .news_related_news thumbs .post .title .cap,
  .news_related_news thumbs .thumb .title .cap {
    display: block;
    width: 100%;
    height: 51%;
    position: absolute;
    /*caps stretch vertically, allowing multi line article titles, hide excess*/
    overflow: hidden;
    /*zero translate helps with subpixel rendering*/
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    left: 0px;
    top: 0px;
  }

  .news_related_news .posts .post .title .cap svg,
  .news_related_news .posts .thumb .title .cap svg,
  .news_related_news thumbs .post .title .cap svg,
  .news_related_news thumbs .thumb .title .cap svg {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .news_related_news .posts .post .title .cap.bottom,
  .news_related_news .posts .thumb .title .cap.bottom,
  .news_related_news thumbs .post .title .cap.bottom,
  .news_related_news thumbs .thumb .title .cap.bottom {
    top: auto;
    bottom: 0px;
  }

  .news_related_news .posts .post .title .cap.bottom svg,
  .news_related_news .posts .thumb .title .cap.bottom svg,
  .news_related_news thumbs .post .title .cap.bottom svg,
  .news_related_news thumbs .thumb .title .cap.bottom svg {
    top: auto;
    bottom: 0px;
  }

  .news_related_news .posts .post .title .cap .dark,
  .news_related_news .posts .thumb .title .cap .dark,
  .news_related_news thumbs .post .title .cap .dark,
  .news_related_news thumbs .thumb .title .cap .dark {
    fill: #1d4f6f;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #206998;
  }

  .news_related_news .posts .post .title .cap .light,
  .news_related_news .posts .thumb .title .cap .light,
  .news_related_news thumbs .post .title .cap .light,
  .news_related_news thumbs .thumb .title .cap .light {
    fill: #2c85bd;
  }

  .news_related_news .posts .post:nth-last-of-type(1) .title,
  .news_related_news .posts .thumb:nth-last-of-type(1) .title,
  .news_related_news thumbs .post:nth-last-of-type(1) .title,
  .news_related_news thumbs .thumb:nth-last-of-type(1) .title {
    bottom: -0.833333em;
  }

  .news_related_news .posts .post.over .pic.mobile .shadow,
  .news_related_news .posts .thumb.over .pic.mobile .shadow,
  .news_related_news thumbs .post.over .pic.mobile .shadow,
  .news_related_news thumbs .thumb.over .pic.mobile .shadow {
    -webkit-transform: translate(1.25vw, 1.25vw);
         -o-transform: translate(1.25vw, 1.25vw);
            transform: translate(1.25vw, 1.25vw);
    fill: #08121b;
  }
}

body.post-template-default .single_news {
  background: url(../images/cloud-j.png);
  background-size: 100vw 100%, 32px 55px;
}

body.page-template .support_content,
body.page-template .faq_content {
  background: url(../images/cloud-j.png);
  background-size: 100vw 100%, 32px 55px;
}

body.post-type-archive-downloads .content,
body.tag .content {
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  /*gradient stretches, image tiles*/
  background-size: 100% 100%, 288px auto;
}

body.flighting-signup {
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  /*gradient stretches, image tiles*/
  background-size: 100% 100%, 288px auto;
}

body {
  min-height: 100vh;
}

#agegate_wrapper {
  height: 100vh;
  overflow: hidden;
}

#agegate-logo {
  opacity: 0;
  background: url(../images/agegate-logo.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

#gateintro,
#gateloop {
  width: 100vw;
  height: 216.725978vw;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#ageentry {
  position: fixed;
  left: 50%;
  bottom: 13vw;
  -webkit-transform: translate(-50%, 0%);
       -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 86.25vw;
}

#ageentry a.button-anim {
  bottom: -2.2vw;
  right: 27.5%;
  -webkit-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  opacity: 0;
}

#ageentry .inputs {
  position: absolute;
  top: 0px;
  left: 0px;
}

#ageentry .inputs input {
  top: 18vw;
  font-size: 5.5vw;
  width: 15vw;
  left: 10vw;
  height: 1.2em;
  position: absolute;
  color: #8fd2f1;
  text-align: center;
  background: none;
  outline: none;
  border: 0px;
  box-sizing: border-box;
  padding: 0px;
  opacity: 0;
}

#ageentry .inputs input::-webkit-input-placeholder {
  color: #4f9ed0;
}

#ageentry .inputs input:-ms-input-placeholder {
  color: #4f9ed0;
}

#ageentry .inputs input::placeholder {
  color: #4f9ed0;
}

#ageentry .inputs input#day {
  left: 39vw;
}

#ageentry .inputs input#year {
  left: 61.7vw;
  width: 22vw;
}

#ageentry .inputs input:focus {
  cursor: none !important;
}

#ageentry .labels {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#ageentry .labels .dob {
  font-size: 3vw;
  top: 4.1vw;
  left: 7.4vw;
  position: absolute;
  color: #3c93c9;
  opacity: 0;
}

#ageentry .labels .req {
  font-size: 2.2vw;
  top: 8.3vw;
  left: 12.5vw;
  position: absolute;
  color: #0d1f2c;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  opacity: 0;
}

#ageentry .labels .month,
#ageentry .labels .day,
#ageentry .labels .year {
  font-size: 1.6vw;
  top: 21.3vw;
  left: 2.3vw;
  position: absolute;
  color: #3c93c9;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  opacity: 0;
}

#ageentry .labels .day {
  left: 31vw;
}

#ageentry .labels .year {
  left: 60vw;
}

#ageentry .frame {
  pointer-events: none;
  width: 100%;
  height: auto;
  /*bounce dob frame up and right*/
}

#ageentry .frame svg {
  overflow: visible;
}

#ageentry .frame .st0 {
  fill: #2c85bd;
}

#ageentry .frame .st1 {
  fill: #08121b;
}

#ageentry .frame .st2 {
  fill: #206998;
}

#ageentry .frame .st3 {
  fill: #1d4f6f;
}

#ageentry .frame .st4 {
  fill: #13354d;
}

#ageentry .frame .st5 {
  fill: #194260;
}

#ageentry .frame .st6 {
  fill: #1f5c81;
}

#ageentry .frame .st7 {
  fill: none;
  stroke: #1f5c81;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 6,3;
}

#ageentry .frame .st8 {
  fill: none;
  stroke: #1f5c81;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

#ageentry .frame .st9 {
  fill: #194260;
  stroke: #1f5c81;
  stroke-miterlimit: 10;
}

#ageentry .frame #dob {
  -webkit-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scale(0, 0);
       -o-transform: scale(0, 0);
          transform: scale(0, 0);
}

#ageentry .frame #dob .light1,
#ageentry .frame #dob .light2,
#ageentry .frame #dob .light3,
#ageentry .frame #dob .light4 {
  opacity: 0;
  fill: #1f5c81;
}

#ageentry .frame.desk {
  display: none;
}

#ageentry .frame #arrow {
  display: none;
  -webkit-transform-origin: 0% 100%;
       -o-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  -webkit-transform: scale(1, 0) translate(0, 16%);
       -o-transform: scale(1, 0) translate(0, 16%);
          transform: scale(1, 0) translate(0, 16%);
}

#ageentry .frame #arrow #chevron {
  -webkit-transform: scale(0, 1);
       -o-transform: scale(0, 1);
          transform: scale(0, 1);
}

#ageentry .frame #arrow .light1,
#ageentry .frame #arrow .light2,
#ageentry .frame #arrow .light3 {
  opacity: 0;
  fill: #2c85bd;
}

#ageentry .frame #arrowleft {
  opacity: 0;
  -webkit-transform: translate(-12%, -45%);
       -o-transform: translate(-12%, -45%);
          transform: translate(-12%, -45%);
}

#ageentry .frame #arrowleft .light1,
#ageentry .frame #arrowleft .light2 {
  opacity: 0;
  fill: #1f5c81;
}

#ageentry .frame #arrowright {
  opacity: 0;
  -webkit-transform: translate(12%, -45%);
       -o-transform: translate(12%, -45%);
          transform: translate(12%, -45%);
}

#ageentry .frame #arrowright .light {
  opacity: 0;
  fill: #1f5c81;
}

#ageentry .frame #month,
#ageentry .frame #day,
#ageentry .frame #year {
  -webkit-transform: scale(0, 1);
       -o-transform: scale(0, 1);
          transform: scale(0, 1);
}

#ageentry .frame #month .light1,
#ageentry .frame #month .light2,
#ageentry .frame #month .light3,
#ageentry .frame #month .light4,
#ageentry .frame #month .light5,
#ageentry .frame #month .light6,
#ageentry .frame #day .light1,
#ageentry .frame #day .light2,
#ageentry .frame #day .light3,
#ageentry .frame #day .light4,
#ageentry .frame #day .light5,
#ageentry .frame #day .light6,
#ageentry .frame #year .light1,
#ageentry .frame #year .light2,
#ageentry .frame #year .light3,
#ageentry .frame #year .light4,
#ageentry .frame #year .light5,
#ageentry .frame #year .light6 {
  opacity: 0;
  fill: #8fd2f1;
}

#ageentry.play a.button-anim {
  opacity: 1;
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
  -webkit-transition-delay: 2.5s;
       -o-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

#ageentry.play .inputs #month {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 1.6s;
       -o-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

#ageentry.play .inputs #day {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

#ageentry.play .inputs #year {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}

#ageentry.play .labels .dob {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

#ageentry.play .labels .req {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

#ageentry.play .labels .month {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 1.6s;
       -o-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

#ageentry.play .labels .day {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

#ageentry.play .labels .year {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}

#ageentry.play .st7 {
  -webkit-animation: AGdobDash 8s ease-out forwards;
       -o-animation: AGdobDash 8s ease-out forwards;
          animation: AGdobDash 8s ease-out forwards;
}

#ageentry.play .frame {
  /*bounce dob frame up and right*/
}

#ageentry.play .frame #dob {
  -webkit-animation: AGMOBdobFrameBounce 8s ease forwards;
       -o-animation: AGMOBdobFrameBounce 8s ease forwards;
          animation: AGMOBdobFrameBounce 8s ease forwards;
}

#ageentry.play .frame #dob .light5 {
  -webkit-animation: AGdobLightFlash 8s ease forwards;
       -o-animation: AGdobLightFlash 8s ease forwards;
          animation: AGdobLightFlash 8s ease forwards;
}

#ageentry.play .frame #dob .light1 {
  -webkit-animation: AGdobLightOne 8s ease forwards;
       -o-animation: AGdobLightOne 8s ease forwards;
          animation: AGdobLightOne 8s ease forwards;
}

#ageentry.play .frame #dob .light2 {
  -webkit-animation: AGdobLightTwo 8s ease forwards;
       -o-animation: AGdobLightTwo 8s ease forwards;
          animation: AGdobLightTwo 8s ease forwards;
}

#ageentry.play .frame #dob .light3 {
  -webkit-animation: AGdobLightThree 8s ease forwards;
       -o-animation: AGdobLightThree 8s ease forwards;
          animation: AGdobLightThree 8s ease forwards;
}

#ageentry.play .frame #dob .light4 {
  -webkit-animation: AGdobLightFour 8s ease forwards;
       -o-animation: AGdobLightFour 8s ease forwards;
          animation: AGdobLightFour 8s ease forwards;
}

#ageentry.play .frame #month {
  -webkit-animation: AGmonthBounce 8s ease forwards;
       -o-animation: AGmonthBounce 8s ease forwards;
          animation: AGmonthBounce 8s ease forwards;
}

#ageentry.play .frame #month .light1 {
  -webkit-animation: AGmonthLightOne 8s ease forwards;
       -o-animation: AGmonthLightOne 8s ease forwards;
          animation: AGmonthLightOne 8s ease forwards;
}

#ageentry.play .frame #month .light2 {
  -webkit-animation: AGmonthLightTwo 8s ease forwards;
       -o-animation: AGmonthLightTwo 8s ease forwards;
          animation: AGmonthLightTwo 8s ease forwards;
}

#ageentry.play .frame #month .light3 {
  -webkit-animation: AGmonthLightThree 8s ease forwards;
       -o-animation: AGmonthLightThree 8s ease forwards;
          animation: AGmonthLightThree 8s ease forwards;
}

#ageentry.play .frame #month .light4 {
  -webkit-animation: AGmonthLightTwo 8s ease forwards;
       -o-animation: AGmonthLightTwo 8s ease forwards;
          animation: AGmonthLightTwo 8s ease forwards;
}

#ageentry.play .frame #day {
  -webkit-animation: AGdayBounce 8s ease forwards;
       -o-animation: AGdayBounce 8s ease forwards;
          animation: AGdayBounce 8s ease forwards;
}

#ageentry.play .frame #day .light1 {
  -webkit-animation: AGdayLightOne 8s ease forwards;
       -o-animation: AGdayLightOne 8s ease forwards;
          animation: AGdayLightOne 8s ease forwards;
}

#ageentry.play .frame #day .light2 {
  -webkit-animation: AGdayLightTwo 8s ease forwards;
       -o-animation: AGdayLightTwo 8s ease forwards;
          animation: AGdayLightTwo 8s ease forwards;
}

#ageentry.play .frame #day .light3 {
  -webkit-animation: AGdayLightThree 8s ease forwards;
       -o-animation: AGdayLightThree 8s ease forwards;
          animation: AGdayLightThree 8s ease forwards;
}

#ageentry.play .frame #day .light4 {
  -webkit-animation: AGdayLightTwo 8s ease forwards;
       -o-animation: AGdayLightTwo 8s ease forwards;
          animation: AGdayLightTwo 8s ease forwards;
}

#ageentry.play .frame #year {
  -webkit-animation: AGyearBounce 8s ease forwards;
       -o-animation: AGyearBounce 8s ease forwards;
          animation: AGyearBounce 8s ease forwards;
}

#ageentry.play .frame #year .light1 {
  -webkit-animation: AGyearLightOne 8s ease forwards;
       -o-animation: AGyearLightOne 8s ease forwards;
          animation: AGyearLightOne 8s ease forwards;
}

#ageentry.play .frame #year .light2 {
  -webkit-animation: AGyearLightTwo 8s ease forwards;
       -o-animation: AGyearLightTwo 8s ease forwards;
          animation: AGyearLightTwo 8s ease forwards;
}

#ageentry.play .frame #year .light3 {
  -webkit-animation: AGyearLightThree 8s ease forwards;
       -o-animation: AGyearLightThree 8s ease forwards;
          animation: AGyearLightThree 8s ease forwards;
}

#ageentry.play .frame #year .light4 {
  -webkit-animation: AGyearLightFour 8s ease forwards;
       -o-animation: AGyearLightFour 8s ease forwards;
          animation: AGyearLightFour 8s ease forwards;
}

#ageentry.play .frame #year .light5 {
  -webkit-animation: AGyearLightFive 8s ease forwards;
       -o-animation: AGyearLightFive 8s ease forwards;
          animation: AGyearLightFive 8s ease forwards;
}

#ageentry.play .frame #year .light6 {
  -webkit-animation: AGyearLightFour 8s ease forwards;
       -o-animation: AGyearLightFour 8s ease forwards;
          animation: AGyearLightFour 8s ease forwards;
}

#ageentry.play .frame #arrowleft {
  -webkit-animation: AGMOBarrowLeft 8s ease-out forwards;
       -o-animation: AGMOBarrowLeft 8s ease-out forwards;
          animation: AGMOBarrowLeft 8s ease-out forwards;
}

#ageentry.play .frame #arrowleft .light1 {
  -webkit-animation: AGMOBarrowLeftLightOne 8s ease forwards;
       -o-animation: AGMOBarrowLeftLightOne 8s ease forwards;
          animation: AGMOBarrowLeftLightOne 8s ease forwards;
}

#ageentry.play .frame #arrowleft .light2 {
  -webkit-animation: AGMOBarrowLeftLightTwo 8s ease forwards;
       -o-animation: AGMOBarrowLeftLightTwo 8s ease forwards;
          animation: AGMOBarrowLeftLightTwo 8s ease forwards;
}

#ageentry.play .frame #arrowright {
  -webkit-animation: AGMOBarrowRight 8s ease-out forwards;
       -o-animation: AGMOBarrowRight 8s ease-out forwards;
          animation: AGMOBarrowRight 8s ease-out forwards;
}

#ageentry.play .frame #arrowright .light {
  -webkit-animation: AGMOBarrowRightLight 8s ease forwards;
       -o-animation: AGMOBarrowRightLight 8s ease forwards;
          animation: AGMOBarrowRightLight 8s ease forwards;
}

#ageentry .alert {
  min-height: 3.385416vw;
  padding: 1vw 1.8vw 1.3vw 8.5vw;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: scale(0, 1);
       -o-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: 0% 50%;
       -o-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385), -webkit-transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385), -o-transform 0.3s cubic-bezier(0.25, 0.25, 0.845, 1.385);
}

#ageentry .alert .bang {
  position: absolute;
  top: 0.8vw;
  left: 0.8vw;
  width: 5.7vw;
  height: 5.7vw;
  -webkit-transform: scale(0, 0);
       -o-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  -o-transition: -o-transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  transition: transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385), -webkit-transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385), -o-transform 0.2s cubic-bezier(0.25, 0.25, 0.845, 1.385);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  z-index: 2;
  background: url(../images/alert-bang.svg) center center no-repeat;
  background-size: contain;
}

#ageentry .alert .text {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
  height: 0px;
}

#ageentry .alert::before,
#ageentry .alert::after {
  content: "";
  background: url(../images/alert-back.svg) left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 49%;
  z-index: -1;
}

#ageentry .alert::after {
  top: 49%;
  bottom: 0px;
  background-position: left bottom;
}

#ageentry.alert .alert {
  -webkit-transform: scale(1, 1);
       -o-transform: scale(1, 1);
          transform: scale(1, 1);
}

#ageentry.alert .alert .bang {
  -webkit-transform: scale(1, 1);
       -o-transform: scale(1, 1);
          transform: scale(1, 1);
}

#ageentry.alert .alert.young .text.young {
  opacity: 1;
  height: auto;
}

#ageentry.alert .alert.invalid .text.invalid {
  opacity: 1;
  height: auto;
}

@-webkit-keyframes AGmonthLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  12.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
    fill: #8fd2f1;
  }

  18.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGmonthLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  12.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
    fill: #8fd2f1;
  }

  18.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGmonthLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  12.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
    fill: #8fd2f1;
  }

  18.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGmonthLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  21.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGmonthLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  21.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGmonthLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  21.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGmonthLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #8fd2f1;
  }

  23.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGmonthLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #8fd2f1;
  }

  23.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGmonthLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #8fd2f1;
  }

  23.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGmonthBounce {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  8.125% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  11.875% {
    -webkit-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  12.5% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGmonthBounce {
  0% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  8.125% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  11.875% {
    -o-transform: scale(1.1, 1);
       transform: scale(1.1, 1);
  }

  12.5% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGmonthBounce {
  0% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  8.125% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  11.875% {
    -webkit-transform: scale(1.1, 1);
         -o-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  12.5% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes AGdayLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  16.25% {
    opacity: 0;
  }

  18.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  22.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGdayLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  16.25% {
    opacity: 0;
  }

  18.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  22.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGdayLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  16.25% {
    opacity: 0;
  }

  18.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  22.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGdayLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  18.75% {
    opacity: 0;
  }

  21.25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGdayLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  18.75% {
    opacity: 0;
  }

  21.25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGdayLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  18.75% {
    opacity: 0;
  }

  21.25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGdayLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  21.25% {
    opacity: 0;
  }

  23.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  27.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGdayLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  21.25% {
    opacity: 0;
  }

  23.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  27.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGdayLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  21.25% {
    opacity: 0;
  }

  23.75% {
    opacity: 1;
    fill: #8fd2f1;
  }

  27.5% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGdayBounce {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  11.875% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  15.625% {
    -webkit-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  16.25% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGdayBounce {
  0% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  11.875% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  15.625% {
    -o-transform: scale(1.1, 1);
       transform: scale(1.1, 1);
  }

  16.25% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGdayBounce {
  0% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  11.875% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  15.625% {
    -webkit-transform: scale(1.1, 1);
         -o-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  16.25% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes AGyearLightFive {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  26.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGyearLightFive {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  26.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGyearLightFive {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  26.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGyearLightFour {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  28.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGyearLightFour {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  28.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGyearLightFour {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #8fd2f1;
  }

  28.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGyearLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  25% {
    opacity: 0;
  }

  27.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  31.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGyearLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  25% {
    opacity: 0;
  }

  27.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  31.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGyearLightThree {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  25% {
    opacity: 0;
  }

  27.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  31.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGyearLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  27.5% {
    opacity: 0;
  }

  30% {
    opacity: 1;
    fill: #8fd2f1;
  }

  33.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGyearLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  27.5% {
    opacity: 0;
  }

  30% {
    opacity: 1;
    fill: #8fd2f1;
  }

  33.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGyearLightTwo {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  27.5% {
    opacity: 0;
  }

  30% {
    opacity: 1;
    fill: #8fd2f1;
  }

  33.75% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGyearLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  30% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  36.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-o-keyframes AGyearLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  30% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  36.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@keyframes AGyearLightOne {
  0% {
    opacity: 0;
    fill: #8fd2f1;
  }

  30% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
    fill: #8fd2f1;
  }

  36.25% {
    fill: #2c85bd;
  }

  100% {
    opacity: 1;
    fill: #2c85bd;
  }
}

@-webkit-keyframes AGyearBounce {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  15.625% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  19.375% {
    -webkit-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  20% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGyearBounce {
  0% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  15.625% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  19.375% {
    -o-transform: scale(1.1, 1);
       transform: scale(1.1, 1);
  }

  20% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGyearBounce {
  0% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  15.625% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  19.375% {
    -webkit-transform: scale(1.1, 1);
         -o-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  20% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes AGdobLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  21.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGdobLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  21.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGdobLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  15% {
    opacity: 0;
  }

  17.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  21.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGdobLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #5fa9d8;
  }

  23.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGdobLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #5fa9d8;
  }

  23.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGdobLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  17.5% {
    opacity: 0;
  }

  20% {
    opacity: 1;
    fill: #5fa9d8;
  }

  23.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGdobLightThree {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  26.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGdobLightThree {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  26.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGdobLightThree {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  20% {
    opacity: 0;
  }

  22.5% {
    opacity: 1;
    fill: #5fa9d8;
  }

  26.25% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGdobLightFour {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  28.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGdobLightFour {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  28.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGdobLightFour {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  22.5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  28.75% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGdobLightFlash {
  0% {
    fill: #1d4f6f;
  }

  25% {
    fill: #1d4f6f;
  }

  27.5% {
    fill: #4f9ed0;
  }

  31.25% {
    fill: #1d4f6f;
  }

  33.75% {
    fill: #4f9ed0;
  }

  37.5% {
    fill: #1d4f6f;
  }

  40% {
    fill: #4f9ed0;
  }

  43.75% {
    fill: #1d4f6f;
  }

  100% {
    fill: #1d4f6f;
  }
}

@-o-keyframes AGdobLightFlash {
  0% {
    fill: #1d4f6f;
  }

  25% {
    fill: #1d4f6f;
  }

  27.5% {
    fill: #4f9ed0;
  }

  31.25% {
    fill: #1d4f6f;
  }

  33.75% {
    fill: #4f9ed0;
  }

  37.5% {
    fill: #1d4f6f;
  }

  40% {
    fill: #4f9ed0;
  }

  43.75% {
    fill: #1d4f6f;
  }

  100% {
    fill: #1d4f6f;
  }
}

@keyframes AGdobLightFlash {
  0% {
    fill: #1d4f6f;
  }

  25% {
    fill: #1d4f6f;
  }

  27.5% {
    fill: #4f9ed0;
  }

  31.25% {
    fill: #1d4f6f;
  }

  33.75% {
    fill: #4f9ed0;
  }

  37.5% {
    fill: #1d4f6f;
  }

  40% {
    fill: #4f9ed0;
  }

  43.75% {
    fill: #1d4f6f;
  }

  100% {
    fill: #1d4f6f;
  }
}

@-webkit-keyframes AGMOBdobFrameBounce {
  0% {
    -webkit-transform: scale(0.2332, 0);
            transform: scale(0.2332, 0);
  }

  2.5% {
    -webkit-transform: scale(0.2332, 1.2);
            transform: scale(0.2332, 1.2);
  }

  3.125% {
    -webkit-transform: scale(0.2332, 0.9);
            transform: scale(0.2332, 0.9);
  }

  3.75% {
    -webkit-transform: scale(0.2332, 1);
            transform: scale(0.2332, 1);
  }

  7.5% {
    -webkit-transform: scale(1.1, 0.95);
            transform: scale(1.1, 0.95);
  }

  8.125% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGMOBdobFrameBounce {
  0% {
    -o-transform: scale(0.2332, 0);
       transform: scale(0.2332, 0);
  }

  2.5% {
    -o-transform: scale(0.2332, 1.2);
       transform: scale(0.2332, 1.2);
  }

  3.125% {
    -o-transform: scale(0.2332, 0.9);
       transform: scale(0.2332, 0.9);
  }

  3.75% {
    -o-transform: scale(0.2332, 1);
       transform: scale(0.2332, 1);
  }

  7.5% {
    -o-transform: scale(1.1, 0.95);
       transform: scale(1.1, 0.95);
  }

  8.125% {
    -o-transform: scale(0.95, 1.05);
       transform: scale(0.95, 1.05);
  }

  8.75% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGMOBdobFrameBounce {
  0% {
    -webkit-transform: scale(0.2332, 0);
         -o-transform: scale(0.2332, 0);
            transform: scale(0.2332, 0);
  }

  2.5% {
    -webkit-transform: scale(0.2332, 1.2);
         -o-transform: scale(0.2332, 1.2);
            transform: scale(0.2332, 1.2);
  }

  3.125% {
    -webkit-transform: scale(0.2332, 0.9);
         -o-transform: scale(0.2332, 0.9);
            transform: scale(0.2332, 0.9);
  }

  3.75% {
    -webkit-transform: scale(0.2332, 1);
         -o-transform: scale(0.2332, 1);
            transform: scale(0.2332, 1);
  }

  7.5% {
    -webkit-transform: scale(1.1, 0.95);
         -o-transform: scale(1.1, 0.95);
            transform: scale(1.1, 0.95);
  }

  8.125% {
    -webkit-transform: scale(0.95, 1.05);
         -o-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes AGdobDash {
  0% {
    stroke-dashoffset: 50;
  }

  8.75% {
    stroke-dashoffset: 50;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes AGdobDash {
  0% {
    stroke-dashoffset: 50;
  }

  8.75% {
    stroke-dashoffset: 50;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes AGdobDash {
  0% {
    stroke-dashoffset: 50;
  }

  8.75% {
    stroke-dashoffset: 50;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes AGMOBarrowLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-12%, -45%);
            transform: translate(-12%, -45%);
  }

  28.75% {
    opacity: 0;
    -webkit-transform: translate(-12%, -45%);
            transform: translate(-12%, -45%);
  }

  33.75% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-o-keyframes AGMOBarrowLeft {
  0% {
    opacity: 0;
    -o-transform: translate(-12%, -45%);
       transform: translate(-12%, -45%);
  }

  28.75% {
    opacity: 0;
    -o-transform: translate(-12%, -45%);
       transform: translate(-12%, -45%);
  }

  33.75% {
    opacity: 1;
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
}

@keyframes AGMOBarrowLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-12%, -45%);
         -o-transform: translate(-12%, -45%);
            transform: translate(-12%, -45%);
  }

  28.75% {
    opacity: 0;
    -webkit-transform: translate(-12%, -45%);
         -o-transform: translate(-12%, -45%);
            transform: translate(-12%, -45%);
  }

  33.75% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-webkit-keyframes AGMOBarrowLeftLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGMOBarrowLeftLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGMOBarrowLeftLightOne {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGMOBarrowLeftLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  36.25% {
    opacity: 0;
  }

  38.75% {
    opacity: 1;
    fill: #5fa9d8;
  }

  42.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGMOBarrowLeftLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  36.25% {
    opacity: 0;
  }

  38.75% {
    opacity: 1;
    fill: #5fa9d8;
  }

  42.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGMOBarrowLeftLightTwo {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  36.25% {
    opacity: 0;
  }

  38.75% {
    opacity: 1;
    fill: #5fa9d8;
  }

  42.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGMOBarrowRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(12%, -45%);
            transform: translate(12%, -45%);
  }

  28.75% {
    opacity: 0;
    -webkit-transform: translate(12%, -45%);
            transform: translate(12%, -45%);
  }

  33.75% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-o-keyframes AGMOBarrowRight {
  0% {
    opacity: 0;
    -o-transform: translate(12%, -45%);
       transform: translate(12%, -45%);
  }

  28.75% {
    opacity: 0;
    -o-transform: translate(12%, -45%);
       transform: translate(12%, -45%);
  }

  33.75% {
    opacity: 1;
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
}

@keyframes AGMOBarrowRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(12%, -45%);
         -o-transform: translate(12%, -45%);
            transform: translate(12%, -45%);
  }

  28.75% {
    opacity: 0;
    -webkit-transform: translate(12%, -45%);
         -o-transform: translate(12%, -45%);
            transform: translate(12%, -45%);
  }

  33.75% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-webkit-keyframes AGMOBarrowRightLight {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGMOBarrowRightLight {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGMOBarrowRightLight {
  0% {
    opacity: 0;
    fill: #5fa9d8;
  }

  33.75% {
    opacity: 0;
  }

  36.25% {
    opacity: 1;
    fill: #5fa9d8;
  }

  40% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@media (min-aspect-ratio: 1 / 1) {
  #gateintro,
  #gateloop {
    width: 202.105263vh;
    height: 100vh;
  }

  #ageentry {
    bottom: 2vw;
  }

  #ageentry a.button-anim {
    bottom: 2.6vw;
    right: 0px;
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 2.9985vw;
  }

  #ageentry .inputs input {
    top: 1.2vw;
    font-size: 4.7vw;
    width: 11vw;
    left: 24vw;
    height: 0.8em;
  }

  #ageentry .inputs input#day {
    left: 47vw;
  }

  #ageentry .inputs input#year {
    left: 68vw;
    width: 16vw;
  }

  #ageentry .labels .dob {
    font-size: 2.3vw;
    top: 11.8vw;
    left: 3.2vw;
  }

  #ageentry .labels .req {
    font-size: 1.6vw;
    top: 15.4vw;
    left: 1.2vw;
  }

  #ageentry .labels .month,
  #ageentry .labels .day,
  #ageentry .labels .year {
    font-size: 1.5vw;
    top: 4.6vw;
    left: 16.8vw;
  }

  #ageentry .labels .day {
    left: 41vw;
  }

  #ageentry .labels .year {
    left: 65vw;
  }

  #ageentry .frame.mobile {
    display: none;
  }

  #ageentry .frame.desk {
    display: block;
  }

  #ageentry .frame #arrow {
    display: block;
  }

  #ageentry .frame #dob {
    -webkit-transform-origin: 0% 100%;
         -o-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }

  #ageentry .alert {
    min-height: 3.385416vw;
    padding: 0.4vw 1.3vw 0.5vw 4.2vw;
  }

  #ageentry .alert .bang {
    top: 0.416666vw;
    left: 0.416666vw;
    width: 2.5vw;
    height: 2.5vw;
  }

  #ageentry.play .frame {
    /*bounce dob frame up and right*/
  }

  #ageentry.play .frame #dob {
    -webkit-animation: AGdobFrameBounce 8s ease forwards;
         -o-animation: AGdobFrameBounce 8s ease forwards;
            animation: AGdobFrameBounce 8s ease forwards;
  }

  #ageentry.play .frame #arrow {
    -webkit-animation: AGarrowBounce 8s ease forwards;
         -o-animation: AGarrowBounce 8s ease forwards;
            animation: AGarrowBounce 8s ease forwards;
  }

  #ageentry.play .frame #arrow #chevron {
    -webkit-animation: AGarrowChevronBounce 8s ease forwards;
         -o-animation: AGarrowChevronBounce 8s ease forwards;
            animation: AGarrowChevronBounce 8s ease forwards;
  }

  #ageentry.play .frame #arrow .light1 {
    -webkit-animation: AGarrowLightOne 8s ease forwards;
         -o-animation: AGarrowLightOne 8s ease forwards;
            animation: AGarrowLightOne 8s ease forwards;
  }

  #ageentry.play .frame #arrow .light2 {
    -webkit-animation: AGarrowLightTwo 8s ease forwards;
         -o-animation: AGarrowLightTwo 8s ease forwards;
            animation: AGarrowLightTwo 8s ease forwards;
  }

  #ageentry.play .frame #arrow .light3 {
    -webkit-animation: AGarrowLightThree 8s ease forwards;
         -o-animation: AGarrowLightThree 8s ease forwards;
            animation: AGarrowLightThree 8s ease forwards;
  }

  #ageentry .alert {
    min-height: 4.6vw;
    padding: 1.3vw 1.8vw 1.3vw 8.5vw;
  }
}

@media (min-width: 768px) {
  #ageentry {
    width: 85.416668vw;
    bottom: 8.4vw;
  }

  #ageentry a.button-anim {
    bottom: -1vw;
    right: 28.1%;
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 4.6875vw;
  }

  #ageentry .inputs input {
    top: 18vw;
    font-size: 5.5vw;
    width: 14vw;
    left: 11vw;
    height: 1em;
  }

  #ageentry .inputs input#day {
    left: 39vw;
  }

  #ageentry .inputs input#year {
    left: 63.6vw;
    width: 19vw;
  }

  #ageentry .labels .dob {
    font-size: 3vw;
    top: 5.3vw;
    left: 7.1vw;
  }

  #ageentry .labels .req {
    font-size: 0.8vw;
    top: 7.1vw;
    left: 0.5vw;
  }

  #ageentry .labels .month,
  #ageentry .labels .day,
  #ageentry .labels .year {
    font-size: 1.7vw;
    top: 22.6vw;
    left: 2.2vw;
  }

  #ageentry .labels .day {
    left: 32vw;
  }

  #ageentry .labels .year {
    left: 60vw;
  }
}

@media (min-width: 768px) and (min-aspect-ratio: 1 / 1) {
  #ageentry {
    width: 85.416668vw;
    bottom: 8.4vw;
  }

  #ageentry a.button-anim {
    bottom: 1.9vw;
    right: 0%;
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 3.027343vw;
  }

  #ageentry .inputs input {
    top: 0.9vw;
    font-size: 5vw;
    width: 12vw;
    left: 23vw;
    height: 0.8em;
  }

  #ageentry .inputs input#day {
    left: 46vw;
  }

  #ageentry .inputs input#year {
    left: 66vw;
    width: 17vw;
  }

  #ageentry .labels .dob {
    font-size: 2.3vw;
    top: 11.8vw;
    left: 2.9vw;
  }

  #ageentry .labels .req {
    font-size: 1.6vw;
    top: 15vw;
    left: 1.2vw;
  }

  #ageentry .labels .month,
  #ageentry .labels .day,
  #ageentry .labels .year {
    font-size: 1.4vw;
    top: 4.4vw;
    left: 16.6vw;
  }

  #ageentry .labels .day {
    left: 41vw;
  }

  #ageentry .labels .year {
    left: 64vw;
  }

  #ageentry .alert .bang {
    width: 5vw;
    height: 5vw;
    left: 1vw;
    top: 1vw;
  }
}

@media (min-width: 1280px) {
  #ageentry {
    width: 40.885416vw;
    bottom: 8.4vw;
  }

  #ageentry a.button-anim {
    bottom: 1vw;
    right: 0px;
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 1.458333vw;
  }

  #ageentry .inputs input {
    top: 0.5vw;
    font-size: 2.3vw;
    width: 6vw;
    left: 11vw;
    height: 0.8em;
  }

  #ageentry .inputs input#day {
    left: 22vw;
  }

  #ageentry .inputs input#year {
    left: 31.6vw;
    width: 8vw;
  }

  #ageentry .labels .dob {
    font-size: 1.1vw;
    top: 5.4vw;
    left: 1.3vw;
  }

  #ageentry .labels .req {
    font-size: 0.8vw;
    top: 7.1vw;
    left: 0.5vw;
  }

  #ageentry .labels .month,
  #ageentry .labels .day,
  #ageentry .labels .year {
    font-size: 0.7vw;
    top: 2vw;
    left: 7.9vw;
  }

  #ageentry .labels .day {
    left: 19.6vw;
  }

  #ageentry .labels .year {
    left: 31vw;
  }

  #ageentry .alert {
    min-height: 2.4vw;
    padding: 0.9vw 1vw 0.9vw 3.9vw;
  }

  #ageentry .alert .bang {
    width: 2.5vw;
    height: 2.5vw;
    left: 0.4vw;
    top: 0.5vw;
  }
}

@-webkit-keyframes AGdobFrameBounce {
  0% {
    -webkit-transform: scale(0.2332, 0);
            transform: scale(0.2332, 0);
  }

  2.5% {
    -webkit-transform: scale(0.2332, 1.2);
            transform: scale(0.2332, 1.2);
  }

  3.125% {
    -webkit-transform: scale(0.2332, 0.9);
            transform: scale(0.2332, 0.9);
  }

  3.75% {
    -webkit-transform: scale(0.2332, 1);
            transform: scale(0.2332, 1);
  }

  7.5% {
    -webkit-transform: scale(1.1, 0.95);
            transform: scale(1.1, 0.95);
  }

  8.125% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGdobFrameBounce {
  0% {
    -o-transform: scale(0.2332, 0);
       transform: scale(0.2332, 0);
  }

  2.5% {
    -o-transform: scale(0.2332, 1.2);
       transform: scale(0.2332, 1.2);
  }

  3.125% {
    -o-transform: scale(0.2332, 0.9);
       transform: scale(0.2332, 0.9);
  }

  3.75% {
    -o-transform: scale(0.2332, 1);
       transform: scale(0.2332, 1);
  }

  7.5% {
    -o-transform: scale(1.1, 0.95);
       transform: scale(1.1, 0.95);
  }

  8.125% {
    -o-transform: scale(0.95, 1.05);
       transform: scale(0.95, 1.05);
  }

  8.75% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGdobFrameBounce {
  0% {
    -webkit-transform: scale(0.2332, 0);
         -o-transform: scale(0.2332, 0);
            transform: scale(0.2332, 0);
  }

  2.5% {
    -webkit-transform: scale(0.2332, 1.2);
         -o-transform: scale(0.2332, 1.2);
            transform: scale(0.2332, 1.2);
  }

  3.125% {
    -webkit-transform: scale(0.2332, 0.9);
         -o-transform: scale(0.2332, 0.9);
            transform: scale(0.2332, 0.9);
  }

  3.75% {
    -webkit-transform: scale(0.2332, 1);
         -o-transform: scale(0.2332, 1);
            transform: scale(0.2332, 1);
  }

  7.5% {
    -webkit-transform: scale(1.1, 0.95);
         -o-transform: scale(1.1, 0.95);
            transform: scale(1.1, 0.95);
  }

  8.125% {
    -webkit-transform: scale(0.95, 1.05);
         -o-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes AGarrowLightThree {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  8.75% {
    opacity: 0;
  }

  11.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  15% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGarrowLightThree {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  8.75% {
    opacity: 0;
  }

  11.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  15% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGarrowLightThree {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  8.75% {
    opacity: 0;
  }

  11.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  15% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGarrowLightTwo {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  11.25% {
    opacity: 0;
  }

  13.75% {
    opacity: 1;
    fill: #2c85bd;
  }

  17.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGarrowLightTwo {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  11.25% {
    opacity: 0;
  }

  13.75% {
    opacity: 1;
    fill: #2c85bd;
  }

  17.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGarrowLightTwo {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  11.25% {
    opacity: 0;
  }

  13.75% {
    opacity: 1;
    fill: #2c85bd;
  }

  17.5% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGarrowLightOne {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  13.75% {
    opacity: 0;
  }

  16.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  20% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-o-keyframes AGarrowLightOne {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  13.75% {
    opacity: 0;
  }

  16.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  20% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@keyframes AGarrowLightOne {
  0% {
    opacity: 0;
    fill: #2c85bd;
  }

  13.75% {
    opacity: 0;
  }

  16.25% {
    opacity: 1;
    fill: #2c85bd;
  }

  20% {
    fill: #1f5c81;
  }

  100% {
    opacity: 1;
    fill: #1f5c81;
  }
}

@-webkit-keyframes AGarrowBounce {
  0% {
    -webkit-transform: scale(1, 0) translate(0, 16%);
            transform: scale(1, 0) translate(0, 16%);
  }

  2.5% {
    -webkit-transform: scale(1, 0) translate(0, 16%);
            transform: scale(1, 0) translate(0, 16%);
  }

  5% {
    -webkit-transform: scale(1, 1.1) translate(0, -2%);
            transform: scale(1, 1.1) translate(0, -2%);
  }

  5.625% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
  }

  100% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
  }
}

@-o-keyframes AGarrowBounce {
  0% {
    -o-transform: scale(1, 0) translate(0, 16%);
       transform: scale(1, 0) translate(0, 16%);
  }

  2.5% {
    -o-transform: scale(1, 0) translate(0, 16%);
       transform: scale(1, 0) translate(0, 16%);
  }

  5% {
    -o-transform: scale(1, 1.1) translate(0, -2%);
       transform: scale(1, 1.1) translate(0, -2%);
  }

  5.625% {
    -o-transform: scale(1, 1) translate(0, 0);
       transform: scale(1, 1) translate(0, 0);
  }

  100% {
    -o-transform: scale(1, 1) translate(0, 0);
       transform: scale(1, 1) translate(0, 0);
  }
}

@keyframes AGarrowBounce {
  0% {
    -webkit-transform: scale(1, 0) translate(0, 16%);
         -o-transform: scale(1, 0) translate(0, 16%);
            transform: scale(1, 0) translate(0, 16%);
  }

  2.5% {
    -webkit-transform: scale(1, 0) translate(0, 16%);
         -o-transform: scale(1, 0) translate(0, 16%);
            transform: scale(1, 0) translate(0, 16%);
  }

  5% {
    -webkit-transform: scale(1, 1.1) translate(0, -2%);
         -o-transform: scale(1, 1.1) translate(0, -2%);
            transform: scale(1, 1.1) translate(0, -2%);
  }

  5.625% {
    -webkit-transform: scale(1, 1) translate(0, 0);
         -o-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
  }

  100% {
    -webkit-transform: scale(1, 1) translate(0, 0);
         -o-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
  }
}

@-webkit-keyframes AGarrowChevronBounce {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  5.625% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  8.125% {
    -webkit-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-o-keyframes AGarrowChevronBounce {
  0% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  5.625% {
    -o-transform: scale(0, 1);
       transform: scale(0, 1);
  }

  8.125% {
    -o-transform: scale(1.1, 1);
       transform: scale(1.1, 1);
  }

  8.75% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }

  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}

@keyframes AGarrowChevronBounce {
  0% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  5.625% {
    -webkit-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
  }

  8.125% {
    -webkit-transform: scale(1.1, 1);
         -o-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
  }

  8.75% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

/*IE specific*/

@media (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-aspect-ratio: 1 / 1) {
  #ageentry .inputs input {
    top: 18vw;
    height: 1em;
  }

  #ageentry .inputs input.square {
    top: 0.1em;
  }

  #ageentry .frame #dob {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  #ageentry .frame #arrow {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) translate(0, 0);
         -o-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }

  #ageentry .frame #arrow #chevron {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  #ageentry .frame #arrowleft {
    opacity: 0;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition-delay: 2.2s;
         -o-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }

  #ageentry .frame #arrowright {
    opacity: 0;
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition-delay: 2.2s;
         -o-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }

  #ageentry .frame #month,
  #ageentry .frame #day,
  #ageentry .frame #year {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }

  #ageentry .frame #day {
    -webkit-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }

  #ageentry .frame #year {
    -webkit-transition-delay: 0.9s;
         -o-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }

  #ageentry.play .frame {
    /*bounce dob frame up and right*/
  }

  #ageentry.play .frame #dob {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #month {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #day {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #year {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #arrow {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #arrowleft {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }

  #ageentry.play .frame #arrowright {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    opacity: 1;
  }
}

@media (min-width: 768px) and (min-aspect-ratio: 1 / 1) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #ageentry .inputs input {
    top: 0;
    height: 1.3em;
  }
}

@media (min-width: 1280px) and (min-aspect-ratio: 1 / 1) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #ageentry .inputs input {
    top: 0.5vw;
    height: 0.9em;
  }
}

#mobileLogo {
  background: url(../images/cd3-logo-mob.png) center center no-repeat;
  background-size: contain;
  display: block;
  top: -1em;
  left: 0.5em;
  width: 5em;
  height: 5em;
  z-index: 300;
}

#logoHero {
  display: block;
  top: 3rem;
  width: 7rem;
  height: 7rem;
  left: 4rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 0%;
       -o-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  background: url(../images/cd3-logo-4k.png) center center no-repeat;
  background-size: contain;
  /*visually the logo/video is above the hero buttons and main nav, need to click through it*/
  z-index: 40;
  pointer-events: none;
}

#logoHero a {
  display: block;
  top: 45%;
  left: 22%;
  bottom: 29%;
  right: 22%;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  /*background: rgba(50,50,50,0.5);*/
}

#logoHero video {
  display: none;
}

/* hero */

.hero {
  padding: 0px;
  margin-top: 6rem;
  -webkit-transition: height 1000000s ease;
  -o-transition: height 1000000s ease;
  transition: height 1000000s ease;
  /*must include this transition on mobile devices and tablets as the viewport height changes as the user scrolls*/
  position: relative;
  /*background video is cover, hide any excess*/
  overflow: hidden;
  /*hero preorder and watch trailer buttons*/
}

.hero h1 {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  width: 100%;
  color: white;
  font-family: "Exo 2", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5em;
  text-transform: uppercase;
  text-align: center;
  font-style: italic;
  text-shadow: 0.25rem 0.25rem 0px rgba(16, 43, 62, 0.7);
}

.hero h1 span {
  display: none;
}

/*darken video on launch*/

@-webkit-keyframes skipBounce {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  75% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  80% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }

  85% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  90% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-o-keyframes skipBounce {
  0% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }

  75% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }

  80% {
    -o-transform: translate(0%, 0);
       transform: translate(0%, 0);
  }

  85% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }

  90% {
    -o-transform: translate(0%, 0);
       transform: translate(0%, 0);
  }

  100% {
    -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
  }
}

@keyframes skipBounce {
  0% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  75% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  80% {
    -webkit-transform: translate(0%, 0);
         -o-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }

  85% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  90% {
    -webkit-transform: translate(0%, 0);
         -o-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@media (min-width: 768px) and (min-height: 644px) {
  .hero h1 {
    top: 40%;
    font-size: 2.5rem;
    line-height: 1em;
  }

  .hero h1 span {
    display: inline;
  }
}

@media (min-width: 1280px) {
  #mobileLogo {
    display: none;
  }

  #logoHero {
    display: block;
    top: 3.8rem;
    width: 9rem;
    height: 9rem;
    left: 50%;
  }

  /* hero */

  .hero {
    margin-top: 5rem;
  }

  .hero h1 {
    position: absolute;
    left: 0%;
    top: 56%;
    font-size: 3.5rem;
    line-height: 1em;
  }
}

.charselect {
  border-top: 2px solid #2477ac;
  background: url(../images/cloud-j.png), url(../images/hexgrid.svg);
  background-size: 100vw 100%, 32px 55px;
  /*animation: charSelBG 60s linear infinite;*/
  /*  .beat, .beat2 {
    position: absolute;
    bottom: 1.4vw;
    left: 4.3vw;
    width: 27.3vw;
    height: 4.3vw;
    background: url($image-path +'heartbeat01.svg') 0% center repeat-x;
    animation: beatOne 9s linear infinite;
    background-size: 7em auto;
  }
  .beat2 {
    opacity: 0.5;
    animation: beatOne 20s linear infinite;
    transform-origin: 0% 50%;
    transform: scale(1.1, 0.8);
  }*/
}

.charselect .selected {
  /* use VW font sizes because frame is tied to VW */
  font-size: 0.65rem;
  margin: 2vw auto 1rem auto;
  position: relative;
}

.charselect .selected span {
  opacity: 0;
}

.charselect .selected span.anim {
  -webkit-animation: fadeIn 0.5s forwards;
       -o-animation: fadeIn 0.5s forwards;
          animation: fadeIn 0.5s forwards;
}

.charselect .selected .frame {
  position: relative;
  background: url(../images/charselect-frame.svg);
  background-size: contain;
  z-index: 10;
  /*      svg {
        width: 100%;
        height: auto;
        .st0 {
          fill: $ui-blue-G;       
        }
        .st1 {
          fill: $ui-blue-E;
        }
        .st2 {
          fill: $ui-blue-C;
        }
        .st3 {
          fill: $ui-blue-9;
          fill-opacity: 0;
          &.anim {
            animation: charSelOpac 0.5s forwards;
          }
        }
      }*/
  /*      #charframeDotTwo {
        animation-delay: 0.1s;
      }
      #charframeDotThree {
        animation-delay: 0.2s;
      }
      #charframeDotFour {
        animation-delay: 0.3s;
      }
      #charframeDotFive {
        animation-delay: 0.4s;
      }
      #charframeDotSix {
        animation-delay: 0.5s;
      }
      #charframeDotSeven {
        animation-delay: 0.6s;
      }*/
}

.charselect .selected .portrait {
  left: 2.1%;
  top: 2.9%;
  width: 46.2%;
  height: 92.3%;
  position: absolute;
  /*color: $ui-blue-6;
      text-transform: uppercase;
      font-family: "Orbitron", sans-serif;
      text-align: center;
      opacity: 0;
      &.anim {
        animation: fadeIn 1.5s forwards;
        span {
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: 0.1em;
          display: block;
        }
      }
      */
}

.charselect .selected .portrait .loader {
  background-repeat: no-repeat;
  left: 35%;
  top: 35%;
  z-index: 0;
}

.charselect .selected .portrait video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.charselect .selected .name {
  top: 7%;
  color: #5fa9d8;
  font-family: "Exo 2", sans-serif;
  font-weight: normal;
  position: absolute;
  left: 52.7%;
  text-transform: uppercase;
  z-index: 11;
}

.charselect .selected .name span {
  font-weight: bold;
}

.charselect .selected .stats {
  color: #4f9ed0;
  position: absolute;
  top: 19%;
  left: 52.7%;
  right: 0px;
  line-height: 1.7em;
  font-size: 0.8em;
  /*
      .status {
        font-size: 1.2em;
        span {
          font-size: 1.2em;
        }
      }
      .cond, .height {
        width: 80%;
        transform: translate(40%, 0%);
        margin-top: -5.2vw;
        span {
          text-transform: none;
        }
      }
      .rank, .class {
        text-transform: uppercase;
        border-bottom: 0.1em solid $ui-blue-E;
        width: 89%;
        position: relative;
        span {
          font-size: 1.3em;
        }
        &::after {          
          content: "";
          position: absolute;
          right: -0.6em;
          bottom: -0.25em;
          width: 0.2em;
          height: 0.2em;
          border: 0.1em solid $ui-blue-E;
        }
      }*/
}

.charselect .selected .stats span {
  color: #8fd2f1;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
}

.charselect .selected .stats .bio {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 3%;
}

.charselect .selected .stats .skill {
  color: #ff931e;
}

.charselect .selected .stats .skill.one {
  margin-top: 3%;
}

.charselect .selected .stats .spec span {
  color: #ff931e;
}

.charselect .carousel .thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.charselect .carousel .thumbs .thumb {
  /* scale this with font size, flex box handles wrapping*/
  width: 5.7rem;
  height: 5.428571rem;
  margin-bottom: 4vw;
  font-size: 0.66666667rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-animation: iconBounceOut 0.5s forwards;
       -o-animation: iconBounceOut 0.5s forwards;
          animation: iconBounceOut 0.5s forwards;
}

.charselect .carousel .thumbs .thumb svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.charselect .carousel .thumbs .thumb svg .st0 {
  fill: #13354d;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #1d4f6f;
}

.charselect .carousel .thumbs .thumb svg .blue {
  fill: #194260;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #1f5c81;
}

.charselect .carousel .thumbs .thumb svg .st2 {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke: #3c93c9;
  -webkit-transition: stroke 0.5s;
  -o-transition: stroke 0.5s;
  transition: stroke 0.5s;
}

.charselect .carousel .thumbs .thumb svg .slash {
  fill: #3c93c9;
  fill-opacity: 1;
  -webkit-transition: fill-opacity 0.5s, -webkit-transform 0.5s;
  transition: fill-opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: fill-opacity 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, fill-opacity 0.5s;
  transition: transform 0.5s, fill-opacity 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.charselect .carousel .thumbs .thumb:hover {
  color: white;
  text-shadow: 0.1em 0.1em 0px rgba(16, 43, 62, 0.7);
  cursor: pointer;
  -webkit-animation: iconBounce 0.5s forwards;
       -o-animation: iconBounce 0.5s forwards;
          animation: iconBounce 0.5s forwards;
}

.charselect .carousel .thumbs .thumb:hover svg .st2 {
  -webkit-animation: charSelLine 3s infinite;
       -o-animation: charSelLine 3s infinite;
          animation: charSelLine 3s infinite;
  stroke: white;
}

.charselect .carousel .thumbs .thumb:hover svg .st0,
.charselect .carousel .thumbs .thumb:hover svg .blue {
  stroke: #ff931e;
}

.charselect .carousel .thumbs .thumb:hover svg .slash {
  -webkit-transform: translate(-95%, 0);
       -o-transform: translate(-95%, 0);
          transform: translate(-95%, 0);
  fill-opacity: 0.2;
}

.charselect .carousel .thumbs .thumb.disabled .name {
  color: #6188a0;
}

.charselect .carousel .thumbs .thumb.disabled:hover .name {
  color: #6188a0;
  cursor: default;
}

.charselect .carousel .thumbs .thumb.disabled svg .st0 {
  fill: #21303b;
  stroke: #2b3d4a;
}

.charselect .carousel .thumbs .thumb.disabled svg .blue {
  fill: #324857;
  stroke: #3c6078;
}

.charselect .carousel .thumbs .thumb.disabled svg .st2 {
  stroke: #6188a0;
  stroke-dasharray: 20%;
  stroke-dashoffset: -15;
}

.charselect .carousel .thumbs .thumb .name {
  position: absolute;
  font-size: 1em;
  left: 0.25em;
  right: 0.25em;
  bottom: 0px;
  text-transform: uppercase;
  color: #5fa9d8;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
}

.charselect .carousel .thumbs .thumb img {
  position: absolute;
  bottom: 31%;
  right: 1%;
  height: 65%;
  width: auto;
}

.charselect .carousel .thumbs .thumb:nth-child(n+7) {
  display: none;
}

.charselect .carousel .buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.charselect .carousel .buttons .prevline,
.charselect .carousel .buttons .nextline {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: 0.08333rem solid #1d4f6f;
  margin-left: 0.6rem;
  font-size: 0px;
  position: relative;
}

.charselect .carousel .buttons .nextline {
  margin-right: 0.6rem;
  margin-left: 0px;
}

.charselect .carousel .buttons .prevline::before,
.charselect .carousel .buttons .nextline::after {
  content: "";
  border: 0.08333rem solid #1d4f6f;
  width: 0.1666666rem;
  height: 0.1666666rem;
  position: absolute;
  left: -0.4166666rem;
  top: -0.125rem;
}

.charselect .carousel .buttons .nextline::after {
  left: auto;
  right: -0.4166666rem;
}

.charselect .carousel .buttons #prevbut,
.charselect .carousel .buttons #nextbut {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.charselect .carousel .buttons #prevbut a.button-anim,
.charselect .carousel .buttons #nextbut a.button-anim {
  font-size: 0.87em;
}

.charselect .carousel .buttons .spacer {
  width: 0px;
}

@-webkit-keyframes charSelOpac {
  0% {
    fill-opacity: 0;
  }

  100% {
    fill-opacity: 1;
  }
}

@-o-keyframes charSelOpac {
  0% {
    fill-opacity: 0;
  }

  100% {
    fill-opacity: 1;
  }
}

@keyframes charSelOpac {
  0% {
    fill-opacity: 0;
  }

  100% {
    fill-opacity: 1;
  }
}

@-webkit-keyframes beatOne {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -7em center;
  }
}

@-o-keyframes beatOne {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -7em center;
  }
}

@keyframes beatOne {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -7em center;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes charSelLine {
  0% {
    stroke-dasharray: 20%;
  }

  50% {
    stroke-dasharray: 10%;
  }

  100% {
    stroke-dasharray: 20%;
  }
}

@-o-keyframes charSelLine {
  0% {
    stroke-dasharray: 20%;
  }

  50% {
    stroke-dasharray: 10%;
  }

  100% {
    stroke-dasharray: 20%;
  }
}

@keyframes charSelLine {
  0% {
    stroke-dasharray: 20%;
  }

  50% {
    stroke-dasharray: 10%;
  }

  100% {
    stroke-dasharray: 20%;
  }
}

@media (min-width: 768px) {
  .charselect {
    padding: 3.7rem 6.25vw;
  }

  .charselect .selected {
    /* use VW font sizes because frame is tied to VW */
    font-size: 1.1rem;
  }

  .charselect .selected .name {
    top: 10.3%;
  }

  .charselect .carousel .thumbs .thumb {
    /* scale this with font size, flex box handles wrapping*/
    width: 4.7rem;
    height: 4.476190rem;
  }
}

@media (min-width: 1280px) {
  .charselect {
    padding: 5vw 7.891vw;
  }

  .charselect .selected {
    /* use VW font sizes because frame is tied to VW */
    font-size: 1.47rem;
    width: 55vw;
  }

  .charselect .selected .name {
    top: 11%;
  }

  .charselect .carousel .buttons {
    margin-top: -4vw;
    margin-bottom: 4vw;
  }

  .charselect .carousel .buttons .prevline,
  .charselect .carousel .buttons .nextline {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 6vw;
  }

  .charselect .carousel .buttons .spacer {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .charselect .carousel .thumbs {
    width: 55vw;
    margin: auto;
  }

  .charselect .carousel .thumbs .thumb {
    width: 6vw;
    height: 5.714285vw;
    margin-bottom: 0px;
  }

  .charselect .carousel .thumbs .thumb:nth-child(n+7) {
    display: block;
  }
}

footer {
  padding: 3.7rem 6.875vw 1.85rem 6.875vw;
  border-top: 2px solid #2477ac;
  background: url(../images/bg-grid.png) center top;
}

footer .logo {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100vw;
  height: 56.25vw;
  background: url(../images/cd3-logo-4k.png) center center no-repeat;
  background-size: contain;
  display: block;
  font-size: 0px;
}

footer .credits,
footer .teams,
footer .platform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

footer .credits {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .credits a {
  display: block;
  font-size: 0px;
}

footer .credits .platform {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 82.608695%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 2rem;
}

footer .credits .platform a.xbox {
  background: url(../images/logo-xboxone.png) center center no-repeat;
  background-size: contain;
  width: 48%;
}

footer .credits .platform a.win {
  background: url(../images/win10-logo.svg) center center no-repeat;
  background-size: contain;
  width: 48%;
}

footer .credits .teams {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

footer .credits .teams .one,
footer .credits .teams .two {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

footer .credits .teams .one .team,
footer .credits .teams .two .team {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

footer .credits .teams .one .team a,
footer .credits .teams .two .team a {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: 60%;
}

footer .credits .teams .one .team a.msstudios,
footer .credits .teams .two .team a.msstudios {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  background: url(../images/microsoft-studios-logo-white.png) center center no-repeat;
  background-size: contain;
}

footer .credits .teams .one .team a.cloudgine,
footer .credits .teams .two .team a.cloudgine {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  background: url(../images/logo-cloudgine.png) center center no-repeat;
  background-size: contain;
  width: 40%;
}

footer .credits .teams .one .team a.sumo,
footer .credits .teams .two .team a.sumo {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background: url(../images/logo-sumodigital.png) center center no-repeat;
  background-size: contain;
}

footer .credits .teams .one .team a.certainaffinity,
footer .credits .teams .two .team a.certainaffinity {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  background: url(../images/logo-certain-affinity.png) center center no-repeat;
  background-size: contain;
}

footer .credits .teams .one .team a.reagent,
footer .credits .teams .two .team a.reagent {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  background: url(../images/logo-reagent.png) center center no-repeat;
  background-size: contain;
}

footer .credits .teams .one .team a.elbowrocket,
footer .credits .teams .two .team a.elbowrocket {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  background: url(../images/logo-elbowrocket.png) center center no-repeat;
  background-size: contain;
}

footer .ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 2rem auto;
}

footer .ratings .rating {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

footer .ratings .rating .icon {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 3rem;
  width: 3rem;
  min-height: 66px;
  min-width: 66px;
  margin-right: 11px;
}

footer .ratings .rating.esrb .icon {
  background: url(../images/esrb-m.jpg) right center no-repeat;
  background-size: contain;
}

footer .ratings .rating.pegi .icon {
  background: url(../images/pegi18.jpg) right center no-repeat;
  background-size: contain;
}

footer .ratings .rating .descriptors {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 8px;
  line-height: 11px;
  color: rgba(255, 255, 255, 0.5);
}

footer .ratings .rating .descriptors .country {
  font-weight: bold;
}

footer .legal {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.714285rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  text-align: center;
}

footer .legal .copy {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

footer .legal .terms {
  width: 48%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

footer .legal .privacy {
  width: 48%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 768px) {
  footer .ratings {
    width: 66%;
  }
}

@media (min-width: 1280px) {
  footer {
    padding: 4rem 7.891vw 2rem 7.891vw;
  }

  footer .logo {
    width: 40.8333333vw;
    height: 22.968749vw;
  }

  footer .credits {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  footer .credits .teams {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 33.75vw;
  }

  footer .credits .platform {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 33.75vw;
  }

  footer .credits .platform a.xbox {
    height: 2vw;
  }

  footer .credits .platform a.esrb {
    width: 25%;
    margin-left: 5%;
  }

  footer .ratings {
    width: 50%;
  }

  footer .legal {
    font-size: 0.583333rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 40.8333333vw;
    margin: auto;
  }

  footer .legal div {
    margin: 1em;
  }

  footer .legal .copy {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  footer .legal .terms {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  footer .legal .privacy {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

section.account {
  background: url(../images/cloud-j.png);
  background-size: 100vw 100%, 32px 55px;
  font-size: 0.29rem;
}

section.account .gamericon {
  border-radius: 50%;
  margin-bottom: -12.311333em;
  margin-left: 1.958333em;
  width: 13.5em;
  height: 13.5em;
}

section.account .upload {
  margin-bottom: 20px;
}

section.account .settings {
  position: relative;
  overflow: auto;
}

section.account .settings .tabs {
  position: absolute;
  top: 4.5em;
  left: 19em;
}

section.account .settings .tabs a.tab {
  font-size: 2em;
  display: inline-block;
  position: relative;
  height: 2.4em;
  line-height: 2.4em;
  padding-left: 1.4em;
  padding-right: 1.3em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #8fd2f1;
  text-shadow: 0.12em 0.12em 0px rgba(13, 31, 44, 0.7);
  -webkit-transition: color 0.3s, text-shadow 0.3s;
  -o-transition: color 0.3s, text-shadow 0.3s;
  transition: color 0.3s, text-shadow 0.3s;
  z-index: 1;
  cursor: pointer;
}

section.account .settings .tabs a.tab::before,
section.account .settings .tabs a.tab::after {
  content: "";
  background: url(../images/account-tabs.svg) left -2.5em no-repeat;
  background-size: 20em 5em;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 49%;
  z-index: -1;
}

section.account .settings .tabs a.tab::after {
  background-position: right -2.5em;
  left: 49%;
  right: 0px;
}

section.account .settings .tabs a.tab.sel,
section.account .settings .tabs a.tab:hover {
  color: #b9ecfd;
  text-shadow: 0.12em 0.12em 0px rgba(19, 53, 77, 0.7);
}

section.account .settings .tabs a.tab.sel::before,
section.account .settings .tabs a.tab:hover::before {
  background-position: left top;
}

section.account .settings .tabs a.tab.sel::after,
section.account .settings .tabs a.tab:hover::after {
  background-position: right top;
}

section.account .settings .beat,
section.account .settings .beat2 {
  position: absolute;
  top: 17.7em;
  left: 2.9em;
  width: 12.7em;
  height: 4em;
  background: url(../images/heartbeat04.svg) 0% center repeat-x;
  -webkit-animation: gamerBeat 9s linear infinite;
       -o-animation: gamerBeat 9s linear infinite;
          animation: gamerBeat 9s linear infinite;
  background-size: 12.7em auto;
}

section.account .settings .beat2 {
  opacity: 0.5;
  -webkit-animation: gamerBeat 20s linear infinite;
       -o-animation: gamerBeat 20s linear infinite;
          animation: gamerBeat 20s linear infinite;
  -webkit-transform-origin: 0% 50%;
       -o-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale(1.1, 0.8);
       -o-transform: scale(1.1, 0.8);
          transform: scale(1.1, 0.8);
}

section.account .settings .frame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: url(../images/account-frame.svg) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  pointer-events: none;
}

section.account .settings .deets {
  margin-left: 32%;
  margin-top: 8.5em;
  overflow: hidden;
  position: relative;
}

section.account .settings .deets .details {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
  -webkit-transform: translate(100%, 0);
       -o-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.6s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.6s, -o-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}

section.account .settings .deets .details .cancelemail {
  font-size: 23px !important;
}

section.account .settings .deets .details button.button-anim,
section.account .settings .deets .details a.button-anim {
  color: #5fa9d8;
}

section.account .settings .deets .details button.button-anim:hover,
section.account .settings .deets .details a.button-anim:hover {
  color: #9fe0f8;
}

section.account .settings .deets .details.left {
  -webkit-transform: translate(-100%, 0);
       -o-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

section.account .settings .deets .details.sel {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

section.account .settings .deets .details .option {
  position: relative;
  font-size: 2em;
}

section.account .settings .deets .details .option .label {
  color: #3c93c9;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2em;
}

section.account .settings .deets .details .option .desc {
  line-height: 1.8em;
  color: #7fc3e9;
  border-bottom: 0.1em solid #1f5c81;
  margin: 0px 2em 0.5em 0.5em;
  padding-left: 0.5em;
}

section.account .settings .deets .details .option .desc form button {
  outline: none;
  border: 0;
}

section.account .settings .deets .details .option .desc input[type=text],
section.account .settings .deets .details .option .desc input[type=email] {
  font-size: 1em;
  width: 100%;
  line-height: 1.5em;
  height: 1.5em;
  border: 0.1em solid #206998;
  background: #102b3e;
  color: #dcf6fe;
  margin: 0.5em 0em;
  -webkit-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}

section.account .settings .deets .details .option .desc input[type=text]:focus,
section.account .settings .deets .details .option .desc input[type=email]:focus {
  background: white;
  color: black;
}

section.account .settings .deets .details .option .desc ol {
  padding-left: 1.5em;
}

section.account .settings .deets .details .option .desc a {
  color: #5fa9d8;
}

section.account .settings .deets .details .option .desc a:hover {
  color: #9fe0f8;
}

section.account .settings .deets .details .option .desc::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.4em;
  right: -1em;
  border: 0.1em solid #1f5c81;
  width: 0.5em;
  height: 0.5em;
}

section.account .settings .deets .details .option a.button-anim {
  font-size: 1em;
  margin-bottom: 0.5em;
}

section.account .settings .deets .details .option a.dxbrowse {
  position: relative;
  display: inline-block;
  padding: 0em 1em;
  margin: 0em 1em;
  height: 2em;
  line-height: 2em;
  color: #5fa9d8;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  text-shadow: 0.1em 0.1em 0px #102b3e;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 1;
}

section.account .settings .deets .details .option a.dxbrowse::before,
section.account .settings .deets .details .option a.dxbrowse::after {
  content: '';
  background: url(../images/download-btn-back.svg) left top no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0px;
  right: 49%;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}

section.account .settings .deets .details .option a.dxbrowse::after {
  background-position: right top;
  left: 49%;
  right: 0px;
}

section.account .settings .deets .details .option a.dxbrowse .top {
  width: 0.833333em;
  height: 0.625em;
  position: absolute;
  top: 0px;
  left: -0.6em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

section.account .settings .deets .details .option a.dxbrowse .top.right {
  left: auto;
  right: -0.6em;
}

section.account .settings .deets .details .option a.dxbrowse .light {
  width: 0.833333em;
  height: 0.833333em;
  position: absolute;
  top: 0.45em;
  left: -0.68em;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}

section.account .settings .deets .details .option a.dxbrowse .light.right {
  left: auto;
  right: -0.68em;
}

section.account .settings .deets .details .option a.dxbrowse .light.bot {
  top: 1.15em;
  left: -0.3em;
}

section.account .settings .deets .details .option a.dxbrowse .light.bot.right {
  left: auto;
  right: -0.3em;
}

section.account .settings .deets .details .option a.dxbrowse .st0 {
  fill: #1d4f6f;
}

section.account .settings .deets .details .option a.dxbrowse .st1 {
  fill: #ff931e;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

section.account .settings .deets .details .option a.dxbrowse .st2 {
  fill: #0d1f2c;
}

section.account .settings .deets .details .option a.dxbrowse .st3 {
  fill: #206998;
}

section.account .settings .deets .details .option a.dxbrowse:hover {
  cursor: pointer;
  color: #9fe0f8;
}

section.account .settings .deets .details .option a.dxbrowse:hover .st1 {
  fill: #7fc3e9;
}

section.account .settings .deets .details .option a.dxbrowse:hover .light {
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

section.account .settings .deets .details .option a.dxbrowse:hover .light.right {
  -webkit-transform: translate(50%, -50%);
       -o-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

section.account .settings .deets .details .option a.dxbrowse:hover .light.bot {
  -webkit-transform: translate(-30%, -30%);
       -o-transform: translate(-30%, -30%);
          transform: translate(-30%, -30%);
}

section.account .settings .deets .details .option a.dxbrowse:hover .light.bot.right {
  -webkit-transform: translate(30%, -30%);
       -o-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
}

section.account .settings .deets .details .option a.dxbrowse:hover .top {
  -webkit-transform: translate(15%, -30%);
       -o-transform: translate(15%, -30%);
          transform: translate(15%, -30%);
}

section.account .settings .deets .details .option a.dxbrowse:hover .top.right {
  -webkit-transform: translate(-15%, -30%);
       -o-transform: translate(-15%, -30%);
          transform: translate(-15%, -30%);
}

section.account .settings .deets .details.beta .option a.button-anim {
  position: absolute;
  top: 0.8em;
  right: 1.2em;
}

section.account .settings .gamertag {
  font-size: 3em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  line-height: 1em;
  color: #7fc3e9;
  position: absolute;
  left: 6.6em;
  top: 0.3em;
  z-index: 3;
}

@-webkit-keyframes gamerBeat {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -12.7em center;
  }
}

@-o-keyframes gamerBeat {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -12.7em center;
  }
}

@keyframes gamerBeat {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -12.7em center;
  }
}

@media (min-width: 768px) {
  section.account {
    font-size: 0.5rem;
  }

  section.account .settings .beat,
  section.account .settings .beat2 {
    top: 16.9em;
    left: 2.2em;
  }

  section.account .settings .deets {
    margin-top: 10em;
  }

  section.account .settings .deets .details .option {
    font-size: 1.8em;
  }

  section.account .settings .deets .details .option a.button-anim,
  section.account .settings .deets .details .option a.dxbrowse {
    font-size: 0.8em;
  }

  section.account .settings .deets .details.beta .option a.button-anim {
    top: 0.4em;
  }
}

@media (min-width: 768px) and (min-aspect-ratio: 1 / 1) {
  section.account {
    font-size: 0.6rem;
  }

  section.account .settings .beat,
  section.account .settings .beat2 {
    top: 17.2em;
    left: 2.3em;
  }

  section.account .settings .deets .details .option {
    font-size: 1.3em;
  }

  section.account .settings .deets .details.beta .option a.button-anim {
    top: 0.4em;
  }
}

@media (min-width: 1280px) {
  section.account {
    font-size: 1rem;
  }

  section.account .settings .tabs a.tab {
    font-size: 1.4em;
    height: 2.5em;
    line-height: 2.5em;
  }

  section.account .settings .beat,
  section.account .settings .beat2 {
    top: 17.8em;
  }

  section.account .settings .deets .details .label {
    font-size: 1.4em;
  }

  section.account .settings .deets .details .option {
    font-size: 1.2em;
  }

  section.account .settings .deets .details .option .desc input[type=text] {
    font-size: 1.2em;
    width: 70%;
  }

  section.account .settings .deets .details.beta .option a.button-anim {
    top: 0.2em;
  }
}

section#mixer {
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 30%, #0d1f2c 80%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%), url(../images/circlegridanim.gif);
  background-size: 100% 100%, 288px auto;
  padding: 6.875vw;
}

section#mixer iframe {
  margin-bottom: 3.75vw;
  width: 100%;
  height: auto;
  border: 0px;
}

section#mixer .moremixer {
  text-align: right;
}

section#mixer .moremixer span {
  background-color: #2477ac;
  border-radius: 50%;
  padding: 0.25em;
  margin-left: 0.2em;
}

@media (min-width: 768px) {
  section#mixer {
    padding: 7.29167vw;
  }

  section#mixer iframe {
    margin-bottom: 2vw;
  }
}

@media (min-width: 1280px) {
  section#mixer {
    padding: 7.891vw;
  }

  section#mixer .videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  section#mixer iframe {
    margin-bottom: 0.5vw;
  }

  section#mixer .livevid {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 66%;
  }

  section#mixer .sidevid {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 32%;
  }

  section#mixer.single .livevid {
    width: 83%;
    margin: auto;
  }

  section#mixer.single .sidevid {
    display: none;
  }
}

.splash {
  border-top: 2px solid #2477ac;
  -webkit-transition: min-height 1000000s ease;
  -o-transition: min-height 1000000s ease;
  transition: min-height 1000000s ease;
  /*must include this transition on mobile devices and tablets as the viewport height changes as the user scrolls*/
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
}

.splash h2 {
  font-size: 1.857144rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1em;
  color: white;
  font-weight: 700;
  font-style: italic;
  text-shadow: 0.25rem 0.25rem 0px rgba(16, 43, 62, 0.7);
  margin-top: 0px;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}

.splash p {
  color: #9fe0f8;
}

.splash.left {
  background-size: cover !important;
}

.splash.right {
  background-size: cover !important;
  text-align: right;
}

.splash.right p {
  display: inline-block;
}

.splash.not_found {
  background: url(../images/bg-404.jpg) right 25% center;
  background-size: cover;
}

.splash.connect {
  background: url(../images/connect-back.jpg) center center;
  background-size: cover;
  height: auto;
  min-height: auto;
  text-align: center;
  padding-bottom: 7em;
}

.splash.connect h2 {
  font-size: 1.5rem;
  margin-top: 2em;
}

.splash.connect nav.social {
  width: 38vw;
}

@media (min-width: 768px) {
  .splash h2 {
    font-size: 2.5rem;
  }

  .splash p {
    width: 56.25vw;
  }

  .splash.connect {
    padding: 0vw 6.25vw 24vw 6.25vw;
  }

  .splash.connect h2 {
    font-size: 2rem;
  }

  .splash.connect nav.social {
    top: 8rem;
    font-size: 1.75rem;
  }
}

@media (min-width: 1280px) {
  .splash {
    padding: 0px 7.891vw;
  }

  .splash h2 {
    font-size: 4.125rem;
    margin-top: 0px;
    margin-bottom: 0.25em;
  }

  .splash p {
    width: 40.83334vw;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .splash.dash {
    background-position: center center;
  }

  .splash.muscle {
    background-position: center center;
  }

  .splash.connect {
    padding: 0vw 7.891vw 10vw 7.891vw;
  }

  .splash.connect h2 {
    font-size: 3rem;
    margin-top: 1.3em;
  }

  .splash.connect nav.social {
    top: 8rem;
    width: 22vw;
    font-size: 1.75rem;
  }
}

.split_content {
  background-size: contain;
}

.split_content .split_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 2rem;
}

.split_content .split_links .left_item,
.split_content .split_links .right_item {
  position: relative;
  background-color: #000;
  box-shadow: 0.5em 0.5em rgba(0, 0, 0, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.split_content .split_links .left_item:hover,
.split_content .split_links .right_item:hover {
  box-shadow: 0.8em 0.8em #0d1f2c;
}

.split_content .split_links .title {
  right: 0.42856em;
  left: 0.42856em;
  top: 1em;
  position: absolute;
  font-size: 1.071428rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.5em;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  text-align: center;
  padding: 0px 0.8em;
  text-shadow: 0px 0.08334rem 0px black;
  z-index: 1;
}

.split_content .split_links .title h4 {
  position: relative;
  font-weight: 600;
  color: #dcf6fe;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.split_content .split_links .title .cap {
  display: block;
  width: 100%;
  height: 51%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px;
  top: 0px;
}

.split_content .split_links .title .cap svg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.split_content .split_links .title .cap.bottom {
  top: auto;
  bottom: 0px;
}

.split_content .split_links .title .cap.bottom svg {
  top: auto;
  bottom: 0px;
}

.split_content .split_links .title .cap .dark {
  fill: #1d4f6f;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #206998;
}

.split_content .split_links .title .cap .light {
  fill: #2c85bd;
}

#left_content,
#right_content {
  border-top: 2px solid #2477ac;
  background-size: contain;
}

#left_content.left,
#right_content.left {
  text-align: left;
}

#left_content.right,
#right_content.right {
  text-align: right;
}

@media (min-width: 768px) {
  .split_content .split_links .left_item,
  .split_content .split_links .right_item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 15px);
            flex: 1 0 calc(50% - 15px);
  }

  .split_content .split_links .left_item {
    margin-right: 15px;
  }

  .split_content .split_links .right_item {
    margin-left: 15px;
  }
}

.gameinfo .splash.dash h2 {
  margin-top: 2.8em;
}

.skills {
  background: -webkit-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 20%, #0d1f2c 85%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 20%, #0d1f2c 85%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(19, 53, 77, 0.6) 0%, rgba(19, 53, 77, 0) 5%, #0d1f2c 20%, #0d1f2c 85%, rgba(19, 53, 77, 0) 95%, rgba(19, 53, 77, 0.6) 100%);
  background-size: 100% 100%, 32px 55px;
  border-top: 2px solid #2477ac;
}

.skills .sidesplash {
  width: 100vw;
  position: absolute;
  right: 17%;
  bottom: 0%;
  top: 10%;
  -webkit-transform: translate(50%, 0%);
       -o-transform: translate(50%, 0%);
          transform: translate(50%, 0%);
  background: url(../images/skill-side-splash.png) center bottom no-repeat;
  background-size: contain;
  pointer-events: none;
}

.skills .skillselector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.skills .skillselector .skilllist {
  font-size: 0.8rem;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #b9ecfd;
  width: 20vw;
}

.skills .skillselector .skilllist .skill {
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.3rem;
}

.skills .skillselector .skilllist .skill .name {
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1.6em;
  opacity: 0;
  -webkit-transition: opacity 0.5s, text-shadow 0.6s;
  -o-transition: opacity 0.5s, text-shadow 0.6s;
  transition: opacity 0.5s, text-shadow 0.6s;
  text-shadow: 0em 0em 0px rgba(19, 53, 77, 0);
  /*make sure that animated parts going out of the box are visible*/
  overflow: visible;
}

.skills .skillselector .skilllist .skill .name::before,
.skills .skillselector .skilllist .skill .name::after {
  content: "";
  background: url(../images/skill-title-back.svg) left top no-repeat;
  background-size: auto 100%;
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  left: -1em;
  right: 49%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.skills .skillselector .skilllist .skill .name::after {
  background-position: right top;
  left: 49%;
  right: -1em;
}

.skills .skillselector .skilllist .skill .name .left,
.skills .skillselector .skilllist .skill .name .right {
  fill: #2c85bd;
  position: absolute;
  top: 0px;
  height: 1.6em;
  width: 0.96em;
  left: -1em;
  opacity: 0;
  -webkit-transition: opacity 0.5s, fill 0.5s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s, fill 0.5s, -webkit-transform 0.5s ease-out;
  -o-transition: opacity 0.5s, fill 0.5s, -o-transform 0.5s ease-out;
  transition: opacity 0.5s, transform 0.5s ease-out, fill 0.5s;
  transition: opacity 0.5s, transform 0.5s ease-out, fill 0.5s, -webkit-transform 0.5s ease-out, -o-transform 0.5s ease-out;
  -webkit-transform: translate(-79%, -83%);
       -o-transform: translate(-79%, -83%);
          transform: translate(-79%, -83%);
}

.skills .skillselector .skilllist .skill .name .right {
  left: auto;
  right: -1em;
  -webkit-transform: translate(79%, -83%);
       -o-transform: translate(79%, -83%);
          transform: translate(79%, -83%);
}

.skills .skillselector .skilllist .skill .icon {
  width: 19vw;
  height: 19vw;
  margin-bottom: -0.3rem;
  position: relative;
  display: inline-block;
  /*make sure that animated parts going out of the box are visible*/
  overflow: visible;
  /*with overflow visible, turn off pointer events for elements that could pop outside of the box, without this you might run into hover issues*/
  pointer-events: none;
}

.skills .skillselector .skilllist .skill .icon .techcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
}

.skills .skillselector .skilllist .skill .icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s, -o-transform 1s;
}

.skills .skillselector .skilllist .skill .icon svg .st0 {
  fill: #2c85bd;
}

.skills .skillselector .skilllist .skill .icon svg.kit {
  opacity: 0.5;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
  width: 77%;
  height: 77%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.skills .skillselector .skilllist .skill .icon svg.kit .st0 {
  -webkit-transition: fill 2s;
  -o-transition: fill 2s;
  transition: fill 2s;
}

.skills .skillselector .skilllist .skill .icon svg.star {
  left: 8%;
  top: 8%;
  width: 84%;
  height: 84%;
  opacity: 0.1;
  -webkit-animation: barrelRoll 10s linear infinite;
       -o-animation: barrelRoll 10s linear infinite;
          animation: barrelRoll 10s linear infinite;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
  /* i'd like to have a transition between animations, unfortunately they don't play nice*/
  /*transition: transform 1s;*/
}

.skills .skillselector .skilllist .skill .icon svg.star .st0 {
  -webkit-transition: fill 2s;
  -o-transition: fill 2s;
  transition: fill 2s;
}

.skills .skillselector .skilllist .skill.sel .icon svg.star {
  opacity: 0.2;
  -webkit-animation: barrelRoll 7s linear infinite;
       -o-animation: barrelRoll 7s linear infinite;
          animation: barrelRoll 7s linear infinite;
}

.skills .skillselector .skilllist .skill.sel .icon svg.kit {
  opacity: 1;
}

.skills .skillselector .skilllist .skill.sel .name {
  opacity: 1;
  text-shadow: 0.1em 0.1em 0px rgba(19, 53, 77, 0.7);
}

.skills .skillselector .skilllist .skill.sel .name::before,
.skills .skillselector .skilllist .skill.sel .name::after {
  opacity: 1;
}

.skills .skillselector .skilllist .skill.sel .name .left,
.skills .skillselector .skilllist .skill.sel .name .right {
  opacity: 1;
  fill: #b9ecfd;
  -webkit-transform: translate(0%, 0%);
       -o-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

.skills .skillselector .skilllist .skill:hover .icon svg.star {
  opacity: 0.2;
  -webkit-animation: barrelRoll 7s linear infinite;
       -o-animation: barrelRoll 7s linear infinite;
          animation: barrelRoll 7s linear infinite;
}

.skills .skillselector .skilllist .skill:hover .icon svg.kit {
  opacity: 1;
}

.skills .skillselector .skilllist .skill:hover .name {
  opacity: 1;
  text-shadow: 0.1em 0.1em 0px rgba(19, 53, 77, 0.7);
}

.skills .skillselector .skilllist .skill:hover .name::before,
.skills .skillselector .skilllist .skill:hover .name::after {
  opacity: 1;
}

.skills .skillselector .skilllist .skill:hover .name .left,
.skills .skillselector .skilllist .skill:hover .name .right {
  opacity: 1;
  fill: #ff931e;
  -webkit-transform: translate(0%, 0%);
       -o-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

.skills .selected {
  position: relative;
  width: 55vw;
}

.skills .selected .description {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.skills .selected .description.sel {
  opacity: 1;
}

@media (min-width: 768px) {
  .gameinfo .splash.dash h2 {
    margin-top: 2em;
  }

  .skills .sidesplash {
    width: 46vw;
  }

  .skills .skillselector {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .skills .skillselector .skilllist {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 0.9rem;
  }

  .skills .skillselector .skilllist .skill .icon {
    width: 13vw;
    height: 13vw;
    margin-bottom: 0px;
  }

  .skills .selected {
    margin: 1rem 0px;
    width: 65%;
  }
}

@media (min-width: 1280px) {
  .skills .skillselector {
    width: 55vw;
  }

  .skills .skillselector .skilllist {
    font-size: 1.1rem;
  }

  .skills .skillselector .skilllist .skill .icon {
    width: 9vw;
    height: 9vw;
  }

  .skills .selected {
    width: 100%;
  }
}

.skills .skillselector .skill.agility .icon .techcircle {
  /*rotation, translation and scale cannot be applied seperately in animation keyframes, agility has an extra container here to control it's spin*/
}

.skills .skillselector .skill.agility .icon .techcircle .spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

.skills .skillselector .skill.agility .icon .techcircle svg .st0 {
  fill: #00eab7;
}

.skills .skillselector .skill.agility .icon .techcircle .ring {
  fill-opacity: 0.5;
  -webkit-animation: iconAgilityOutRing 1s;
       -o-animation: iconAgilityOutRing 1s;
          animation: iconAgilityOutRing 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .plates {
  fill-opacity: 0.7;
  -webkit-animation: iconAgilityOutPlates 1s;
       -o-animation: iconAgilityOutPlates 1s;
          animation: iconAgilityOutPlates 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .chevron {
  fill-opacity: 0.8;
  -webkit-animation: iconAgilityOutChevron 1s;
       -o-animation: iconAgilityOutChevron 1s;
          animation: iconAgilityOutChevron 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .chevronouter {
  fill-opacity: 0.6;
  -webkit-animation: iconAgilityOutChevronOuter 1s;
       -o-animation: iconAgilityOutChevronOuter 1s;
          animation: iconAgilityOutChevronOuter 1s;
}

.skills .skillselector .skill.agility:hover .kit .st0,
.skills .skillselector .skill.agility.sel .kit .st0 {
  fill: #00eab7;
}

.skills .skillselector .skill.agility:hover .techcircle,
.skills .skillselector .skill.agility.sel .techcircle {
  -webkit-animation: iconAgilityIn 4s;
       -o-animation: iconAgilityIn 4s;
          animation: iconAgilityIn 4s;
}

.skills .skillselector .skill.agility:hover .techcircle svg,
.skills .skillselector .skill.agility.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner,
.skills .skillselector .skill.agility.sel .techcircle .spinner {
  -webkit-animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
       -o-animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
          animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .ring,
.skills .skillselector .skill.agility.sel .techcircle .spinner .ring {
  -webkit-animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
       -o-animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
          animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .plates,
.skills .skillselector .skill.agility.sel .techcircle .spinner .plates {
  -webkit-animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
       -o-animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
          animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .chevron,
.skills .skillselector .skill.agility.sel .techcircle .spinner .chevron {
  -webkit-animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
       -o-animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
          animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .chevronouter,
.skills .skillselector .skill.agility.sel .techcircle .spinner .chevronouter {
  -webkit-animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
       -o-animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
          animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

/* agility in animation */

/* set 0% and 100%, this avoids complications from transitions or other css rules */

/*@keyframes iconAgilityIn {
	0% { transform: scale(1); }
	7.5% { transform: scale(1); }
	10% { transform: scale(1.05); }
	12.5% { transform: scale(1); }
	25% { transform: scale(1); }
	27.5% { transform: scale(0.9); }
	30% { transform: scale(1); }
	37.5% { transform: scale(1); }
	40% { transform: scale(1.15); }
	42.5% { transform: scale(1); }
	50% { transform: scale(1); }
	52.5% { transform: scale(1.2); }
	55% { transform: scale(1); }
	100% { transform: scale(1); }
}*/

/* 4s */

@-webkit-keyframes iconAgilityInRing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  7.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  26.25% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  35% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  36.25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.5% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconAgilityInRing {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }

  7.5% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  26.25% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
  }

  30% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  35% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  36.25% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  40% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  46.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.5% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconAgilityInRing {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  7.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  26.25% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  30% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  35% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  36.25% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  40% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.5% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconAgilityInPlates {
  0% {
    -webkit-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  17.5% {
    -webkit-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }

  26.25% {
    -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg);
  }

  30% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  36.25% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  41.25% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  47.5% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  48.75% {
    -webkit-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  52.5% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@-o-keyframes iconAgilityInPlates {
  0% {
    -o-transform: scale(1.2) rotate(90deg);
       transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  17.5% {
    -o-transform: scale(1.2) rotate(90deg);
       transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  25% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    opacity: 1;
  }

  26.25% {
    -o-transform: scale(0.9) rotate(0deg);
       transform: scale(0.9) rotate(0deg);
  }

  30% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  36.25% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  37.5% {
    -o-transform: scale(1.2) rotate(0deg);
       transform: scale(1.2) rotate(0deg);
  }

  41.25% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  47.5% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  48.75% {
    -o-transform: scale(1.2) rotate(0deg);
       transform: scale(1.2) rotate(0deg);
  }

  52.5% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes iconAgilityInPlates {
  0% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  17.5% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }

  26.25% {
    -webkit-transform: scale(0.9) rotate(0deg);
         -o-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg);
  }

  30% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  36.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.2) rotate(0deg);
         -o-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  41.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  47.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  48.75% {
    -webkit-transform: scale(1.2) rotate(0deg);
         -o-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  52.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes iconAgilityInChevron {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  35% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconAgilityInChevron {
  0% {
    -o-transform: scale(0.5);
       transform: scale(0.5);
    opacity: 0;
  }

  25% {
    -o-transform: scale(0.5);
       transform: scale(0.5);
    opacity: 0;
  }

  35% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  45% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  46.25% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  50% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconAgilityInChevron {
  0% {
    -webkit-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  35% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  45% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  50% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconAgilityInChevronOuter {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  40% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconAgilityInChevronOuter {
  0% {
    -o-transform: scale(0.7);
       transform: scale(0.7);
    opacity: 0;
  }

  40% {
    -o-transform: scale(0.7);
       transform: scale(0.7);
    opacity: 0;
  }

  45% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconAgilityInChevronOuter {
  0% {
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  40% {
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  45% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* idle animation
2.37 duration
0 bounce chevron, chevouter, ring, plates in 0.05 increments
0.45 bounce
0.9 hold
*/

@-webkit-keyframes iconAgilityIdleChevron {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  8.44% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  18.99% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  27.43% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconAgilityIdleChevron {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  2.11% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  8.44% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  18.99% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  21.1% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  27.43% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconAgilityIdleChevron {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  8.44% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  18.99% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  27.43% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconAgilityIdleChevronOuter {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  10.55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  29.54% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconAgilityIdleChevronOuter {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  2.11% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  4.22% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  10.55% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  21.1% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  23.21% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  29.54% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconAgilityIdleChevronOuter {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  10.55% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  29.54% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconAgilityIdleRing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  12.66% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  31.65% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconAgilityIdleRing {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  4.22% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  6.33% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  12.66% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  23.21% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  25.32% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  31.65% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconAgilityIdleRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  12.66% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  31.65% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconAgilityIdlePlates {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  8.44% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  14.77% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  27.43% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.76% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconAgilityIdlePlates {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  6.33% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  8.44% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  14.77% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  25.32% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  27.43% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  33.76% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconAgilityIdlePlates {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  8.44% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  14.77% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  27.43% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.76% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

/* exit animation
duration 1s
contract
expand
*/

@-webkit-keyframes iconAgilityOutChevron {
  30% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  60% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  85% {
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }
}

@-o-keyframes iconAgilityOutChevron {
  30% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  60% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  85% {
    -o-transform: scale(1.35);
       transform: scale(1.35);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.35);
       transform: scale(1.35);
    opacity: 0;
  }
}

@keyframes iconAgilityOutChevron {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  60% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  85% {
    -webkit-transform: scale(1.35);
         -o-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.35);
         -o-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }
}

@-webkit-keyframes iconAgilityOutChevronOuter {
  30% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  65% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  90% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@-o-keyframes iconAgilityOutChevronOuter {
  30% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  65% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  90% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes iconAgilityOutChevronOuter {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  65% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  90% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@-webkit-keyframes iconAgilityOutRing {
  30% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  70% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  95% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}

@-o-keyframes iconAgilityOutRing {
  30% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  70% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  95% {
    -o-transform: scale(1.25);
       transform: scale(1.25);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.25);
       transform: scale(1.25);
    opacity: 0;
  }
}

@keyframes iconAgilityOutRing {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  70% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  95% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}

@-webkit-keyframes iconAgilityOutPlates {
  30% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes iconAgilityOutPlates {
  30% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  75% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconAgilityOutPlates {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  75% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

.skills .skillselector .skill.explosives .icon .techcircle {
  /*inner and outer circles have their own containers so they can be controlled independantly*/
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring,
.skills .skillselector .skill.explosives .icon .techcircle .outerring {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  -webkit-animation: iconExplosiveOutInner 1s forwards;
       -o-animation: iconExplosiveOutInner 1s forwards;
          animation: iconExplosiveOutInner 1s forwards;
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 {
  opacity: 1;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s, -o-transform 1s;
  -webkit-animation: opacityOut 0.5s forwards;
       -o-animation: opacityOut 0.5s forwards;
          animation: opacityOut 0.5s forwards;
  -webkit-transform: scale(1.07);
       -o-transform: scale(1.07);
          transform: scale(1.07);
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 .st0 {
  fill: #f15a24;
  fill-opacity: 1;
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 {
  -webkit-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09 {
  -webkit-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.skills .skillselector .skill.explosives .icon .techcircle .outerring {
  -webkit-animation: iconExplosiveOutOuter 1s forwards;
       -o-animation: iconExplosiveOutOuter 1s forwards;
          animation: iconExplosiveOutOuter 1s forwards;
}

.skills .skillselector .skill.explosives:hover .kit .st0,
.skills .skillselector .skill.explosives.sel .kit .st0 {
  fill: #f15a24;
}

.skills .skillselector .skill.explosives:hover .techcircle svg,
.skills .skillselector .skill.explosives.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring,
.skills .skillselector .skill.explosives.sel .techcircle .innerring {
  -webkit-animation: iconExplosiveInInner 4.4s forwards;
       -o-animation: iconExplosiveInInner 4.4s forwards;
          animation: iconExplosiveInInner 4.4s forwards;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner10 {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner01 {
  -webkit-animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
       -o-animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
          animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner02 {
  -webkit-animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
       -o-animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
          animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner03 {
  -webkit-animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
       -o-animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
          animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner04 {
  -webkit-animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
       -o-animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
          animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner05 {
  -webkit-animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
       -o-animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
          animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner06 {
  -webkit-animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
       -o-animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
          animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner07 {
  -webkit-animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
       -o-animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
          animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner08 {
  -webkit-animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
       -o-animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
          animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner09 {
  -webkit-animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
       -o-animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
          animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner10 {
  -webkit-animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
       -o-animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
          animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring,
.skills .skillselector .skill.explosives.sel .techcircle .outerring {
  -webkit-animation: iconExplosiveInOuter 4.4s forwards;
       -o-animation: iconExplosiveInOuter 4.4s forwards;
          animation: iconExplosiveInOuter 4.4s forwards;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer10,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer10 {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer01 {
  -webkit-animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
       -o-animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
          animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer02 {
  -webkit-animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
       -o-animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
          animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer03 {
  -webkit-animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
       -o-animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
          animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer04 {
  -webkit-animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
       -o-animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
          animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer05 {
  -webkit-animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
       -o-animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
          animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer06 {
  -webkit-animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
       -o-animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
          animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer07 {
  -webkit-animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
       -o-animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
          animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer08 {
  -webkit-animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
       -o-animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
          animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer09 {
  -webkit-animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
       -o-animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
          animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer10,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer10 {
  -webkit-animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
       -o-animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
          animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

/*explosive animations*/

/*0-1.5s rotate 180 and fade in
1.5s light One
1.6 light Three
1.7 light Five
1.8 light Seven
1.9 light Nine
2 shrink
2.3 hold
2.5 explode
2.9 hold and slow spin
3.9 retract
4.4 end*/

/* declare all transforms (scale rotate translate) together otherwise only last transform will apply, or use separate containers to do different transforms*/

@-webkit-keyframes iconExplosiveInOuter {
  0% {
    -webkit-transform: scale(1.3) rotate(-180deg);
            transform: scale(1.3) rotate(-180deg);
    opacity: 0;
  }

  7% {
    opacity: 1;
  }

  27% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-5deg);
            transform: scale(1.5) rotate(-5deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconExplosiveInOuter {
  0% {
    -o-transform: scale(1.3) rotate(-180deg);
       transform: scale(1.3) rotate(-180deg);
    opacity: 0;
  }

  7% {
    opacity: 1;
  }

  27% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  45% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  52% {
    -o-transform: scale(0.95) rotate(0deg);
       transform: scale(0.95) rotate(0deg);
  }

  57% {
    -o-transform: scale(0.95) rotate(0deg);
       transform: scale(0.95) rotate(0deg);
  }

  66% {
    -o-transform: scale(1.5) rotate(0deg);
       transform: scale(1.5) rotate(0deg);
  }

  89% {
    -o-transform: scale(1.5) rotate(-5deg);
       transform: scale(1.5) rotate(-5deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconExplosiveInOuter {
  0% {
    -webkit-transform: scale(1.3) rotate(-180deg);
         -o-transform: scale(1.3) rotate(-180deg);
            transform: scale(1.3) rotate(-180deg);
    opacity: 0;
  }

  7% {
    opacity: 1;
  }

  27% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.95) rotate(0deg);
         -o-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.95) rotate(0deg);
         -o-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
         -o-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-5deg);
         -o-transform: scale(1.5) rotate(-5deg);
            transform: scale(1.5) rotate(-5deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes iconExplosiveInInner {
  7% {
    -webkit-transform: scale(1.2) rotate(-180deg);
            transform: scale(1.2) rotate(-180deg);
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  34% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-10deg);
            transform: scale(1.5) rotate(-10deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconExplosiveInInner {
  7% {
    -o-transform: scale(1.2) rotate(-180deg);
       transform: scale(1.2) rotate(-180deg);
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  34% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  45% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  52% {
    -o-transform: scale(0.93) rotate(0deg);
       transform: scale(0.93) rotate(0deg);
  }

  57% {
    -o-transform: scale(0.93) rotate(0deg);
       transform: scale(0.93) rotate(0deg);
  }

  66% {
    -o-transform: scale(1.5) rotate(0deg);
       transform: scale(1.5) rotate(0deg);
  }

  89% {
    -o-transform: scale(1.5) rotate(-10deg);
       transform: scale(1.5) rotate(-10deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconExplosiveInInner {
  7% {
    -webkit-transform: scale(1.2) rotate(-180deg);
         -o-transform: scale(1.2) rotate(-180deg);
            transform: scale(1.2) rotate(-180deg);
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  34% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.93) rotate(0deg);
         -o-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.93) rotate(0deg);
         -o-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
         -o-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-10deg);
         -o-transform: scale(1.5) rotate(-10deg);
            transform: scale(1.5) rotate(-10deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

/* using a random angle for the explosion, but we want to remember that angle for the slow motion effect so store it in a variable */

@-webkit-keyframes iconExplosiveInInnerOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  /* change the transform origin real quick while it's not moving, otherwise it changes the origin slowly over the transition, making it look more like an arc rather than a spin from the explosion */
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
  }

  /* here letting the origin transition slowly makes it look more like a magnet pulling the pieces back together */
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  /* change the transform origin real quick while it's not moving, otherwise it changes the origin slowly over the transition, making it look more like an arc rather than a spin from the explosion */
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 50% 7%;
       transform-origin: 50% 7%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 50% 7%;
       transform-origin: 50% 7%;
    -o-transform: rotate(-253deg) scale(0.5);
       transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 50% 7%;
       transform-origin: 50% 7%;
    -o-transform: rotate(-253deg) scale(0.5);
       transform: rotate(-253deg) scale(0.5);
  }

  /* here letting the origin transition slowly makes it look more like a magnet pulling the pieces back together */
  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.07);
       transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  /* change the transform origin real quick while it's not moving, otherwise it changes the origin slowly over the transition, making it look more like an arc rather than a spin from the explosion */
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
  }

  /* here letting the origin transition slowly makes it look more like a magnet pulling the pieces back together */
  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerTwo {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 61% 9%;
       transform-origin: 61% 9%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 61% 9%;
       transform-origin: 61% 9%;
    -o-transform: rotate(-253deg) scale(0.5);
       transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 61% 9%;
       transform-origin: 61% 9%;
    -o-transform: rotate(-253deg) scale(0.5);
       transform: rotate(-253deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-93deg) scale(0.5);
            transform: rotate(-93deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-93deg) scale(0.5);
            transform: rotate(-93deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 82% 24%;
       transform-origin: 82% 24%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 82% 24%;
       transform-origin: 82% 24%;
    -o-transform: rotate(-93deg) scale(0.5);
       transform: rotate(-93deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 82% 24%;
       transform-origin: 82% 24%;
    -o-transform: rotate(-93deg) scale(0.5);
       transform: rotate(-93deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.07);
       transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-93deg) scale(0.5);
         -o-transform: rotate(-93deg) scale(0.5);
            transform: rotate(-93deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-93deg) scale(0.5);
         -o-transform: rotate(-93deg) scale(0.5);
            transform: rotate(-93deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerFour {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(335deg) scale(0.5);
            transform: rotate(335deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(335deg) scale(0.5);
            transform: rotate(335deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerFour {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 89% 65%;
       transform-origin: 89% 65%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 89% 65%;
       transform-origin: 89% 65%;
    -o-transform: rotate(335deg) scale(0.5);
       transform: rotate(335deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 89% 65%;
       transform-origin: 89% 65%;
    -o-transform: rotate(335deg) scale(0.5);
       transform: rotate(335deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerFour {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(335deg) scale(0.5);
         -o-transform: rotate(335deg) scale(0.5);
            transform: rotate(335deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(335deg) scale(0.5);
         -o-transform: rotate(335deg) scale(0.5);
            transform: rotate(335deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-139deg) scale(0.5);
            transform: rotate(-139deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-139deg) scale(0.5);
            transform: rotate(-139deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 70% 87%;
       transform-origin: 70% 87%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 70% 87%;
       transform-origin: 70% 87%;
    -o-transform: rotate(-139deg) scale(0.5);
       transform: rotate(-139deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 70% 87%;
       transform-origin: 70% 87%;
    -o-transform: rotate(-139deg) scale(0.5);
       transform: rotate(-139deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.07);
       transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-139deg) scale(0.5);
         -o-transform: rotate(-139deg) scale(0.5);
            transform: rotate(-139deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-139deg) scale(0.5);
         -o-transform: rotate(-139deg) scale(0.5);
            transform: rotate(-139deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerSix {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(297deg) scale(0.5);
            transform: rotate(297deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(297deg) scale(0.5);
            transform: rotate(297deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerSix {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 34% 89%;
       transform-origin: 34% 89%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 34% 89%;
       transform-origin: 34% 89%;
    -o-transform: rotate(297deg) scale(0.5);
       transform: rotate(297deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 34% 89%;
       transform-origin: 34% 89%;
    -o-transform: rotate(297deg) scale(0.5);
       transform: rotate(297deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerSix {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(297deg) scale(0.5);
         -o-transform: rotate(297deg) scale(0.5);
            transform: rotate(297deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(297deg) scale(0.5);
         -o-transform: rotate(297deg) scale(0.5);
            transform: rotate(297deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(52deg) scale(0.5);
            transform: rotate(52deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(52deg) scale(0.5);
            transform: rotate(52deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 9% 60%;
       transform-origin: 9% 60%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 9% 60%;
       transform-origin: 9% 60%;
    -o-transform: rotate(52deg) scale(0.5);
       transform: rotate(52deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 9% 60%;
       transform-origin: 9% 60%;
    -o-transform: rotate(52deg) scale(0.5);
       transform: rotate(52deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.07);
       transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(52deg) scale(0.5);
         -o-transform: rotate(52deg) scale(0.5);
            transform: rotate(52deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(52deg) scale(0.5);
         -o-transform: rotate(52deg) scale(0.5);
            transform: rotate(52deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerEight {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(-87deg) scale(0.5);
            transform: rotate(-87deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(-87deg) scale(0.5);
            transform: rotate(-87deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerEight {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 11% 34%;
       transform-origin: 11% 34%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 11% 34%;
       transform-origin: 11% 34%;
    -o-transform: rotate(-87deg) scale(0.5);
       transform: rotate(-87deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 11% 34%;
       transform-origin: 11% 34%;
    -o-transform: rotate(-87deg) scale(0.5);
       transform: rotate(-87deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerEight {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(-87deg) scale(0.5);
         -o-transform: rotate(-87deg) scale(0.5);
            transform: rotate(-87deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(-87deg) scale(0.5);
         -o-transform: rotate(-87deg) scale(0.5);
            transform: rotate(-87deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 25% 16%;
       transform-origin: 25% 16%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 25% 16%;
       transform-origin: 25% 16%;
    -o-transform: rotate(0deg) scale(0.5);
       transform: rotate(0deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 25% 16%;
       transform-origin: 25% 16%;
    -o-transform: rotate(0deg) scale(0.5);
       transform: rotate(0deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.07);
       transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(0.5);
         -o-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(0.5);
         -o-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInInnerTen {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(279deg) scale(0.5);
            transform: rotate(279deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(279deg) scale(0.5);
            transform: rotate(279deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveInInnerTen {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 40% 9%;
       transform-origin: 40% 9%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 40% 9%;
       transform-origin: 40% 9%;
    -o-transform: rotate(279deg) scale(0.5);
       transform: rotate(279deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -o-transform-origin: 40% 9%;
       transform-origin: 40% 9%;
    -o-transform: rotate(279deg) scale(0.5);
       transform: rotate(279deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerTen {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(279deg) scale(0.5);
         -o-transform: rotate(279deg) scale(0.5);
            transform: rotate(279deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(279deg) scale(0.5);
         -o-transform: rotate(279deg) scale(0.5);
            transform: rotate(279deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveInOuterOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(332deg) scale(0.5);
            transform: rotate(332deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(332deg) scale(0.5);
            transform: rotate(332deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 50% 2%;
       transform-origin: 50% 2%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 50% 2%;
       transform-origin: 50% 2%;
    -o-transform: rotate(332deg) scale(0.5);
       transform: rotate(332deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 50% 2%;
       transform-origin: 50% 2%;
    -o-transform: rotate(332deg) scale(0.5);
       transform: rotate(332deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(332deg) scale(0.5);
         -o-transform: rotate(332deg) scale(0.5);
            transform: rotate(332deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(332deg) scale(0.5);
         -o-transform: rotate(332deg) scale(0.5);
            transform: rotate(332deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-42deg) scale(0.5);
            transform: rotate(-42deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-42deg) scale(0.5);
            transform: rotate(-42deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterTwo {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 64% 5%;
       transform-origin: 64% 5%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 64% 5%;
       transform-origin: 64% 5%;
    -o-transform: rotate(-42deg) scale(0.5);
       transform: rotate(-42deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 64% 5%;
       transform-origin: 64% 5%;
    -o-transform: rotate(-42deg) scale(0.5);
       transform: rotate(-42deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-42deg) scale(0.5);
         -o-transform: rotate(-42deg) scale(0.5);
            transform: rotate(-42deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-42deg) scale(0.5);
         -o-transform: rotate(-42deg) scale(0.5);
            transform: rotate(-42deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(269deg) scale(0.5);
            transform: rotate(269deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(269deg) scale(0.5);
            transform: rotate(269deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 87% 21%;
       transform-origin: 87% 21%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 87% 21%;
       transform-origin: 87% 21%;
    -o-transform: rotate(269deg) scale(0.5);
       transform: rotate(269deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 87% 21%;
       transform-origin: 87% 21%;
    -o-transform: rotate(269deg) scale(0.5);
       transform: rotate(269deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(269deg) scale(0.5);
         -o-transform: rotate(269deg) scale(0.5);
            transform: rotate(269deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(269deg) scale(0.5);
         -o-transform: rotate(269deg) scale(0.5);
            transform: rotate(269deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterFour {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(318deg) scale(0.5);
            transform: rotate(318deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(318deg) scale(0.5);
            transform: rotate(318deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterFour {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 94% 68%;
       transform-origin: 94% 68%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 94% 68%;
       transform-origin: 94% 68%;
    -o-transform: rotate(318deg) scale(0.5);
       transform: rotate(318deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 94% 68%;
       transform-origin: 94% 68%;
    -o-transform: rotate(318deg) scale(0.5);
       transform: rotate(318deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterFour {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(318deg) scale(0.5);
         -o-transform: rotate(318deg) scale(0.5);
            transform: rotate(318deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(318deg) scale(0.5);
         -o-transform: rotate(318deg) scale(0.5);
            transform: rotate(318deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(218deg) scale(0.5);
            transform: rotate(218deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(218deg) scale(0.5);
            transform: rotate(218deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 73% 92%;
       transform-origin: 73% 92%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 73% 92%;
       transform-origin: 73% 92%;
    -o-transform: rotate(218deg) scale(0.5);
       transform: rotate(218deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 73% 92%;
       transform-origin: 73% 92%;
    -o-transform: rotate(218deg) scale(0.5);
       transform: rotate(218deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(218deg) scale(0.5);
         -o-transform: rotate(218deg) scale(0.5);
            transform: rotate(218deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(218deg) scale(0.5);
         -o-transform: rotate(218deg) scale(0.5);
            transform: rotate(218deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterSix {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(-130deg) scale(0.5);
            transform: rotate(-130deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(-130deg) scale(0.5);
            transform: rotate(-130deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterSix {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 33% 94%;
       transform-origin: 33% 94%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 33% 94%;
       transform-origin: 33% 94%;
    -o-transform: rotate(-130deg) scale(0.5);
       transform: rotate(-130deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 33% 94%;
       transform-origin: 33% 94%;
    -o-transform: rotate(-130deg) scale(0.5);
       transform: rotate(-130deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterSix {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(-130deg) scale(0.5);
         -o-transform: rotate(-130deg) scale(0.5);
            transform: rotate(-130deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(-130deg) scale(0.5);
         -o-transform: rotate(-130deg) scale(0.5);
            transform: rotate(-130deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(-284deg) scale(0.5);
            transform: rotate(-284deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(-284deg) scale(0.5);
            transform: rotate(-284deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 4% 62%;
       transform-origin: 4% 62%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 4% 62%;
       transform-origin: 4% 62%;
    -o-transform: rotate(-284deg) scale(0.5);
       transform: rotate(-284deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 4% 62%;
       transform-origin: 4% 62%;
    -o-transform: rotate(-284deg) scale(0.5);
       transform: rotate(-284deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(-284deg) scale(0.5);
         -o-transform: rotate(-284deg) scale(0.5);
            transform: rotate(-284deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(-284deg) scale(0.5);
         -o-transform: rotate(-284deg) scale(0.5);
            transform: rotate(-284deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterEight {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterEight {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 6% 32%;
       transform-origin: 6% 32%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 6% 32%;
       transform-origin: 6% 32%;
    -o-transform: rotate(0deg) scale(0.5);
       transform: rotate(0deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 6% 32%;
       transform-origin: 6% 32%;
    -o-transform: rotate(0deg) scale(0.5);
       transform: rotate(0deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterEight {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(0.5);
         -o-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(0.5);
         -o-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-163deg) scale(0.5);
            transform: rotate(-163deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-163deg) scale(0.5);
            transform: rotate(-163deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 22% 12%;
       transform-origin: 22% 12%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 22% 12%;
       transform-origin: 22% 12%;
    -o-transform: rotate(-163deg) scale(0.5);
       transform: rotate(-163deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 22% 12%;
       transform-origin: 22% 12%;
    -o-transform: rotate(-163deg) scale(0.5);
       transform: rotate(-163deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-163deg) scale(0.5);
         -o-transform: rotate(-163deg) scale(0.5);
            transform: rotate(-163deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-163deg) scale(0.5);
         -o-transform: rotate(-163deg) scale(0.5);
            transform: rotate(-163deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveInOuterTen {
  56% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(-359deg) scale(0.5);
            transform: rotate(-359deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(-359deg) scale(0.5);
            transform: rotate(-359deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveInOuterTen {
  56% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -o-transform-origin: 39% 4%;
       transform-origin: 39% 4%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -o-transform-origin: 39% 4%;
       transform-origin: 39% 4%;
    -o-transform: rotate(-359deg) scale(0.5);
       transform: rotate(-359deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -o-transform-origin: 39% 4%;
       transform-origin: 39% 4%;
    -o-transform: rotate(-359deg) scale(0.5);
       transform: rotate(-359deg) scale(0.5);
  }

  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterTen {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(-359deg) scale(0.5);
         -o-transform: rotate(-359deg) scale(0.5);
            transform: rotate(-359deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(-359deg) scale(0.5);
         -o-transform: rotate(-359deg) scale(0.5);
            transform: rotate(-359deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

/* faster mouse out animation */

@-webkit-keyframes iconExplosiveOutOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
  }
}

@-o-keyframes iconExplosiveOutOuter {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1.2) rotate(90deg);
       transform: scale(1.2) rotate(90deg);
  }
}

@keyframes iconExplosiveOutOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
  }
}

@-webkit-keyframes iconExplosiveOutInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(-90deg);
            transform: scale(1.2) rotate(-90deg);
  }
}

@-o-keyframes iconExplosiveOutInner {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1.2) rotate(-90deg);
       transform: scale(1.2) rotate(-90deg);
  }
}

@keyframes iconExplosiveOutInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(-90deg);
         -o-transform: scale(1.2) rotate(-90deg);
            transform: scale(1.2) rotate(-90deg);
  }
}

@-webkit-keyframes iconExplosiveIdleInnerOne {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerOne {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  2.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  2.5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerOne {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerTwo {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  2.08333% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  2.5% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.91667% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerThree {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(2%, 1%) scale(1);
            transform: translate(2%, 1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  36.66667% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  37.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  37.5% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  37.91667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  38.33333% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  38.75% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.91667% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45.41667% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  46.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.6;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerThree {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  1.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  2.08333% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  2.5% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(2%, 1%) scale(1);
       transform: translate(2%, 1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0%, 2%);
       transform: translate(0%, 2%);
  }

  36.25% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  36.66667% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  37.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  37.5% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  37.91667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  38.33333% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  38.75% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  39.16667% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  40.83333% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  42.91667% {
    -o-transform: scale(1.4);
       transform: scale(1.4);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  45.41667% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  46.25% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  50% {
    opacity: 0.6;
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerThree {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(2%, 1%) scale(1);
         -o-transform: translate(2%, 1%) scale(1);
            transform: translate(2%, 1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  36.66667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  37.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  37.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  37.91667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  38.33333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  38.75% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.91667% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45.41667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  46.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.6;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerFour {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerFour {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  2.5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  35% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerFour {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerFive {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1%, 2%) scale(1);
            transform: translate(1%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  69.16667% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  69.58333% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  70% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  70.41667% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  70.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  71.25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  71.66667% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  72.08333% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerFive {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  1.25% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  2.08333% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  2.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  26.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(1%, 2%) scale(1);
       transform: translate(1%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  69.16667% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  69.58333% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  70% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  70.41667% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  70.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  71.25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  71.66667% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  72.08333% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  72.5% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  74.16667% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -o-transform: scale(1.4);
       transform: scale(1.4);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  78.75% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerFive {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1%, 2%) scale(1);
         -o-transform: translate(1%, 2%) scale(1);
            transform: translate(1%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  69.16667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  69.58333% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  70% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  70.41667% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  70.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  71.25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  71.66667% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  72.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerSix {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerSix {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  1.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(2%, 2%);
       transform: translate(2%, 2%);
  }

  2.08333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  2.5% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  26.25% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  34.58333% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  35% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  67.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerSix {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, 2%) scale(1);
            transform: translate(0%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  69.58333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70.41667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  71.25% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  71.66667% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerSeven {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  2.08333% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.5% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  34.58333% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(0%, 2%) scale(1);
       transform: translate(0%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  69.16667% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  69.58333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  70.41667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  70.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  71.25% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  71.66667% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  72.08333% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  72.5% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  74.16667% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -o-transform: scale(1.4);
       transform: scale(1.4);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  78.75% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, 2%) scale(1);
         -o-transform: translate(0%, 2%) scale(1);
            transform: translate(0%, 2%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  69.58333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  71.25% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  71.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerEight {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerEight {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  1.25% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  2.08333% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  2.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerEight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerNine {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerNine {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  1.25% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  2.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.5% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  35% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerNine {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleInnerTen {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-o-keyframes iconExplosiveIdleInnerTen {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  1.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  2.08333% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  2.5% {
    -o-transform: translate(2%, 2%);
       transform: translate(2%, 2%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  67.91667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  68.75% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerTen {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterOne {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterOne {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  1.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  2.08333% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.5% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  26.25% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  67.91667% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterOne {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterTwo {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  1.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -o-transform: translate(-1%, 0%);
       transform: translate(-1%, 0%);
  }

  2.08333% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  2.5% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  26.25% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterThree {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  35.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  36.66667% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  37.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  37.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  37.91667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  38.33333% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  38.75% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.5% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  45.41667% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.5;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterThree {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  2.08333% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.5% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  26.25% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(0%, -1%) scale(1);
       transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  35.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  36.25% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  36.66667% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  37.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  37.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  37.91667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  38.33333% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  38.75% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  39.16667% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  40.83333% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  42.5% {
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  45% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  45.41667% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  50% {
    opacity: 0.5;
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterThree {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0%, -1%) scale(1);
         -o-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  35.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  36.66667% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  37.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  37.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  37.91667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  38.33333% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  38.75% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.5% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  45.41667% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.5;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterFour {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterFour {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  1.25% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  2.08333% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.5% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  35% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterFour {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterFive {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  69.58333% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  70% {
    -webkit-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  70.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  71.25% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  71.66667% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterFive {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  2.08333% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  2.5% {
    -o-transform: translate(-1%, 0%);
       transform: translate(-1%, 0%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  67.91667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(0%, -1%) scale(1);
       transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  69.16667% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  69.58333% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  70% {
    -o-transform: translate(2%, 2%);
       transform: translate(2%, 2%);
  }

  70.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  70.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  71.25% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  71.66667% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  72.08333% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  72.5% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  74.16667% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  78.33333% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterFive {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, -1%) scale(1);
         -o-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  69.58333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  70% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  70.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  71.25% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  71.66667% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterSix {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterSix {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.08333% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }

  2.5% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterSix {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.5% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  69.58333% {
    -webkit-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  70% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  70.41667% {
    -webkit-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  71.25% {
    -webkit-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  71.66667% {
    -webkit-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  72.08333% {
    -webkit-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterSeven {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.08333% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  2.5% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  2.91667% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  26.25% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  34.58333% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  35% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -o-transform: translate(0%, -1%) scale(1);
       transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -o-transform: translate(2%, 0%);
       transform: translate(2%, 0%);
  }

  69.16667% {
    -o-transform: translate(1%, 2%);
       transform: translate(1%, 2%);
  }

  69.58333% {
    -o-transform: translate(0%, -1%);
       transform: translate(0%, -1%);
  }

  70% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  70.41667% {
    -o-transform: translate(-1%, 0%);
       transform: translate(-1%, 0%);
  }

  70.83333% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  71.25% {
    -o-transform: translate(-1%, 2%);
       transform: translate(-1%, 2%);
  }

  71.66667% {
    -o-transform: translate(-1%, 0%);
       transform: translate(-1%, 0%);
  }

  72.08333% {
    -o-transform: translate(-1%, 0%);
       transform: translate(-1%, 0%);
  }

  72.5% {
    -o-transform: translate(0%, 0%) scale(0.9);
       transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  74.16667% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.5;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  78.33333% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.5% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, -1%) scale(1);
         -o-transform: translate(0%, -1%) scale(1);
            transform: translate(0%, -1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  69.58333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  70% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  70.41667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  71.25% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  71.66667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  72.08333% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterEight {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterEight {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }

  2.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.5% {
    -o-transform: translate(0%, 2%);
       transform: translate(0%, 2%);
  }

  2.91667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  26.25% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35% {
    -o-transform: translate(1.5%, -0.5%);
       transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterEight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterNine {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterNine {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  1.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.08333% {
    -o-transform: translate(2%, 1%);
       transform: translate(2%, 1%);
  }

  2.5% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  2.91667% {
    -o-transform: translate(1.5%, 0.5%);
       transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  26.25% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  34.58333% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  35% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  67.91667% {
    -o-transform: translate(-0.5%, -0.5%);
       transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -o-transform: translate(0.5%, -0.5%);
       transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterNine {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-webkit-keyframes iconExplosiveIdleOuterTen {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@-o-keyframes iconExplosiveIdleOuterTen {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  1.25% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.08333% {
    -o-transform: translate(1%, -1%);
       transform: translate(1%, -1%);
  }

  2.5% {
    -o-transform: translate(2%, -1%);
       transform: translate(2%, -1%);
  }

  2.91667% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  3.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  25.41667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  26.25% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  27.5% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.33333% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  33.75% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -o-transform: translate(1%, 1%);
       transform: translate(1%, 1%);
  }

  34.58333% {
    -o-transform: translate(0.5%, 1.5%);
       transform: translate(0.5%, 1.5%);
  }

  35% {
    -o-transform: translate(-0.5%, 0.5%);
       transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -o-transform: translate(0%, 1%);
       transform: translate(0%, 1%);
  }

  35.83333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  66.66667% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.08333% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  67.91667% {
    -o-transform: translate(1.5%, 1.5%);
       transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -o-transform: translate(-0.5%, 1.5%);
       transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }

  69.16667% {
    -o-transform: translate(0.5%, 0.5%);
       transform: translate(0.5%, 0.5%);
  }

  70% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterTen {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

.skills .skillselector .skill.strength .icon .techcircle svg .st0 {
  fill: #fcd221;
}

.skills .skillselector .skill.strength .icon .techcircle .outer {
  -webkit-animation: iconStrengthOutOuter 1s forwards;
       -o-animation: iconStrengthOutOuter 1s forwards;
          animation: iconStrengthOutOuter 1s forwards;
  fill-opacity: 0.4;
}

.skills .skillselector .skill.strength .icon .techcircle .bar {
  -webkit-animation: iconStrengthOutBar 1s forwards;
       -o-animation: iconStrengthOutBar 1s forwards;
          animation: iconStrengthOutBar 1s forwards;
  fill-opacity: 0.6;
}

.skills .skillselector .skill.strength .icon .techcircle .pinky,
.skills .skillselector .skill.strength .icon .techcircle .ring,
.skills .skillselector .skill.strength .icon .techcircle .middle,
.skills .skillselector .skill.strength .icon .techcircle .index {
  -webkit-animation: iconStrengthOutPinkys 1s forwards;
       -o-animation: iconStrengthOutPinkys 1s forwards;
          animation: iconStrengthOutPinkys 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .index {
  -webkit-animation: iconStrengthOutIndexs 1s forwards;
       -o-animation: iconStrengthOutIndexs 1s forwards;
          animation: iconStrengthOutIndexs 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .middle {
  -webkit-animation: iconStrengthOutMiddles 1s forwards;
       -o-animation: iconStrengthOutMiddles 1s forwards;
          animation: iconStrengthOutMiddles 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .ring {
  -webkit-animation: iconStrengthOutRings 1s forwards;
       -o-animation: iconStrengthOutRings 1s forwards;
          animation: iconStrengthOutRings 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .thumb {
  -webkit-animation: iconStrengthOutThumbs 1s forwards;
       -o-animation: iconStrengthOutThumbs 1s forwards;
          animation: iconStrengthOutThumbs 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .light,
.skills .skillselector .skill.strength .icon .techcircle .medium,
.skills .skillselector .skill.strength .icon .techcircle .heavy,
.skills .skillselector .skill.strength .icon .techcircle .top {
  -webkit-animation: iconStrengthOutLight 1s forwards;
       -o-animation: iconStrengthOutLight 1s forwards;
          animation: iconStrengthOutLight 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .top {
  -webkit-animation: iconStrengthOutTop 1s forwards;
       -o-animation: iconStrengthOutTop 1s forwards;
          animation: iconStrengthOutTop 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .heavy {
  -webkit-animation: iconStrengthOutHeavy 1s forwards;
       -o-animation: iconStrengthOutHeavy 1s forwards;
          animation: iconStrengthOutHeavy 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .medium {
  -webkit-animation: iconStrengthOutMedium 1s forwards;
       -o-animation: iconStrengthOutMedium 1s forwards;
          animation: iconStrengthOutMedium 1s forwards;
}

.skills .skillselector .skill.strength:hover .kit .st0,
.skills .skillselector .skill.strength.sel .kit .st0 {
  fill: #fcd221;
}

.skills .skillselector .skill.strength:hover .techcircle,
.skills .skillselector .skill.strength.sel .techcircle {
  -webkit-animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
       -o-animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
          animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle svg,
.skills .skillselector .skill.strength.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.strength:hover .techcircle .bar,
.skills .skillselector .skill.strength.sel .techcircle .bar {
  -webkit-animation: iconStrengthInBar 4.6s forwards;
       -o-animation: iconStrengthInBar 4.6s forwards;
          animation: iconStrengthInBar 4.6s forwards;
}

.skills .skillselector .skill.strength:hover .techcircle .outer,
.skills .skillselector .skill.strength.sel .techcircle .outer {
  -webkit-animation: iconStrengthInOuter 4.6s forwards;
       -o-animation: iconStrengthInOuter 4.6s forwards;
          animation: iconStrengthInOuter 4.6s forwards;
}

.skills .skillselector .skill.strength:hover .techcircle .pinky,
.skills .skillselector .skill.strength.sel .techcircle .pinky {
  -webkit-animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
       -o-animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
          animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .pinky.right,
.skills .skillselector .skill.strength.sel .techcircle .pinky.right {
  -webkit-animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
       -o-animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
          animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .ring,
.skills .skillselector .skill.strength.sel .techcircle .ring {
  -webkit-animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
       -o-animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
          animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .ring.right,
.skills .skillselector .skill.strength.sel .techcircle .ring.right {
  -webkit-animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
       -o-animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
          animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .middle,
.skills .skillselector .skill.strength.sel .techcircle .middle {
  -webkit-animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
       -o-animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
          animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .middle.right,
.skills .skillselector .skill.strength.sel .techcircle .middle.right {
  -webkit-animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
       -o-animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
          animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .index,
.skills .skillselector .skill.strength.sel .techcircle .index {
  -webkit-animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
       -o-animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
          animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .index.right,
.skills .skillselector .skill.strength.sel .techcircle .index.right {
  -webkit-animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
       -o-animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
          animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .thumb,
.skills .skillselector .skill.strength.sel .techcircle .thumb {
  -webkit-animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
       -o-animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
          animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .thumb.right,
.skills .skillselector .skill.strength.sel .techcircle .thumb.right {
  -webkit-animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
       -o-animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
          animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .light,
.skills .skillselector .skill.strength.sel .techcircle .light {
  -webkit-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
       -o-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
          animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .light.left,
.skills .skillselector .skill.strength.sel .techcircle .light.left {
  -webkit-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
       -o-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
          animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .medium,
.skills .skillselector .skill.strength.sel .techcircle .medium {
  -webkit-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
       -o-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
          animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .medium.left,
.skills .skillselector .skill.strength.sel .techcircle .medium.left {
  -webkit-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
       -o-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
          animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .heavy,
.skills .skillselector .skill.strength.sel .techcircle .heavy {
  -webkit-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
       -o-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
          animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .heavy.left,
.skills .skillselector .skill.strength.sel .techcircle .heavy.left {
  -webkit-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
       -o-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
          animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .top,
.skills .skillselector .skill.strength.sel .techcircle .top {
  -webkit-animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
       -o-animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
          animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

/* total duration 4.6s 
fade and rotate in bar and outer
fade in all fingers
grip left hand and rotate clockwise
grip right hand and rotate counterclockwise
rotate center
slam down weights
*/

@-webkit-keyframes iconStrengthIn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  17.39% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35.87% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  40.22% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  47.83% {
    -webkit-transform: rotate(0deg) translate(0%, 0%);
            transform: rotate(0deg) translate(0%, 0%);
  }

  48.91% {
    -webkit-transform: translate(0%, 5%);
            transform: translate(0%, 5%);
  }

  52.17% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  55.43% {
    -webkit-transform: translate(0%, 6%);
            transform: translate(0%, 6%);
  }

  58.7% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  61.96% {
    -webkit-transform: translate(0%, 7%);
            transform: translate(0%, 7%);
  }

  65.22% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  68.48% {
    -webkit-transform: translate(0%, 8%);
            transform: translate(0%, 8%);
  }

  75% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-o-keyframes iconStrengthIn {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  17.39% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  35.87% {
    -o-transform: rotate(10deg);
       transform: rotate(10deg);
  }

  40.22% {
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }

  47.83% {
    -o-transform: rotate(0deg) translate(0%, 0%);
       transform: rotate(0deg) translate(0%, 0%);
  }

  48.91% {
    -o-transform: translate(0%, 5%);
       transform: translate(0%, 5%);
  }

  52.17% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  54.35% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  55.43% {
    -o-transform: translate(0%, 6%);
       transform: translate(0%, 6%);
  }

  58.7% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  60.87% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  61.96% {
    -o-transform: translate(0%, 7%);
       transform: translate(0%, 7%);
  }

  65.22% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  67.39% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  68.48% {
    -o-transform: translate(0%, 8%);
       transform: translate(0%, 8%);
  }

  75% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
}

@keyframes iconStrengthIn {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  17.39% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35.87% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  40.22% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  47.83% {
    -webkit-transform: rotate(0deg) translate(0%, 0%);
         -o-transform: rotate(0deg) translate(0%, 0%);
            transform: rotate(0deg) translate(0%, 0%);
  }

  48.91% {
    -webkit-transform: translate(0%, 5%);
         -o-transform: translate(0%, 5%);
            transform: translate(0%, 5%);
  }

  52.17% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  55.43% {
    -webkit-transform: translate(0%, 6%);
         -o-transform: translate(0%, 6%);
            transform: translate(0%, 6%);
  }

  58.7% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  61.96% {
    -webkit-transform: translate(0%, 7%);
         -o-transform: translate(0%, 7%);
            transform: translate(0%, 7%);
  }

  65.22% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  68.48% {
    -webkit-transform: translate(0%, 8%);
         -o-transform: translate(0%, 8%);
            transform: translate(0%, 8%);
  }

  75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-webkit-keyframes iconStrengthInLight {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  41.3% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLight {
  0% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  41.3% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInLight {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  41.3% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInMedium {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInMedium {
  0% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInMedium {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInHeavy {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInHeavy {
  0% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInHeavy {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInTop {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInTop {
  0% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  67.39% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInTop {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInBar {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInBar {
  0% {
    -o-transform: rotate(-360deg);
       transform: rotate(-360deg);
    opacity: 0;
  }

  21.74% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes iconStrengthInBar {
  0% {
    -webkit-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInOuter {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInOuter {
  0% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
    opacity: 0;
  }

  21.74% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes iconStrengthInOuter {
  0% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

/* 0.3s fade in, 0.3s grip 0.05s apart*/

@-webkit-keyframes iconStrengthInLeftPinky {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  10.87% {
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  26.09% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  32.61% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLeftPinky {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  10.87% {
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  26.09% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  32.61% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftPinky {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  10.87% {
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  26.09% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  32.61% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInLeftRing {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  27.17% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.7% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLeftRing {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  27.17% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  33.7% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftRing {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  27.17% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.7% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInLeftMiddle {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  28.26% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  34.78% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLeftMiddle {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  28.26% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  34.78% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftMiddle {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  28.26% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  34.78% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInLeftIndex {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  29.35% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  /*1.35 */
  35.87% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  /*1.65*/
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLeftIndex {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  29.35% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  /*1.35 */
  35.87% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  /*1.65*/
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftIndex {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  29.35% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  /*1.35 */
  35.87% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  /*1.65*/
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInRightPinky {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  30.43% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  36.96% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInRightPinky {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  30.43% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  36.96% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightPinky {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  30.43% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  36.96% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInRightRing {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  38.04% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInRightRing {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  31.52% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  38.04% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightRing {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  38.04% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInRightMiddle {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  32.61% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  39.13% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInRightMiddle {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  32.61% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  39.13% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightMiddle {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  32.61% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  39.13% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInRightIndex {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  33.7% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  40.22% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInRightIndex {
  0% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 1;
  }

  33.7% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  40.22% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightIndex {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  33.7% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  40.22% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInLeftThumb {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  44.57% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInLeftThumb {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  31.52% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  44.57% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftThumb {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  44.57% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconStrengthInRightThumb {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  34.78% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  47.83% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconStrengthInRightThumb {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 1;
  }

  34.78% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
  }

  47.83% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightThumb {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  34.78% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  47.83% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* out animation 1s
raise and fade out weights
open hands
spin and fade out 
fade out hands
*/

@-webkit-keyframes iconStrengthOutTop {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  20% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutTop {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  20% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutTop {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  20% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutHeavy {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  5% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  25% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutHeavy {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  5% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  25% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutHeavy {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  25% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutMedium {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  1% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  3% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutMedium {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  1% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  3% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutMedium {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  1% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  3% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutLight {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  15% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  35% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutLight {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  15% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
    opacity: 1;
  }

  35% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -o-transform: translate(0%, -20%);
       transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutLight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  15% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  35% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutThumbs {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutThumbs {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  20% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  55% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes iconStrengthOutThumbs {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutIndexs {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutIndexs {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  20% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  40% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutIndexs {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutMiddles {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  45% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutMiddles {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  25% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  45% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutMiddles {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  45% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutRings {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutRings {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  30% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutRings {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutPinkys {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  35% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutPinkys {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  35% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  55% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutPinkys {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  35% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutBar {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutBar {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
    opacity: 0;
  }
}

@keyframes iconStrengthOutBar {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
    opacity: 0;
  }
}

@-webkit-keyframes iconStrengthOutOuter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 0;
  }
}

@-o-keyframes iconStrengthOutOuter {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
    opacity: 0;
  }
}

@keyframes iconStrengthOutOuter {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 0;
  }
}

/* idle animation 17s
lean left
lean right
steady
lean right
collapse weights
bump
steady
adjust right
adjust left
steady
*/

@-webkit-keyframes iconStrengthIdle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  5.88235% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  8.23529% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  14.11765% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  22.35294% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.05882% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  38.82353% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  40.29412% {
    -webkit-transform: rotate(17deg);
            transform: rotate(17deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  41.17647% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  41.76471% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  42.05882% {
    -webkit-transform: rotate(17.5deg);
            transform: rotate(17.5deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  42.94118% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  43.52941% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  43.82353% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  44.70588% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  45.29412% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  45.58824% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  46.47059% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  51.17647% {
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }

  52.94118% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  64.70588% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  76.47059% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  79.41176% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.23529% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  95.88235% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  98.82353% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdle {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  5.88235% {
    -o-transform: rotate(-5deg);
       transform: rotate(-5deg);
  }

  8.23529% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  14.11765% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  20% {
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
  }

  22.35294% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  27.05882% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  38.82353% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  40% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }

  40.29412% {
    -o-transform: rotate(17deg);
       transform: rotate(17deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  41.17647% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  41.76471% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }

  42.05882% {
    -o-transform: rotate(17.5deg);
       transform: rotate(17.5deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  42.94118% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  43.52941% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }

  43.82353% {
    -o-transform: rotate(18deg);
       transform: rotate(18deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  44.70588% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  45.29412% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }

  45.58824% {
    -o-transform: rotate(20deg);
       transform: rotate(20deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  46.47059% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }

  51.17647% {
    -o-transform: rotate(16deg);
       transform: rotate(16deg);
  }

  52.94118% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  64.70588% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  76.47059% {
    -o-transform: rotate(4deg);
       transform: rotate(4deg);
  }

  79.41176% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  88.23529% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  95.88235% {
    -o-transform: rotate(-6deg);
       transform: rotate(-6deg);
  }

  98.82353% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdle {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  5.88235% {
    -webkit-transform: rotate(-5deg);
         -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  8.23529% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  14.11765% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  22.35294% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.05882% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  38.82353% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  40.29412% {
    -webkit-transform: rotate(17deg);
         -o-transform: rotate(17deg);
            transform: rotate(17deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  41.17647% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  41.76471% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  42.05882% {
    -webkit-transform: rotate(17.5deg);
         -o-transform: rotate(17.5deg);
            transform: rotate(17.5deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  42.94118% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  43.52941% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  43.82353% {
    -webkit-transform: rotate(18deg);
         -o-transform: rotate(18deg);
            transform: rotate(18deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  44.70588% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  45.29412% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  45.58824% {
    -webkit-transform: rotate(20deg);
         -o-transform: rotate(20deg);
            transform: rotate(20deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  46.47059% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  51.17647% {
    -webkit-transform: rotate(16deg);
         -o-transform: rotate(16deg);
            transform: rotate(16deg);
  }

  52.94118% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  64.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  76.47059% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  79.41176% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.23529% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  95.88235% {
    -webkit-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  98.82353% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleRightLight {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  39.41176% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  52.94118% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleRightLight {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  39.41176% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  40% {
    -o-transform: rotate(2deg);
       transform: rotate(2deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(2deg);
       transform: rotate(2deg);
  }

  52.94118% {
    -o-transform: rotate(-2deg);
       transform: rotate(-2deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightLight {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  39.41176% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  52.94118% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleRightMedium {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.17647% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.76471% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  52.94118% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleRightMedium {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  41.17647% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  41.76471% {
    -o-transform: rotate(4deg);
       transform: rotate(4deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(4deg);
       transform: rotate(4deg);
  }

  52.94118% {
    -o-transform: rotate(-4deg);
       transform: rotate(-4deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightMedium {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.17647% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.76471% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  52.94118% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleRightHeavy {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  42.94118% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  43.52941% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }

  52.94118% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleRightHeavy {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  42.94118% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  43.52941% {
    -o-transform: rotate(6deg);
       transform: rotate(6deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(6deg);
       transform: rotate(6deg);
  }

  52.94118% {
    -o-transform: rotate(-6deg);
       transform: rotate(-6deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightHeavy {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  42.94118% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  43.52941% {
    -webkit-transform: rotate(6deg);
         -o-transform: rotate(6deg);
            transform: rotate(6deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(6deg);
         -o-transform: rotate(6deg);
            transform: rotate(6deg);
  }

  52.94118% {
    -webkit-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleLeftLight {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
  }

  52.94118% {
    -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleLeftLight {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  44.70588% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  45.29412% {
    -o-transform: rotate(14deg);
       transform: rotate(14deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(14deg);
       transform: rotate(14deg);
  }

  52.94118% {
    -o-transform: rotate(-14deg);
       transform: rotate(-14deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftLight {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(14deg);
         -o-transform: rotate(14deg);
            transform: rotate(14deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(14deg);
         -o-transform: rotate(14deg);
            transform: rotate(14deg);
  }

  52.94118% {
    -webkit-transform: rotate(-14deg);
         -o-transform: rotate(-14deg);
            transform: rotate(-14deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleLeftMedium {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }

  52.94118% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleLeftMedium {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  44.70588% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  45.29412% {
    -o-transform: rotate(12deg);
       transform: rotate(12deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(12deg);
       transform: rotate(12deg);
  }

  52.94118% {
    -o-transform: rotate(-12deg);
       transform: rotate(-12deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftMedium {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(12deg);
         -o-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(12deg);
         -o-transform: rotate(12deg);
            transform: rotate(12deg);
  }

  52.94118% {
    -webkit-transform: rotate(-12deg);
         -o-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleLeftHeavy {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  52.94118% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleLeftHeavy {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  44.70588% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  45.29412% {
    -o-transform: rotate(10deg);
       transform: rotate(10deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(10deg);
       transform: rotate(10deg);
  }

  52.94118% {
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftHeavy {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  52.94118% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleTop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }

  52.94118% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconStrengthIdleTop {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  44.70588% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  45.29412% {
    -o-transform: rotate(8deg);
       transform: rotate(8deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }

  51.17647% {
    -o-transform: rotate(8deg);
       transform: rotate(8deg);
  }

  52.94118% {
    -o-transform: rotate(-8deg);
       transform: rotate(-8deg);
  }

  53.52941% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleTop {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(8deg);
         -o-transform: rotate(8deg);
            transform: rotate(8deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(8deg);
         -o-transform: rotate(8deg);
            transform: rotate(8deg);
  }

  52.94118% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes iconStrengthIdleRightPinky {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  46.47059% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.64706% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.29412% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleRightPinky {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  46.47059% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.64706% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  50.29412% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightPinky {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.47059% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.64706% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.29412% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleRightRing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  46.76471% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.94118% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.58824% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleRightRing {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  46.76471% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.94118% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  50.58824% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.76471% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.94118% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.58824% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleRightMiddle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.05882% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  48.23529% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.88235% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleRightMiddle {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.05882% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  48.23529% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  50.88235% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightMiddle {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.05882% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.23529% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.88235% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleRightIndex {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.17647% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleRightIndex {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.35294% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  48.52941% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.17647% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightIndex {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.17647% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleRightThumb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  51.17647% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleRightThumb {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  47.35294% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  48.52941% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
  }

  51.17647% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightThumb {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  51.17647% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleLeftPinky {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  53.52941% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.70588% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.35294% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleLeftPinky {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  53.52941% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.70588% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  57.35294% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftPinky {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.52941% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.70588% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleLeftRing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  53.82353% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.64706% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleLeftRing {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  53.82353% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  55% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  57.64706% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.82353% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.64706% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleLeftMiddle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.11765% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55.29412% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.94118% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleLeftMiddle {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.11765% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  55.29412% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  57.94118% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftMiddle {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.11765% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.29412% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.94118% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleLeftIndex {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  58.23529% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleLeftIndex {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.41176% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  55.58824% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  58.23529% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftIndex {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  58.23529% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes iconStrengthIdleLeftThumb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  58.23529% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes iconStrengthIdleLeftThumb {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.41176% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  55.58824% {
    -o-transform: scale(0.9);
       transform: scale(0.9);
  }

  58.23529% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftThumb {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  58.23529% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.skills .skillselector .skill.firearms .icon .techcircle svg .st0 {
  fill: #009dff;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringouter {
  -webkit-animation: iconFirearmsOutRingOuter 1s forwards;
       -o-animation: iconFirearmsOutRingOuter 1s forwards;
          animation: iconFirearmsOutRingOuter 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringouter .st0 {
  fill-opacity: 0.5;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringinner {
  -webkit-animation: iconFirearmsOutRingInner 1s forwards;
       -o-animation: iconFirearmsOutRingInner 1s forwards;
          animation: iconFirearmsOutRingInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringinner .st0 {
  stroke: #009dff;
  stroke-opacity: 0.6;
  stroke-width: 8;
  fill: none;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ammo01,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo02,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo03,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo04,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo05,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo06,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo07 {
  -webkit-animation: iconFirearmsOutArrowInner 1s forwards;
       -o-animation: iconFirearmsOutArrowInner 1s forwards;
          animation: iconFirearmsOutArrowInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ammo01 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo02 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo03 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo04 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo05 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo06 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo07 .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowouter {
  -webkit-animation: iconFirearmsOutArrowOuter 1s forwards;
       -o-animation: iconFirearmsOutArrowOuter 1s forwards;
          animation: iconFirearmsOutArrowOuter 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowouter .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowinner {
  -webkit-animation: iconFirearmsOutArrowInner 1s forwards;
       -o-animation: iconFirearmsOutArrowInner 1s forwards;
          animation: iconFirearmsOutArrowInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowinner .st0 {
  fill-opacity: 0.7;
}

.skills .skillselector .skill.firearms:hover .icon .kit .st0,
.skills .skillselector .skill.firearms.sel .icon .kit .st0 {
  fill: #009dff;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle svg,
.skills .skillselector .skill.firearms.sel .icon .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringouter,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringouter {
  -webkit-animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
       -o-animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
          animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner {
  -webkit-animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
       -o-animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
          animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
  -webkit-animation-timing-function: ease-out, ease;
       -o-animation-timing-function: ease-out, ease;
          animation-timing-function: ease-out, ease;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner .st0.sm,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner .st0.sm {
  stroke-dasharray: 20%;
  stroke-dashoffset: 29%;
  -webkit-animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
       -o-animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
          animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner .st0.lg,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner .st0.lg {
  stroke-dasharray: 30%;
  stroke-dashoffset: 33%;
  -webkit-animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
       -o-animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
          animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .arrowinner,
.skills .skillselector .skill.firearms.sel .icon .techcircle .arrowinner {
  -webkit-animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
       -o-animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
          animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .arrowouter,
.skills .skillselector .skill.firearms.sel .icon .techcircle .arrowouter {
  -webkit-animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
       -o-animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
          animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo01,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo01 {
  -webkit-animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
       -o-animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
          animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo02,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo02 {
  -webkit-animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
       -o-animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
          animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo03,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo03 {
  -webkit-animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
       -o-animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
          animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo04,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo04 {
  -webkit-animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
       -o-animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
          animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo05,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo05 {
  -webkit-animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
       -o-animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
          animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo06,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo06 {
  -webkit-animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
       -o-animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
          animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo07,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo07 {
  -webkit-animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
       -o-animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
          animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

/*
4 second animation
0 spin & fade in outer ring
0.1 spin and fade in inner ring
0.5 fade and scale in inner arrow
0.6 fade and scale in outer arrow
0.7 fade in ammo07
0.75 fade in ammo06
0.8 fade in ammo05
0.85 fade in ammo04
0.9 fade in ammo03
0.95 fade in ammo02
1 fade in ammo01
1.5 fire
	1.5 scale out inner ring, grow dash
	1.55 scale out outer ring & ammo
	1.6 scale out inner arrow
	1.65 scale out outer arrow
	1.7 scale back parts uniformly
2 fire
2.5 fire
3.5 reload, scale in inner arrow, rotate outer ring & arrows
3.6 scale in outer arrow
3.7 fade in ammo02
3.8 fade in ammo01

*/

/*animate inner dash length to reflect aim accuracy and weapon recoil*/

@-webkit-keyframes iconFirearmsInRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  15% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  35% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  38.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  50% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  51.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  62.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  63.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  76.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  87.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@-o-keyframes iconFirearmsInRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  15% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  35% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  38.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  50% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  51.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  62.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  63.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  76.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  87.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@keyframes iconFirearmsInRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  15% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  35% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  38.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  50% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  51.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  62.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  63.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  76.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  87.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@-webkit-keyframes iconFirearmsInRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  15% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  35% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  38.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  50% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  51.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  62.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  63.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  76.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  87.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@-o-keyframes iconFirearmsInRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  15% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  35% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  38.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  50% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  51.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  62.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  63.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  76.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  87.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@keyframes iconFirearmsInRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  15% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  35% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  38.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  50% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  51.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  62.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  63.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  76.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  87.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@-webkit-keyframes iconFirearmsInRingInner {
  2.5% {
    -webkit-transform: rotate(-90deg) scale(1.1);
            transform: rotate(-90deg) scale(1.1);
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  37.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  62.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  75% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@-o-keyframes iconFirearmsInRingInner {
  2.5% {
    -o-transform: rotate(-90deg) scale(1.1);
       transform: rotate(-90deg) scale(1.1);
    opacity: 0;
  }

  15% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  37.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  38.75% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  50% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  51.25% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  62.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  63.75% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  75% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  76.25% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }
}

@keyframes iconFirearmsInRingInner {
  2.5% {
    -webkit-transform: rotate(-90deg) scale(1.1);
         -o-transform: rotate(-90deg) scale(1.1);
            transform: rotate(-90deg) scale(1.1);
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  37.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  62.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@-webkit-keyframes iconFirearmsInRingOuter {
  0% {
    -webkit-transform: rotate(90deg) scale(1.1);
            transform: rotate(90deg) scale(1.1);
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(1);
            transform: rotate(10deg) scale(1);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@-o-keyframes iconFirearmsInRingOuter {
  0% {
    -o-transform: rotate(90deg) scale(1.1);
       transform: rotate(90deg) scale(1.1);
    opacity: 0;
  }

  12.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  38.75% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  40% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  51.25% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  52.5% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  63.75% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  65% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  76.25% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  77.5% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  93.75% {
    -o-transform: rotate(10deg) scale(1);
       transform: rotate(10deg) scale(1);
  }

  100% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }
}

@keyframes iconFirearmsInRingOuter {
  0% {
    -webkit-transform: rotate(90deg) scale(1.1);
         -o-transform: rotate(90deg) scale(1.1);
            transform: rotate(90deg) scale(1.1);
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(1);
         -o-transform: rotate(10deg) scale(1);
            transform: rotate(10deg) scale(1);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@-webkit-keyframes iconFirearmsInArrowInner {
  0% {
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.95);
            transform: rotate(10deg) scale(0.95);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInArrowInner {
  0% {
    opacity: 0;
  }

  12.5% {
    -o-transform: rotate(0deg) scale(1.2);
       transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  20% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  40% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  41.25% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  52.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  53.75% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  65% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  66.25% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  77.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  78.75% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  93.75% {
    -o-transform: rotate(10deg) scale(0.95);
       transform: rotate(10deg) scale(0.95);
  }

  100% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInArrowInner {
  0% {
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1.2);
         -o-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.95);
         -o-transform: rotate(10deg) scale(0.95);
            transform: rotate(10deg) scale(0.95);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInArrowOuter {
  0% {
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  22.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  42.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  55% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  67.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  80% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.85);
            transform: rotate(10deg) scale(0.85);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInArrowOuter {
  0% {
    opacity: 0;
  }

  15% {
    -o-transform: rotate(0deg) scale(1.2);
       transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  22.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  41.25% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  42.5% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  53.75% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  55% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  66.25% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  67.5% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  78.75% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  80% {
    -o-transform: rotate(0deg) scale(1.1);
       transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  93.75% {
    -o-transform: rotate(10deg) scale(0.85);
       transform: rotate(10deg) scale(0.85);
  }

  100% {
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInArrowOuter {
  0% {
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1.2);
         -o-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  22.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  42.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  55% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  67.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  80% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.85);
         -o-transform: rotate(10deg) scale(0.85);
            transform: rotate(10deg) scale(0.85);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoOne {
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  41.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  97.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoOne {
  25% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  41.25% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  50% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  97.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoOne {
  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  41.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  97.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoTwo {
  23.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  27.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  53.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  62.5% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  96.25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoTwo {
  23.75% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  27.5% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  53.75% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  62.5% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  96.25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoTwo {
  23.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  27.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  62.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  96.25% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoThree {
  22.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  28.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  66.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  75% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  95% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoThree {
  22.5% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  28.75% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  52.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  66.25% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  75% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  95% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoThree {
  22.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  28.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  66.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  95% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoFour {
  21.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  26.25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  78.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  87.5% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoFour {
  21.25% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  26.25% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  52.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  63.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  65% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  78.75% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  87.5% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoFour {
  21.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  26.25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  87.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoFive {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoFive {
  20% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  52.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  63.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  65% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  76.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  77.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  87.5% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoFive {
  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoSix {
  18.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  23.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoSix {
  18.75% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  23.75% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  52.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  63.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  65% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  76.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  77.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  87.5% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoSix {
  18.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  23.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsInAmmoSeven {
  17.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  22.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsInAmmoSeven {
  17.5% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }

  22.5% {
    opacity: 1;
  }

  38.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  40% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  51.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  52.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  63.75% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  65% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  76.25% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  77.5% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  87.5% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoSeven {
  17.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  22.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

/* mouse out animations */

@-webkit-keyframes iconFirearmsOutRingInner {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(1.2);
            transform: rotate(180deg) scale(1.2);
  }
}

@-o-keyframes iconFirearmsOutRingInner {
  0% {
    opacity: 1;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -o-transform: rotate(180deg) scale(1.2);
       transform: rotate(180deg) scale(1.2);
  }
}

@keyframes iconFirearmsOutRingInner {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(1.2);
         -o-transform: rotate(180deg) scale(1.2);
            transform: rotate(180deg) scale(1.2);
  }
}

@-webkit-keyframes iconFirearmsOutRingOuter {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(1.2);
            transform: rotate(-180deg) scale(1.2);
  }
}

@-o-keyframes iconFirearmsOutRingOuter {
  0% {
    opacity: 1;
    -o-transform: rotate(0deg) scale(1);
       transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -o-transform: rotate(-180deg) scale(1.2);
       transform: rotate(-180deg) scale(1.2);
  }
}

@keyframes iconFirearmsOutRingOuter {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(1.2);
         -o-transform: rotate(-180deg) scale(1.2);
            transform: rotate(-180deg) scale(1.2);
  }
}

@-webkit-keyframes iconFirearmsOutArrowInner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@-o-keyframes iconFirearmsOutArrowInner {
  0% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    opacity: 0;
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
}

@keyframes iconFirearmsOutArrowInner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@-webkit-keyframes iconFirearmsOutArrowOuter {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}

@-o-keyframes iconFirearmsOutArrowOuter {
  0% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
  }

  100% {
    opacity: 0;
    -o-transform: scale(1.4);
       transform: scale(1.4);
  }
}

@keyframes iconFirearmsOutArrowOuter {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
  }
}

/* idle animation 
focus out
	inner ring: turn ccw, scale up, lengthen dash
	inner arrow: scale up;
	outer arrow: scale up more;
focus in
focus out
focus in
fire
hold
fire fire fire fire fire 
hold brief
fire
hold brief
reload
*/

@-webkit-keyframes iconFirearmsIdleRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  8.33333% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  12.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  29.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  41.66667% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  54.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  54.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  55% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  67.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  67.91667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  68.125% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  68.75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  70% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.41667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.625% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  71.25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  72.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.33333% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.54167% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  84.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@-o-keyframes iconFirearmsIdleRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  8.33333% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  12.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  29.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  41.66667% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  54.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  54.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  55% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  67.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  67.91667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  68.125% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  68.75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  70% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.41667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.625% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  71.25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  72.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.33333% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.54167% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  84.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@keyframes iconFirearmsIdleRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  8.33333% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  12.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  29.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  41.66667% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  54.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  54.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  55% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  67.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  67.91667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  68.125% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  68.75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  70% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.41667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.625% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  71.25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  72.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.33333% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.54167% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  84.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@-webkit-keyframes iconFirearmsIdleRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  8.33333% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  12.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  29.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  41.66667% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  54.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  54.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  55% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  67.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  67.91667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  68.125% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  68.75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  70% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.41667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.625% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  71.25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  72.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.33333% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.54167% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  84.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@-o-keyframes iconFirearmsIdleRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  8.33333% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  12.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  29.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  41.66667% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  54.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  54.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  55% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  67.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  67.91667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  68.125% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  68.75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  70% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.41667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.625% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  71.25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  72.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.33333% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.54167% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  84.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@keyframes iconFirearmsIdleRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  8.33333% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  12.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  29.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  41.66667% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  54.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  54.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  55% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  67.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  67.91667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  68.125% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  68.75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  70% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.41667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.625% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  71.25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  72.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.33333% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.54167% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  84.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@-webkit-keyframes iconFirearmsIdleRingInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  8.33333% {
    -webkit-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  12.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  29.16667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  41.66667% {
    -webkit-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.16667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.33333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconFirearmsIdleRingInner {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  8.33333% {
    -o-transform: scale(1.075) rotate(-90deg);
       transform: scale(1.075) rotate(-90deg);
  }

  12.5% {
    -o-transform: scale(1.075) rotate(-90deg);
       transform: scale(1.075) rotate(-90deg);
  }

  25% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  29.16667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  37.5% {
    -o-transform: scale(1.075) rotate(-90deg);
       transform: scale(1.075) rotate(-90deg);
  }

  41.66667% {
    -o-transform: scale(1.075) rotate(-90deg);
       transform: scale(1.075) rotate(-90deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  54.16667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  54.375% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  55% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  66.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  66.875% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  67.5% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.91667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.125% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  68.75% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.16667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.375% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  70% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70.41667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70.625% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  71.25% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.875% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  72.5% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.33333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  84.16667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleRingInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  8.33333% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  12.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  29.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  41.66667% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.33333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes iconFirearmsIdleRingOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.375% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.20833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.70833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.95833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.20833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.45833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.70833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.375% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconFirearmsIdleRingOuter {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  54.375% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  54.58333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  55.20833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  66.875% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  67.70833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.125% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  68.95833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.375% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  70.20833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70.625% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  71.45833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.875% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  72.70833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.75% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  84.375% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  91.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -o-transform: scale(1) rotate(10deg);
       transform: scale(1) rotate(10deg);
  }

  93.75% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleRingOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.20833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.70833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.95833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.20833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.45833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.70833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes iconFirearmsIdleArrowInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.58333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.41667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.91667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.58333% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconFirearmsIdleArrowInner {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  54.58333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  54.79167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  55.41667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  67.91667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  69.16667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  70.41667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  71.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  72.91667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.75% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  84.58333% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  91.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -o-transform: scale(1) rotate(10deg);
       transform: scale(1) rotate(10deg);
  }

  93.75% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleArrowInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes iconFirearmsIdleArrowOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.79167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.625% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  73.125% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.79167% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-o-keyframes iconFirearmsIdleArrowOuter {
  0% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }

  54.79167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  55% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  55.625% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  67.5% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  68.125% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  68.75% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  69.375% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  70% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  70.625% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  71.25% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  71.875% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  72.5% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  73.125% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  84.16667% {
    -o-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
  }

  84.79167% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
    -o-animation-timing-function: ease;
       animation-timing-function: ease;
  }

  91.66667% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -o-transform: scale(1) rotate(10deg);
       transform: scale(1) rotate(10deg);
  }

  93.75% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }

  100% {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleArrowOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  73.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoOne {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.79167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  56.25% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.58333% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoOne {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.79167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  56.25% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  94.58333% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoOne {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.79167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  56.25% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoTwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.29167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  68.75% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoTwo {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.29167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  68.75% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  94.375% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoTwo {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.29167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  68.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoThree {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.54167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  70% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.16667% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoThree {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  66.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  67.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.54167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  70% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  94.16667% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoThree {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  70% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.16667% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoFour {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.79167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  71.25% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.33333% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoFour {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  66.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  67.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.125% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.33333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  68.95833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.79167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  71.25% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.33333% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoFour {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.79167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  71.25% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.33333% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoFive {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  71.04167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  72.5% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.125% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoFive {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  66.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  67.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.125% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.33333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  68.95833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  70.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  71.04167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  72.5% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.125% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoFive {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  71.04167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  72.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.125% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoSix {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  72.29167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  73.75% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoSix {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  66.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  67.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.125% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.33333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  68.95833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  70.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  70.625% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  70.83333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  71.45833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  72.29167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  73.75% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoSix {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  72.29167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  73.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconFirearmsIdleAmmoSeven {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  71.875% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  72.08333% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  72.70833% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  83.95833% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  85.41667% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes iconFirearmsIdleAmmoSeven {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  54.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  55.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  66.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  67.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  67.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.125% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  68.33333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  68.95833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.375% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  69.58333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  70.20833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  70.625% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  70.83333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  71.45833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  71.875% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  72.08333% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }

  72.70833% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  83.95833% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  85.41667% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoSeven {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  71.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  72.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  72.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  83.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  85.41667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.skills .skillselector .skill.driving .icon .techcircle {
  -webkit-animation: iconDrivingOut 1s forwards;
       -o-animation: iconDrivingOut 1s forwards;
          animation: iconDrivingOut 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg {
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-animation: opacityOut 1s forwards;
       -o-animation: opacityOut 1s forwards;
          animation: opacityOut 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg .st0 {
  fill: #93278f;
  fill-opacity: 0.6;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage01 {
  -webkit-animation: iconDrivingOutGuageOne 1s forwards;
       -o-animation: iconDrivingOutGuageOne 1s forwards;
          animation: iconDrivingOutGuageOne 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage02 {
  -webkit-animation: iconDrivingOutGuageTwo 1s forwards;
       -o-animation: iconDrivingOutGuageTwo 1s forwards;
          animation: iconDrivingOutGuageTwo 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage03 {
  -webkit-animation: iconDrivingOutGuageThree 1s forwards;
       -o-animation: iconDrivingOutGuageThree 1s forwards;
          animation: iconDrivingOutGuageThree 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage04 {
  -webkit-animation: iconDrivingOutGuageFour 1s forwards;
       -o-animation: iconDrivingOutGuageFour 1s forwards;
          animation: iconDrivingOutGuageFour 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage05 {
  -webkit-animation: iconDrivingOutGuageFive 1s forwards;
       -o-animation: iconDrivingOutGuageFive 1s forwards;
          animation: iconDrivingOutGuageFive 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage06 {
  -webkit-animation: iconDrivingOutGuageSix 1s forwards;
       -o-animation: iconDrivingOutGuageSix 1s forwards;
          animation: iconDrivingOutGuageSix 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage07 {
  -webkit-animation: iconDrivingOutGuageSeven 1s forwards;
       -o-animation: iconDrivingOutGuageSeven 1s forwards;
          animation: iconDrivingOutGuageSeven 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage08 {
  -webkit-animation: iconDrivingOutGuageEight 1s forwards;
       -o-animation: iconDrivingOutGuageEight 1s forwards;
          animation: iconDrivingOutGuageEight 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage09 {
  -webkit-animation: iconDrivingOutGuageNine 1s forwards;
       -o-animation: iconDrivingOutGuageNine 1s forwards;
          animation: iconDrivingOutGuageNine 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage10 {
  -webkit-animation: iconDrivingOutGuageTen 1s forwards;
       -o-animation: iconDrivingOutGuageTen 1s forwards;
          animation: iconDrivingOutGuageTen 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage10 .st0 {
  fill-opacity: 0.65;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage11 {
  -webkit-animation: iconDrivingOutGuageEleven 1s forwards;
       -o-animation: iconDrivingOutGuageEleven 1s forwards;
          animation: iconDrivingOutGuageEleven 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage11 .st0 {
  fill-opacity: 0.7;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage12 {
  -webkit-animation: iconDrivingOutGuageTwelve 1s forwards;
       -o-animation: iconDrivingOutGuageTwelve 1s forwards;
          animation: iconDrivingOutGuageTwelve 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage12 .st0 {
  fill-opacity: 0.75;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage13 {
  -webkit-animation: iconDrivingOutGuageThirteen 1s forwards;
       -o-animation: iconDrivingOutGuageThirteen 1s forwards;
          animation: iconDrivingOutGuageThirteen 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage13 .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.driving .icon .techcircle svg.tread {
  -webkit-animation: iconDrivingOutTread 1s forwards;
       -o-animation: iconDrivingOutTread 1s forwards;
          animation: iconDrivingOutTread 1s forwards;
}

.skills .skillselector .skill.driving:hover .icon .kit .st0,
.skills .skillselector .skill.driving.sel .icon .kit .st0 {
  fill: #93278f;
}

.skills .skillselector .skill.driving:hover .icon .techcircle,
.skills .skillselector .skill.driving.sel .icon .techcircle {
  -webkit-animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
       -o-animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle svg,
.skills .skillselector .skill.driving.sel .icon .techcircle svg {
  opacity: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .tread,
.skills .skillselector .skill.driving.sel .icon .techcircle .tread {
  -webkit-animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
       -o-animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
          animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage01,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage01 {
  -webkit-animation: iconDrivingInGaugeOne 5s forwards;
       -o-animation: iconDrivingInGaugeOne 5s forwards;
          animation: iconDrivingInGaugeOne 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage02,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage02 {
  -webkit-animation: iconDrivingInGaugeTwo 5s forwards;
       -o-animation: iconDrivingInGaugeTwo 5s forwards;
          animation: iconDrivingInGaugeTwo 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage03,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage03 {
  -webkit-animation: iconDrivingInGaugeThree 5s forwards;
       -o-animation: iconDrivingInGaugeThree 5s forwards;
          animation: iconDrivingInGaugeThree 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage04,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage04 {
  -webkit-animation: iconDrivingInGaugeFour 5s forwards;
       -o-animation: iconDrivingInGaugeFour 5s forwards;
          animation: iconDrivingInGaugeFour 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage05,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage05 {
  -webkit-animation: iconDrivingInGaugeFive 5s forwards;
       -o-animation: iconDrivingInGaugeFive 5s forwards;
          animation: iconDrivingInGaugeFive 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage06,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage06 {
  -webkit-animation: iconDrivingInGaugeSix 5s forwards;
       -o-animation: iconDrivingInGaugeSix 5s forwards;
          animation: iconDrivingInGaugeSix 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage07,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage07 {
  -webkit-animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
       -o-animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
          animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage08,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage08 {
  -webkit-animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
       -o-animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
          animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage09,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage09 {
  -webkit-animation: iconDrivingInGaugeNine 5s forwards;
       -o-animation: iconDrivingInGaugeNine 5s forwards;
          animation: iconDrivingInGaugeNine 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage10,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage10 {
  -webkit-animation: iconDrivingInGaugeTen 5s forwards;
       -o-animation: iconDrivingInGaugeTen 5s forwards;
          animation: iconDrivingInGaugeTen 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage11,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage11 {
  -webkit-animation: iconDrivingInGaugeEleven 5s forwards;
       -o-animation: iconDrivingInGaugeEleven 5s forwards;
          animation: iconDrivingInGaugeEleven 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage12,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage12 {
  -webkit-animation: iconDrivingInGaugeTwelve 5s forwards;
       -o-animation: iconDrivingInGaugeTwelve 5s forwards;
          animation: iconDrivingInGaugeTwelve 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage13,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage13 {
  -webkit-animation: iconDrivingInGaugeThirteen 5s forwards;
       -o-animation: iconDrivingInGaugeThirteen 5s forwards;
          animation: iconDrivingInGaugeThirteen 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guagebottom,
.skills .skillselector .skill.driving.sel .icon .techcircle .guagebottom {
  -webkit-animation: iconDrivingInGaugeOne 5s forwards;
       -o-animation: iconDrivingInGaugeOne 5s forwards;
          animation: iconDrivingInGaugeOne 5s forwards;
}

/*rocks the gauges back and forth*/

@-webkit-keyframes iconDrivingInCircle {
  10% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  15% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  55% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }

  70% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconDrivingInCircle {
  10% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  15% {
    -o-transform: rotate(-7deg);
       transform: rotate(-7deg);
  }

  30% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  35% {
    -o-transform: rotate(-8deg);
       transform: rotate(-8deg);
  }

  50% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  55% {
    -o-transform: rotate(-9deg);
       transform: rotate(-9deg);
  }

  70% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  75% {
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }

  90% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconDrivingInCircle {
  10% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  15% {
    -webkit-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  30% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  55% {
    -webkit-transform: rotate(-9deg);
         -o-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }

  70% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  90% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/* animation easing goes in the step BEFORE it's applied */

/*
0 fade rotate translate in from right, ease-in
0.5 rotate slow, ease-in
1.5 rotate med, ease-in
2.5 rotate fast, ease-out
3.5 slow to stop
4.5 stopped
*/

@-webkit-keyframes iconDrivingInTread {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  10% {
    opacity: 0.5;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }

  29% {
    opacity: 0.5;
  }

  30% {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  39% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.5;
  }

  51% {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  60% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.5;
  }

  71% {
    opacity: 1;
    -webkit-transform: rotate(-300deg);
            transform: rotate(-300deg);
  }

  80% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@-o-keyframes iconDrivingInTread {
  0% {
    opacity: 0;
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  10% {
    opacity: 0.5;
    -o-transform: rotate(-30deg);
       transform: rotate(-30deg);
  }

  29% {
    opacity: 0.5;
  }

  30% {
    opacity: 1;
    -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
  }

  39% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.5;
  }

  51% {
    opacity: 1;
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
  }

  60% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.5;
  }

  71% {
    opacity: 1;
    -o-transform: rotate(-300deg);
       transform: rotate(-300deg);
  }

  80% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
    -o-transform: rotate(-360deg);
       transform: rotate(-360deg);
  }
}

@keyframes iconDrivingInTread {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  10% {
    opacity: 0.5;
    -webkit-transform: rotate(-30deg);
         -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }

  29% {
    opacity: 0.5;
  }

  30% {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  39% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.5;
  }

  51% {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  60% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.5;
  }

  71% {
    opacity: 1;
    -webkit-transform: rotate(-300deg);
         -o-transform: rotate(-300deg);
            transform: rotate(-300deg);
  }

  80% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*
0.5 fade in 4
1.5 fade in 7
2.5 fade in 10
3.5 fade in 13
4.5 all out
5 all in
*/

@-webkit-keyframes iconDrivingInGaugeOne {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  10.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeOne {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  10.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeOne {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  10.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeTwo {
  0% {
    opacity: 0;
  }

  10.5% {
    opacity: 0;
  }

  11% {
    opacity: 1;
  }

  29% {
    opacity: 1;
  }

  29.5% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  30.5% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  49.5% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  50.5% {
    opacity: 1;
  }

  69% {
    opacity: 1;
  }

  69.5% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  70.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeTwo {
  0% {
    opacity: 0;
  }

  10.5% {
    opacity: 0;
  }

  11% {
    opacity: 1;
  }

  29% {
    opacity: 1;
  }

  29.5% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  30.5% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  49.5% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  50.5% {
    opacity: 1;
  }

  69% {
    opacity: 1;
  }

  69.5% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  70.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeTwo {
  0% {
    opacity: 0;
  }

  10.5% {
    opacity: 0;
  }

  11% {
    opacity: 1;
  }

  29% {
    opacity: 1;
  }

  29.5% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  30.5% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  49.5% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  50.5% {
    opacity: 1;
  }

  69% {
    opacity: 1;
  }

  69.5% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  70.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeThree {
  0% {
    opacity: 0;
  }

  11% {
    opacity: 0;
  }

  11.5% {
    opacity: 1;
  }

  28.5% {
    opacity: 1;
  }

  29% {
    opacity: 0;
  }

  30.5% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  48.5% {
    opacity: 1;
  }

  49% {
    opacity: 0;
  }

  50.5% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  68.5% {
    opacity: 1;
  }

  69% {
    opacity: 0;
  }

  70.5% {
    opacity: 0;
  }

  71% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeThree {
  0% {
    opacity: 0;
  }

  11% {
    opacity: 0;
  }

  11.5% {
    opacity: 1;
  }

  28.5% {
    opacity: 1;
  }

  29% {
    opacity: 0;
  }

  30.5% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  48.5% {
    opacity: 1;
  }

  49% {
    opacity: 0;
  }

  50.5% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  68.5% {
    opacity: 1;
  }

  69% {
    opacity: 0;
  }

  70.5% {
    opacity: 0;
  }

  71% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeThree {
  0% {
    opacity: 0;
  }

  11% {
    opacity: 0;
  }

  11.5% {
    opacity: 1;
  }

  28.5% {
    opacity: 1;
  }

  29% {
    opacity: 0;
  }

  30.5% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  48.5% {
    opacity: 1;
  }

  49% {
    opacity: 0;
  }

  50.5% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  68.5% {
    opacity: 1;
  }

  69% {
    opacity: 0;
  }

  70.5% {
    opacity: 0;
  }

  71% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeFour {
  0% {
    opacity: 0;
  }

  11.5% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  28% {
    opacity: 1;
  }

  28.5% {
    opacity: 0;
  }

  31% {
    opacity: 0;
  }

  31.5% {
    opacity: 1;
  }

  48% {
    opacity: 1;
  }

  48.5% {
    opacity: 0;
  }

  51% {
    opacity: 0;
  }

  51.5% {
    opacity: 1;
  }

  68% {
    opacity: 1;
  }

  68.5% {
    opacity: 0;
  }

  71% {
    opacity: 0;
  }

  71.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeFour {
  0% {
    opacity: 0;
  }

  11.5% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  28% {
    opacity: 1;
  }

  28.5% {
    opacity: 0;
  }

  31% {
    opacity: 0;
  }

  31.5% {
    opacity: 1;
  }

  48% {
    opacity: 1;
  }

  48.5% {
    opacity: 0;
  }

  51% {
    opacity: 0;
  }

  51.5% {
    opacity: 1;
  }

  68% {
    opacity: 1;
  }

  68.5% {
    opacity: 0;
  }

  71% {
    opacity: 0;
  }

  71.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeFour {
  0% {
    opacity: 0;
  }

  11.5% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  28% {
    opacity: 1;
  }

  28.5% {
    opacity: 0;
  }

  31% {
    opacity: 0;
  }

  31.5% {
    opacity: 1;
  }

  48% {
    opacity: 1;
  }

  48.5% {
    opacity: 0;
  }

  51% {
    opacity: 0;
  }

  51.5% {
    opacity: 1;
  }

  68% {
    opacity: 1;
  }

  68.5% {
    opacity: 0;
  }

  71% {
    opacity: 0;
  }

  71.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeFive {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  27.5% {
    opacity: 1;
  }

  28% {
    opacity: 0;
  }

  31.5% {
    opacity: 0;
  }

  32% {
    opacity: 1;
  }

  47.5% {
    opacity: 1;
  }

  48% {
    opacity: 0;
  }

  51.5% {
    opacity: 0;
  }

  52% {
    opacity: 1;
  }

  67.5% {
    opacity: 1;
  }

  68% {
    opacity: 0;
  }

  71.5% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeFive {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  27.5% {
    opacity: 1;
  }

  28% {
    opacity: 0;
  }

  31.5% {
    opacity: 0;
  }

  32% {
    opacity: 1;
  }

  47.5% {
    opacity: 1;
  }

  48% {
    opacity: 0;
  }

  51.5% {
    opacity: 0;
  }

  52% {
    opacity: 1;
  }

  67.5% {
    opacity: 1;
  }

  68% {
    opacity: 0;
  }

  71.5% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeFive {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  27.5% {
    opacity: 1;
  }

  28% {
    opacity: 0;
  }

  31.5% {
    opacity: 0;
  }

  32% {
    opacity: 1;
  }

  47.5% {
    opacity: 1;
  }

  48% {
    opacity: 0;
  }

  51.5% {
    opacity: 0;
  }

  52% {
    opacity: 1;
  }

  67.5% {
    opacity: 1;
  }

  68% {
    opacity: 0;
  }

  71.5% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeSix {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 0;
  }

  13% {
    opacity: 1;
  }

  27% {
    opacity: 1;
  }

  27.5% {
    opacity: 0;
  }

  32% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
  }

  47% {
    opacity: 1;
  }

  47.5% {
    opacity: 0;
  }

  52% {
    opacity: 0;
  }

  52.5% {
    opacity: 1;
  }

  67% {
    opacity: 1;
  }

  67.5% {
    opacity: 0;
  }

  72% {
    opacity: 0;
  }

  72.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingInGaugeSix {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 0;
  }

  13% {
    opacity: 1;
  }

  27% {
    opacity: 1;
  }

  27.5% {
    opacity: 0;
  }

  32% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
  }

  47% {
    opacity: 1;
  }

  47.5% {
    opacity: 0;
  }

  52% {
    opacity: 0;
  }

  52.5% {
    opacity: 1;
  }

  67% {
    opacity: 1;
  }

  67.5% {
    opacity: 0;
  }

  72% {
    opacity: 0;
  }

  72.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeSix {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 0;
  }

  13% {
    opacity: 1;
  }

  27% {
    opacity: 1;
  }

  27.5% {
    opacity: 0;
  }

  32% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
  }

  47% {
    opacity: 1;
  }

  47.5% {
    opacity: 0;
  }

  52% {
    opacity: 0;
  }

  52.5% {
    opacity: 1;
  }

  67% {
    opacity: 1;
  }

  67.5% {
    opacity: 0;
  }

  72% {
    opacity: 0;
  }

  72.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingInGaugeSeven {
  0% {
    opacity: 0;
  }

  13% {
    opacity: 0;
  }

  13.5% {
    opacity: 1;
  }

  26.5% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  32.5% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  46.5% {
    opacity: 1;
  }

  47% {
    opacity: 0;
  }

  52.5% {
    opacity: 0;
  }

  53% {
    opacity: 1;
  }

  66.5% {
    opacity: 1;
  }

  67% {
    opacity: 0;
  }

  72.5% {
    opacity: 0;
  }

  73% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  94% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeSeven {
  0% {
    opacity: 0;
  }

  13% {
    opacity: 0;
  }

  13.5% {
    opacity: 1;
  }

  26.5% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  32.5% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  46.5% {
    opacity: 1;
  }

  47% {
    opacity: 0;
  }

  52.5% {
    opacity: 0;
  }

  53% {
    opacity: 1;
  }

  66.5% {
    opacity: 1;
  }

  67% {
    opacity: 0;
  }

  72.5% {
    opacity: 0;
  }

  73% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  94% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeSeven {
  0% {
    opacity: 0;
  }

  13% {
    opacity: 0;
  }

  13.5% {
    opacity: 1;
  }

  26.5% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  32.5% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  46.5% {
    opacity: 1;
  }

  47% {
    opacity: 0;
  }

  52.5% {
    opacity: 0;
  }

  53% {
    opacity: 1;
  }

  66.5% {
    opacity: 1;
  }

  67% {
    opacity: 0;
  }

  72.5% {
    opacity: 0;
  }

  73% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  94% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeEight {
  0% {
    opacity: 0;
  }

  13.5% {
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  26% {
    opacity: 1;
  }

  26.5% {
    opacity: 0;
  }

  33% {
    opacity: 0;
  }

  33.5% {
    opacity: 1;
  }

  46% {
    opacity: 1;
  }

  46.5% {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  53.5% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  66.5% {
    opacity: 0;
  }

  73% {
    opacity: 0;
  }

  73.5% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  92% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeEight {
  0% {
    opacity: 0;
  }

  13.5% {
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  26% {
    opacity: 1;
  }

  26.5% {
    opacity: 0;
  }

  33% {
    opacity: 0;
  }

  33.5% {
    opacity: 1;
  }

  46% {
    opacity: 1;
  }

  46.5% {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  53.5% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  66.5% {
    opacity: 0;
  }

  73% {
    opacity: 0;
  }

  73.5% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  92% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeEight {
  0% {
    opacity: 0;
  }

  13.5% {
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  26% {
    opacity: 1;
  }

  26.5% {
    opacity: 0;
  }

  33% {
    opacity: 0;
  }

  33.5% {
    opacity: 1;
  }

  46% {
    opacity: 1;
  }

  46.5% {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  53.5% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  66.5% {
    opacity: 0;
  }

  73% {
    opacity: 0;
  }

  73.5% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  92% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeNine {
  0% {
    opacity: 0;
  }

  14% {
    opacity: 0;
  }

  14.5% {
    opacity: 1;
  }

  25.5% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  33.5% {
    opacity: 0;
  }

  34% {
    opacity: 1;
  }

  45.5% {
    opacity: 1;
  }

  46% {
    opacity: 0;
  }

  53.5% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  65.5% {
    opacity: 1;
  }

  66% {
    opacity: 0;
  }

  73.5% {
    opacity: 0;
  }

  74% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeNine {
  0% {
    opacity: 0;
  }

  14% {
    opacity: 0;
  }

  14.5% {
    opacity: 1;
  }

  25.5% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  33.5% {
    opacity: 0;
  }

  34% {
    opacity: 1;
  }

  45.5% {
    opacity: 1;
  }

  46% {
    opacity: 0;
  }

  53.5% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  65.5% {
    opacity: 1;
  }

  66% {
    opacity: 0;
  }

  73.5% {
    opacity: 0;
  }

  74% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeNine {
  0% {
    opacity: 0;
  }

  14% {
    opacity: 0;
  }

  14.5% {
    opacity: 1;
  }

  25.5% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  33.5% {
    opacity: 0;
  }

  34% {
    opacity: 1;
  }

  45.5% {
    opacity: 1;
  }

  46% {
    opacity: 0;
  }

  53.5% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  65.5% {
    opacity: 1;
  }

  66% {
    opacity: 0;
  }

  73.5% {
    opacity: 0;
  }

  74% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeTen {
  0% {
    opacity: 0;
  }

  14.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  25.5% {
    opacity: 0;
  }

  34% {
    opacity: 0;
  }

  34.5% {
    opacity: 1;
  }

  45% {
    opacity: 1;
  }

  45.5% {
    opacity: 0;
  }

  54% {
    opacity: 0;
  }

  54.5% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  65.5% {
    opacity: 0;
  }

  74% {
    opacity: 0;
  }

  74.5% {
    opacity: 1;
  }

  86% {
    opacity: 1;
  }

  88% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeTen {
  0% {
    opacity: 0;
  }

  14.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  25.5% {
    opacity: 0;
  }

  34% {
    opacity: 0;
  }

  34.5% {
    opacity: 1;
  }

  45% {
    opacity: 1;
  }

  45.5% {
    opacity: 0;
  }

  54% {
    opacity: 0;
  }

  54.5% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  65.5% {
    opacity: 0;
  }

  74% {
    opacity: 0;
  }

  74.5% {
    opacity: 1;
  }

  86% {
    opacity: 1;
  }

  88% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeTen {
  0% {
    opacity: 0;
  }

  14.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  25.5% {
    opacity: 0;
  }

  34% {
    opacity: 0;
  }

  34.5% {
    opacity: 1;
  }

  45% {
    opacity: 1;
  }

  45.5% {
    opacity: 0;
  }

  54% {
    opacity: 0;
  }

  54.5% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  65.5% {
    opacity: 0;
  }

  74% {
    opacity: 0;
  }

  74.5% {
    opacity: 1;
  }

  86% {
    opacity: 1;
  }

  88% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeEleven {
  0% {
    opacity: 0;
  }

  34.5% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  44.5% {
    opacity: 1;
  }

  45% {
    opacity: 0;
  }

  54.5% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }

  64.5% {
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  74.5% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  84% {
    opacity: 1;
  }

  86% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeEleven {
  0% {
    opacity: 0;
  }

  34.5% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  44.5% {
    opacity: 1;
  }

  45% {
    opacity: 0;
  }

  54.5% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }

  64.5% {
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  74.5% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  84% {
    opacity: 1;
  }

  86% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeEleven {
  0% {
    opacity: 0;
  }

  34.5% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  44.5% {
    opacity: 1;
  }

  45% {
    opacity: 0;
  }

  54.5% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }

  64.5% {
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  74.5% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  84% {
    opacity: 1;
  }

  86% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  55.5% {
    opacity: 1;
  }

  64% {
    opacity: 1;
  }

  64.5% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  75.5% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  55.5% {
    opacity: 1;
  }

  64% {
    opacity: 1;
  }

  64.5% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  75.5% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  55.5% {
    opacity: 1;
  }

  64% {
    opacity: 1;
  }

  64.5% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  75.5% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingInGaugeThirteen {
  0% {
    opacity: 0;
  }

  75.5% {
    opacity: 0;
  }

  76% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  82% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingInGaugeThirteen {
  0% {
    opacity: 0;
  }

  75.5% {
    opacity: 0;
  }

  76% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  82% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeThirteen {
  0% {
    opacity: 0;
  }

  75.5% {
    opacity: 0;
  }

  76% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  82% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* mouse out animation */

@-webkit-keyframes iconDrivingOut {
  0% {
    -webkit-transform: skewX(0deg) translate(0%, 0%);
            transform: skewX(0deg) translate(0%, 0%);
  }

  100% {
    -webkit-transform: skewX(25deg) translate(-50%, 0%);
            transform: skewX(25deg) translate(-50%, 0%);
  }
}

@-o-keyframes iconDrivingOut {
  0% {
    -o-transform: skewX(0deg) translate(0%, 0%);
       transform: skewX(0deg) translate(0%, 0%);
  }

  100% {
    -o-transform: skewX(25deg) translate(-50%, 0%);
       transform: skewX(25deg) translate(-50%, 0%);
  }
}

@keyframes iconDrivingOut {
  0% {
    -webkit-transform: skewX(0deg) translate(0%, 0%);
         -o-transform: skewX(0deg) translate(0%, 0%);
            transform: skewX(0deg) translate(0%, 0%);
  }

  100% {
    -webkit-transform: skewX(25deg) translate(-50%, 0%);
         -o-transform: skewX(25deg) translate(-50%, 0%);
            transform: skewX(25deg) translate(-50%, 0%);
  }
}

@-webkit-keyframes iconDrivingOutTread {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

@-o-keyframes iconDrivingOutTread {
  0% {
    opacity: 1;
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    opacity: 0;
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
  }
}

@keyframes iconDrivingOutTread {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

@-webkit-keyframes iconDrivingOutGuageOne {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageOne {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageOne {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageTwo {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageTwo {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTwo {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageThree {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageThree {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageThree {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageFour {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageFour {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageFour {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageFive {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageFive {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageFive {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageSix {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageSix {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageSix {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageSeven {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageSeven {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageSeven {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageEight {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageEight {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageEight {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageNine {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageNine {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageNine {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageTen {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageTen {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTen {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageEleven {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageEleven {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageEleven {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}

@-webkit-keyframes iconDrivingOutGuageThirteen {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  65% {
    opacity: 1;
  }
}

@-o-keyframes iconDrivingOutGuageThirteen {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  65% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageThirteen {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  65% {
    opacity: 1;
  }
}

/* driving idle animation
rotate tread
rev 6
hold 2
rev 7
hold 1
rev 6
hold 1
rev 8
hold 1
rev 7
hold 2
rev 6
*/

@-webkit-keyframes iconDrivingIdleGaugeSeven {
  0% {
    opacity: 0;
  }

  18.18182% {
    opacity: 0;
  }

  22.72727% {
    opacity: 1;
  }

  31.81818% {
    opacity: 1;
  }

  36.36364% {
    opacity: 0;
  }

  45.45455% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  86.36364% {
    opacity: 1;
  }

  90.90909% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingIdleGaugeSeven {
  0% {
    opacity: 0;
  }

  18.18182% {
    opacity: 0;
  }

  22.72727% {
    opacity: 1;
  }

  31.81818% {
    opacity: 1;
  }

  36.36364% {
    opacity: 0;
  }

  45.45455% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  86.36364% {
    opacity: 1;
  }

  90.90909% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingIdleGaugeSeven {
  0% {
    opacity: 0;
  }

  18.18182% {
    opacity: 0;
  }

  22.72727% {
    opacity: 1;
  }

  31.81818% {
    opacity: 1;
  }

  36.36364% {
    opacity: 0;
  }

  45.45455% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  86.36364% {
    opacity: 1;
  }

  90.90909% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingIdleGaugeEight {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  54.54545% {
    opacity: 1;
  }

  63.63636% {
    opacity: 1;
  }

  68.18182% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes iconDrivingIdleGaugeEight {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  54.54545% {
    opacity: 1;
  }

  63.63636% {
    opacity: 1;
  }

  68.18182% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingIdleGaugeEight {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  54.54545% {
    opacity: 1;
  }

  63.63636% {
    opacity: 1;
  }

  68.18182% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes iconDrivingIdleCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20.45455% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.27273% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  38.63636% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  45.45455% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  47.72727% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  54.54545% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  65.90909% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  72.72727% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.63636% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-o-keyframes iconDrivingIdleCircle {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  20.45455% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  27.27273% {
    -o-transform: rotate(-7deg);
       transform: rotate(-7deg);
  }

  38.63636% {
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
  }

  45.45455% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  47.72727% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  54.54545% {
    -o-transform: rotate(-8deg);
       transform: rotate(-8deg);
  }

  65.90909% {
    -o-transform: rotate(-4deg);
       transform: rotate(-4deg);
  }

  72.72727% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  88.63636% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
}

@keyframes iconDrivingIdleCircle {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20.45455% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.27273% {
    -webkit-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  38.63636% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  45.45455% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  47.72727% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  54.54545% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  65.90909% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  72.72727% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.63636% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.skills .skillselector .skill.strength .icon .techcircle svg .st0 {
  fill: #fcd221;
}

.skills .skillselector .skill.strength .icon .techcircle .outer {
  -webkit-animation: iconStrengthOutOuter 1s forwards;
       -o-animation: iconStrengthOutOuter 1s forwards;
          animation: iconStrengthOutOuter 1s forwards;
  fill-opacity: 0.4;
}

.skills .skillselector .skill.strength .icon .techcircle .bar {
  -webkit-animation: iconStrengthOutBar 1s forwards;
       -o-animation: iconStrengthOutBar 1s forwards;
          animation: iconStrengthOutBar 1s forwards;
  fill-opacity: 0.6;
}

.skills .skillselector .skill.strength .icon .techcircle .pinky,
.skills .skillselector .skill.strength .icon .techcircle .ring,
.skills .skillselector .skill.strength .icon .techcircle .middle,
.skills .skillselector .skill.strength .icon .techcircle .index {
  -webkit-animation: iconStrengthOutPinkys 1s forwards;
       -o-animation: iconStrengthOutPinkys 1s forwards;
          animation: iconStrengthOutPinkys 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .index {
  -webkit-animation: iconStrengthOutIndexs 1s forwards;
       -o-animation: iconStrengthOutIndexs 1s forwards;
          animation: iconStrengthOutIndexs 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .middle {
  -webkit-animation: iconStrengthOutMiddles 1s forwards;
       -o-animation: iconStrengthOutMiddles 1s forwards;
          animation: iconStrengthOutMiddles 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .ring {
  -webkit-animation: iconStrengthOutRings 1s forwards;
       -o-animation: iconStrengthOutRings 1s forwards;
          animation: iconStrengthOutRings 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .thumb {
  -webkit-animation: iconStrengthOutThumbs 1s forwards;
       -o-animation: iconStrengthOutThumbs 1s forwards;
          animation: iconStrengthOutThumbs 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .light,
.skills .skillselector .skill.strength .icon .techcircle .medium,
.skills .skillselector .skill.strength .icon .techcircle .heavy,
.skills .skillselector .skill.strength .icon .techcircle .top {
  -webkit-animation: iconStrengthOutLight 1s forwards;
       -o-animation: iconStrengthOutLight 1s forwards;
          animation: iconStrengthOutLight 1s forwards;
  fill-opacity: 0.8;
}

.skills .skillselector .skill.strength .icon .techcircle .top {
  -webkit-animation: iconStrengthOutTop 1s forwards;
       -o-animation: iconStrengthOutTop 1s forwards;
          animation: iconStrengthOutTop 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .heavy {
  -webkit-animation: iconStrengthOutHeavy 1s forwards;
       -o-animation: iconStrengthOutHeavy 1s forwards;
          animation: iconStrengthOutHeavy 1s forwards;
}

.skills .skillselector .skill.strength .icon .techcircle .medium {
  -webkit-animation: iconStrengthOutMedium 1s forwards;
       -o-animation: iconStrengthOutMedium 1s forwards;
          animation: iconStrengthOutMedium 1s forwards;
}

.skills .skillselector .skill.strength:hover .kit .st0,
.skills .skillselector .skill.strength.sel .kit .st0 {
  fill: #fcd221;
}

.skills .skillselector .skill.strength:hover .techcircle,
.skills .skillselector .skill.strength.sel .techcircle {
  -webkit-animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
       -o-animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
          animation: iconStrengthIn 4.6s forwards, iconStrengthIdle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle svg,
.skills .skillselector .skill.strength.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.strength:hover .techcircle .bar,
.skills .skillselector .skill.strength.sel .techcircle .bar {
  -webkit-animation: iconStrengthInBar 4.6s forwards;
       -o-animation: iconStrengthInBar 4.6s forwards;
          animation: iconStrengthInBar 4.6s forwards;
}

.skills .skillselector .skill.strength:hover .techcircle .outer,
.skills .skillselector .skill.strength.sel .techcircle .outer {
  -webkit-animation: iconStrengthInOuter 4.6s forwards;
       -o-animation: iconStrengthInOuter 4.6s forwards;
          animation: iconStrengthInOuter 4.6s forwards;
}

.skills .skillselector .skill.strength:hover .techcircle .pinky,
.skills .skillselector .skill.strength.sel .techcircle .pinky {
  -webkit-animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
       -o-animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
          animation: iconStrengthInLeftPinky 4.6s forwards, iconStrengthIdleLeftPinky 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .pinky.right,
.skills .skillselector .skill.strength.sel .techcircle .pinky.right {
  -webkit-animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
       -o-animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
          animation: iconStrengthInRightPinky 4.6s forwards, iconStrengthIdleRightPinky 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .ring,
.skills .skillselector .skill.strength.sel .techcircle .ring {
  -webkit-animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
       -o-animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
          animation: iconStrengthInLeftRing 4.6s forwards, iconStrengthIdleLeftRing 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .ring.right,
.skills .skillselector .skill.strength.sel .techcircle .ring.right {
  -webkit-animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
       -o-animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
          animation: iconStrengthInRightRing 4.6s forwards, iconStrengthIdleRightRing 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .middle,
.skills .skillselector .skill.strength.sel .techcircle .middle {
  -webkit-animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
       -o-animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
          animation: iconStrengthInLeftMiddle 4.6s forwards, iconStrengthIdleLeftMiddle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .middle.right,
.skills .skillselector .skill.strength.sel .techcircle .middle.right {
  -webkit-animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
       -o-animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
          animation: iconStrengthInRightMiddle 4.6s forwards, iconStrengthIdleRightMiddle 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .index,
.skills .skillselector .skill.strength.sel .techcircle .index {
  -webkit-animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
       -o-animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
          animation: iconStrengthInLeftIndex 4.6s forwards, iconStrengthIdleLeftIndex 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .index.right,
.skills .skillselector .skill.strength.sel .techcircle .index.right {
  -webkit-animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
       -o-animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
          animation: iconStrengthInRightIndex 4.6s forwards, iconStrengthIdleRightIndex 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .thumb,
.skills .skillselector .skill.strength.sel .techcircle .thumb {
  -webkit-animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
       -o-animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
          animation: iconStrengthInLeftThumb 4.6s forwards, iconStrengthIdleLeftThumb 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .thumb.right,
.skills .skillselector .skill.strength.sel .techcircle .thumb.right {
  -webkit-animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
       -o-animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
          animation: iconStrengthInRightThumb 4.6s forwards, iconStrengthIdleRightThumb 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .light,
.skills .skillselector .skill.strength.sel .techcircle .light {
  -webkit-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
       -o-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
          animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleRightLight 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .light.left,
.skills .skillselector .skill.strength.sel .techcircle .light.left {
  -webkit-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
       -o-animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
          animation: iconStrengthInLight 4.6s forwards ease-in, iconStrengthIdleLeftLight 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .medium,
.skills .skillselector .skill.strength.sel .techcircle .medium {
  -webkit-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
       -o-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
          animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleRightMedium 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .medium.left,
.skills .skillselector .skill.strength.sel .techcircle .medium.left {
  -webkit-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
       -o-animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
          animation: iconStrengthInMedium 4.6s forwards ease-in, iconStrengthIdleLeftMedium 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .heavy,
.skills .skillselector .skill.strength.sel .techcircle .heavy {
  -webkit-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
       -o-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
          animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleRightHeavy 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .heavy.left,
.skills .skillselector .skill.strength.sel .techcircle .heavy.left {
  -webkit-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
       -o-animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
          animation: iconStrengthInHeavy 4.6s forwards ease-in, iconStrengthIdleLeftHeavy 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

.skills .skillselector .skill.strength:hover .techcircle .top,
.skills .skillselector .skill.strength.sel .techcircle .top {
  -webkit-animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
       -o-animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
          animation: iconStrengthInTop 4.6s forwards ease-in, iconStrengthIdleTop 17s infinite;
  -webkit-animation-delay: 0s, 4.6s;
       -o-animation-delay: 0s, 4.6s;
          animation-delay: 0s, 4.6s;
}

/* total duration 4.6s 
fade and rotate in bar and outer
fade in all fingers
grip left hand and rotate clockwise
grip right hand and rotate counterclockwise
rotate center
slam down weights
*/

@keyframes iconStrengthIn {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  17.39% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35.87% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  40.22% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  47.83% {
    -webkit-transform: rotate(0deg) translate(0%, 0%);
         -o-transform: rotate(0deg) translate(0%, 0%);
            transform: rotate(0deg) translate(0%, 0%);
  }

  48.91% {
    -webkit-transform: translate(0%, 5%);
         -o-transform: translate(0%, 5%);
            transform: translate(0%, 5%);
  }

  52.17% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  55.43% {
    -webkit-transform: translate(0%, 6%);
         -o-transform: translate(0%, 6%);
            transform: translate(0%, 6%);
  }

  58.7% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  61.96% {
    -webkit-transform: translate(0%, 7%);
         -o-transform: translate(0%, 7%);
            transform: translate(0%, 7%);
  }

  65.22% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  68.48% {
    -webkit-transform: translate(0%, 8%);
         -o-transform: translate(0%, 8%);
            transform: translate(0%, 8%);
  }

  75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@keyframes iconStrengthInLight {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  41.3% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInMedium {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  47.83% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInHeavy {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  54.35% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInTop {
  0% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  60.87% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  67.39% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes iconStrengthInBar {
  0% {
    -webkit-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes iconStrengthInOuter {
  0% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

/* 0.3s fade in, 0.3s grip 0.05s apart*/

@keyframes iconStrengthInLeftPinky {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  10.87% {
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  26.09% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  32.61% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftRing {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  27.17% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.7% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftMiddle {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  28.26% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  34.78% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftIndex {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  29.35% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  /*1.35 */
  35.87% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  /*1.65*/
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightPinky {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  30.43% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  36.96% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightRing {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  38.04% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightMiddle {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  32.61% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  39.13% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightIndex {
  0% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  33.7% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  40.22% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInLeftThumb {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  31.52% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  44.57% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconStrengthInRightThumb {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  21.74% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  34.78% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  47.83% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* out animation 1s
raise and fade out weights
open hands
spin and fade out 
fade out hands
*/

@keyframes iconStrengthOutTop {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  20% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutHeavy {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  25% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutMedium {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  1% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  3% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutLight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  15% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 1;
  }

  35% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, -20%);
         -o-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
    opacity: 0;
  }
}

@keyframes iconStrengthOutThumbs {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes iconStrengthOutIndexs {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutMiddles {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  45% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutRings {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutPinkys {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  35% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes iconStrengthOutBar {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
    opacity: 0;
  }
}

@keyframes iconStrengthOutOuter {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  36% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 0;
  }
}

/* idle animation 17s
lean left
lean right
steady
lean right
collapse weights
bump
steady
adjust right
adjust left
steady
*/

@keyframes iconStrengthIdle {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  5.88235% {
    -webkit-transform: rotate(-5deg);
         -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  8.23529% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  14.11765% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  22.35294% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.05882% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  38.82353% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  40.29412% {
    -webkit-transform: rotate(17deg);
         -o-transform: rotate(17deg);
            transform: rotate(17deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  41.17647% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  41.76471% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  42.05882% {
    -webkit-transform: rotate(17.5deg);
         -o-transform: rotate(17.5deg);
            transform: rotate(17.5deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  42.94118% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  43.52941% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  43.82353% {
    -webkit-transform: rotate(18deg);
         -o-transform: rotate(18deg);
            transform: rotate(18deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  44.70588% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  45.29412% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  45.58824% {
    -webkit-transform: rotate(20deg);
         -o-transform: rotate(20deg);
            transform: rotate(20deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  46.47059% {
    -webkit-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  51.17647% {
    -webkit-transform: rotate(16deg);
         -o-transform: rotate(16deg);
            transform: rotate(16deg);
  }

  52.94118% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  64.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  76.47059% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  79.41176% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.23529% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  95.88235% {
    -webkit-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  98.82353% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightLight {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  39.41176% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  52.94118% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightMedium {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.17647% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  41.76471% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  52.94118% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightHeavy {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  42.94118% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  43.52941% {
    -webkit-transform: rotate(6deg);
         -o-transform: rotate(6deg);
            transform: rotate(6deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(6deg);
         -o-transform: rotate(6deg);
            transform: rotate(6deg);
  }

  52.94118% {
    -webkit-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftLight {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(14deg);
         -o-transform: rotate(14deg);
            transform: rotate(14deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(14deg);
         -o-transform: rotate(14deg);
            transform: rotate(14deg);
  }

  52.94118% {
    -webkit-transform: rotate(-14deg);
         -o-transform: rotate(-14deg);
            transform: rotate(-14deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftMedium {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(12deg);
         -o-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(12deg);
         -o-transform: rotate(12deg);
            transform: rotate(12deg);
  }

  52.94118% {
    -webkit-transform: rotate(-12deg);
         -o-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleLeftHeavy {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  52.94118% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleTop {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44.70588% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  45.29412% {
    -webkit-transform: rotate(8deg);
         -o-transform: rotate(8deg);
            transform: rotate(8deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  51.17647% {
    -webkit-transform: rotate(8deg);
         -o-transform: rotate(8deg);
            transform: rotate(8deg);
  }

  52.94118% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  53.52941% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes iconStrengthIdleRightPinky {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.47059% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.64706% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.29412% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.76471% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.94118% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.58824% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightMiddle {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.05882% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.23529% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  50.88235% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightIndex {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.17647% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleRightThumb {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  48.52941% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  51.17647% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftPinky {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.52941% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.70588% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.35294% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.82353% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.64706% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftMiddle {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.11765% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.29412% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  57.94118% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftIndex {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  58.23529% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconStrengthIdleLeftThumb {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.41176% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  55.58824% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  58.23529% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.newslist .news {
  background: #0d1f2c url(../images/mediabg.jpg) center top no-repeat;
  padding-top: 5rem;
}

.newslist .posts .post {
  height: 64.6875vw;
  position: relative;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: white;
  text-align: center;
  position: relative;
  overflow: visible;
  margin-top: -11vw;
  pointer-events: none;
}

.newslist .posts .post .pic {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.newslist .posts .post .pic.desk {
  display: none;
}

.newslist .posts .post .pic a {
  pointer-events: auto;
  cursor: pointer;
}

.newslist .posts .post .pic a .front {
  fill-opacity: 0;
}

.newslist .posts .post .pic .shadow {
  -webkit-transform: translate(1.875vw, 1.875vw);
       -o-transform: translate(1.875vw, 1.875vw);
          transform: translate(1.875vw, 1.875vw);
  fill: #08121b;
}

.newslist .posts .post h4 {
  font-size: 1.035715rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1.37931em;
  padding-bottom: 0.3em;
  color: #ffffff;
  background-color: #1f5c81;
  position: absolute;
  z-index: 10;
  bottom: 14.5vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
       -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 80%;
  display: block;
  text-shadow: 0px 0.08334rem 0px black;
  pointer-events: none;
}

.newslist .posts .post h4 .cap {
  display: block;
  width: 0.8em;
  height: 100%;
  position: absolute;
  /*caps stretch vertically, allowing multi line article titles, hide excess*/
  overflow: hidden;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  top: 0px;
}

.newslist .posts .post h4 .cap.left {
  left: -0.7em;
}

.newslist .posts .post h4 .cap.right {
  right: -0.7em;
}

.newslist .posts .post h4 .cap svg {
  position: absolute;
  width: 3em;
  height: 12em;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 0px;
  /*caps are inline svgs, fill color controlled here*/
}

.newslist .posts .post h4 .cap svg .dark {
  fill: #1f5c81;
  fill-opacity: 1;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

.newslist .posts .post h4 .cap svg .light {
  fill: #3c93c9;
  fill-opacity: 1;
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

.newslist .posts .post h4 .cap.left svg {
  left: 0px;
  top: 0px;
}

.newslist .posts .post h4 .cap.right svg {
  right: 0px;
  bottom: 0px;
}

.newslist .posts .post:nth-of-type(1) {
  height: 48.59375vw;
  margin-top: 0px;
}

.newslist .posts .post:nth-last-of-type(1) {
  height: 48.59375vw;
  margin-bottom: 2rem;
}

.newslist .posts .post:nth-last-of-type(1) h4 {
  bottom: 3vw;
}

.newslist .posts .button-anim.newer {
  float: right;
}

@media (min-width: 768px) {
  .newslist .posts .post .shadow {
    -webkit-transform: translate(2.0834vw, 2.0834vw);
         -o-transform: translate(2.0834vw, 2.0834vw);
            transform: translate(2.0834vw, 2.0834vw);
  }

  .newslist .posts .post h4 {
    font-size: 1.636363rem;
    bottom: 16.3vw;
  }

  .newslist .posts .post:nth-last-of-type(1) h4 {
    bottom: 4vw;
  }
}

@media (min-width: 1280px) {
  .newslist .news {
    padding-bottom: 4.66666rem;
  }

  .newslist .posts {
    position: relative;
  }

  .newslist .posts .post {
    width: 100%;
    height: 46.875vw;
    position: relative;
    pointer-events: none;
    margin: 0;
  }

  .newslist .posts .post .pic.mobile {
    display: none;
  }

  .newslist .posts .post .pic.desk {
    display: block;
  }

  .newslist .posts .post .pic a .front {
    fill: #0d1f2c;
    fill-opacity: 0.5;
    -webkit-transition: fill-opacity 0.5s;
    -o-transition: fill-opacity 0.5s;
    transition: fill-opacity 0.5s;
  }

  .newslist .posts .post .pic a:hover .front {
    fill-opacity: 0;
  }

  .newslist .posts .post .pic .shadow {
    -webkit-transform: translate(0.83333vw, 0.83333vw);
         -o-transform: translate(0.83333vw, 0.83333vw);
            transform: translate(0.83333vw, 0.83333vw);
  }

  .newslist .posts .post h4 {
    font-size: 1.333333rem;
    width: 36%;
    bottom: 60%;
    left: 21%;
    color: #3c93c9;
    background-color: #08121b;
    -webkit-transition: color 0.5s, background-color 0.5s;
    -o-transition: color 0.5s, background-color 0.5s;
    transition: color 0.5s, background-color 0.5s;
  }

  .newslist .posts .post h4 .cap svg .dark,
  .newslist .posts .post h4 .cap svg .light {
    fill: #08121b;
  }

  .newslist .posts .post:nth-of-type(4n+2),
  .newslist .posts .post:nth-of-type(4n+3),
  .newslist .posts .post:nth-of-type(4n+4) {
    margin-top: -46.875vw;
  }

  .newslist .posts .post:nth-of-type(4n+4) {
    margin-bottom: 3.333333vw;
  }

  .newslist .posts .post:nth-of-type(1),
  .newslist .posts .post:nth-last-of-type(1) {
    height: 46.875vw;
  }

  .newslist .posts .post:nth-of-type(1) .pic pattern image {
    width: 48%;
    height: 48%;
  }

  .newslist .posts .post:nth-of-type(2) h4 {
    left: 79%;
  }

  .newslist .posts .post:nth-of-type(2) .pic pattern image {
    width: 57%;
    height: 49%;
  }

  .newslist .posts .post:nth-of-type(3) h4 {
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(3) .pic pattern image {
    width: 57%;
    height: 56%;
  }

  .newslist .posts .post:nth-of-type(4) h4 {
    left: 79%;
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(4) .pic pattern image {
    width: 50%;
    height: 62%;
  }

  .newslist .posts .post:nth-of-type(5) h4 {
    left: 16%;
    bottom: 37%;
    width: 26%;
  }

  .newslist .posts .post:nth-of-type(5) .pic pattern image {
    width: 31%;
    height: 68%;
  }

  .newslist .posts .post:nth-of-type(6) h4 {
    left: 52%;
    bottom: 45%;
    width: 32%;
  }

  .newslist .posts .post:nth-of-type(6) .pic pattern image {
    width: 55%;
    height: 61%;
  }

  .newslist .posts .post:nth-of-type(7) h4 {
    left: 83%;
    bottom: 3%;
    width: 28%;
  }

  .newslist .posts .post:nth-of-type(7) .pic pattern image {
    width: 34%;
    height: 100%;
  }

  .newslist .posts .post:nth-of-type(8) h4 {
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(8) .pic pattern image {
    width: 69%;
    height: 39%;
  }

  .newslist .posts .post:nth-of-type(9) h4 {
    bottom: 55%;
  }

  .newslist .posts .post:nth-of-type(9) .pic pattern image {
    width: 50%;
    height: 62%;
  }

  .newslist .posts .post:nth-of-type(10) h4 {
    left: 79%;
    bottom: 52%;
  }

  .newslist .posts .post:nth-of-type(10) .pic pattern image {
    width: 57%;
    height: 56%;
  }

  .newslist .posts .post:nth-of-type(11) h4 {
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(11) .pic pattern image {
    width: 57%;
    height: 49%;
  }

  .newslist .posts .post:nth-of-type(12) h4 {
    left: 79%;
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(12) .pic pattern image {
    width: 48%;
    height: 48%;
  }

  .newslist .posts .post:nth-of-type(13) h4 {
    left: 17%;
    top: 3%;
    bottom: auto;
    width: 28%;
  }

  .newslist .posts .post:nth-of-type(13) .pic pattern image {
    width: 34%;
    height: 100%;
  }

  .newslist .posts .post:nth-of-type(14) h4 {
    left: 54%;
    bottom: 68%;
  }

  .newslist .posts .post:nth-of-type(14) .pic pattern image {
    width: 69%;
    height: 39%;
  }

  .newslist .posts .post:nth-of-type(15) h4 {
    left: 48%;
    bottom: 3%;
  }

  .newslist .posts .post:nth-of-type(15) .pic pattern image {
    width: 54%;
    height: 61%;
  }

  .newslist .posts .post:nth-of-type(16) h4 {
    left: 87%;
    bottom: 3%;
    width: 20%;
  }

  .newslist .posts .post:nth-of-type(16) .pic pattern image {
    width: 32%;
    height: 68%;
  }

  .newslist .posts .post.over h4 {
    color: white;
    background-color: #1f5c81;
  }

  .newslist .posts .post.over .cap svg .dark {
    fill: #1f5c81;
  }

  .newslist .posts .post.over .cap svg .light {
    fill: #3c93c9;
  }
}

.skills .skillselector .skill.agility .icon .techcircle {
  /*rotation, translation and scale cannot be applied seperately in animation keyframes, agility has an extra container here to control it's spin*/
}

.skills .skillselector .skill.agility .icon .techcircle .spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

.skills .skillselector .skill.agility .icon .techcircle svg .st0 {
  fill: #00eab7;
}

.skills .skillselector .skill.agility .icon .techcircle .ring {
  fill-opacity: 0.5;
  -webkit-animation: iconAgilityOutRing 1s;
       -o-animation: iconAgilityOutRing 1s;
          animation: iconAgilityOutRing 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .plates {
  fill-opacity: 0.7;
  -webkit-animation: iconAgilityOutPlates 1s;
       -o-animation: iconAgilityOutPlates 1s;
          animation: iconAgilityOutPlates 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .chevron {
  fill-opacity: 0.8;
  -webkit-animation: iconAgilityOutChevron 1s;
       -o-animation: iconAgilityOutChevron 1s;
          animation: iconAgilityOutChevron 1s;
}

.skills .skillselector .skill.agility .icon .techcircle .chevronouter {
  fill-opacity: 0.6;
  -webkit-animation: iconAgilityOutChevronOuter 1s;
       -o-animation: iconAgilityOutChevronOuter 1s;
          animation: iconAgilityOutChevronOuter 1s;
}

.skills .skillselector .skill.agility:hover .kit .st0,
.skills .skillselector .skill.agility.sel .kit .st0 {
  fill: #00eab7;
}

.skills .skillselector .skill.agility:hover .techcircle,
.skills .skillselector .skill.agility.sel .techcircle {
  -webkit-animation: iconAgilityIn 4s;
       -o-animation: iconAgilityIn 4s;
          animation: iconAgilityIn 4s;
}

.skills .skillselector .skill.agility:hover .techcircle svg,
.skills .skillselector .skill.agility.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner,
.skills .skillselector .skill.agility.sel .techcircle .spinner {
  -webkit-animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
       -o-animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
          animation: barrelRoll 4s cubic-bezier(0.175, 0.885, 0.32, 1.275), barrelRoll 9.48s linear infinite reverse;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .ring,
.skills .skillselector .skill.agility.sel .techcircle .spinner .ring {
  -webkit-animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
       -o-animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
          animation: iconAgilityInRing 4s, iconAgilityIdleRing 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .plates,
.skills .skillselector .skill.agility.sel .techcircle .spinner .plates {
  -webkit-animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
       -o-animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
          animation: iconAgilityInPlates 4s, iconAgilityIdlePlates 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .chevron,
.skills .skillselector .skill.agility.sel .techcircle .spinner .chevron {
  -webkit-animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
       -o-animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
          animation: iconAgilityInChevron 4s, iconAgilityIdleChevron 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.agility:hover .techcircle .spinner .chevronouter,
.skills .skillselector .skill.agility.sel .techcircle .spinner .chevronouter {
  -webkit-animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
       -o-animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
          animation: iconAgilityInChevronOuter 4s, iconAgilityIdleChevronOuter 2.37s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

/* agility in animation */

/* set 0% and 100%, this avoids complications from transitions or other css rules */

/*@keyframes iconAgilityIn {
	0% { transform: scale(1); }
	7.5% { transform: scale(1); }
	10% { transform: scale(1.05); }
	12.5% { transform: scale(1); }
	25% { transform: scale(1); }
	27.5% { transform: scale(0.9); }
	30% { transform: scale(1); }
	37.5% { transform: scale(1); }
	40% { transform: scale(1.15); }
	42.5% { transform: scale(1); }
	50% { transform: scale(1); }
	52.5% { transform: scale(1.2); }
	55% { transform: scale(1); }
	100% { transform: scale(1); }
}*/

/* 4s */

@keyframes iconAgilityInRing {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }

  7.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  26.25% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }

  30% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  35% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  36.25% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  40% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  47.5% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconAgilityInPlates {
  0% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  17.5% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }

  26.25% {
    -webkit-transform: scale(0.9) rotate(0deg);
         -o-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg);
  }

  30% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  36.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.2) rotate(0deg);
         -o-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  41.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  47.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  48.75% {
    -webkit-transform: scale(1.2) rotate(0deg);
         -o-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }

  52.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes iconAgilityInChevron {
  0% {
    -webkit-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  35% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  45% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  46.25% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  50% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconAgilityInChevronOuter {
  0% {
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  40% {
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }

  45% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* idle animation
2.37 duration
0 bounce chevron, chevouter, ring, plates in 0.05 increments
0.45 bounce
0.9 hold
*/

@keyframes iconAgilityIdleChevron {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  8.44% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  18.99% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  27.43% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconAgilityIdleChevronOuter {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  2.11% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  10.55% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  21.1% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  29.54% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconAgilityIdleRing {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  4.22% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  12.66% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  23.21% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  31.65% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconAgilityIdlePlates {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  6.33% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  8.44% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  14.77% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  25.32% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  27.43% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  33.76% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

/* exit animation
duration 1s
contract
expand
*/

@keyframes iconAgilityOutChevron {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  60% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  85% {
    -webkit-transform: scale(1.35);
         -o-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.35);
         -o-transform: scale(1.35);
            transform: scale(1.35);
    opacity: 0;
  }
}

@keyframes iconAgilityOutChevronOuter {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  65% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  90% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes iconAgilityOutRing {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  70% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  95% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}

@keyframes iconAgilityOutPlates {
  30% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
  }

  75% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

.skills .skillselector .skill.driving .icon .techcircle {
  -webkit-animation: iconDrivingOut 1s forwards;
       -o-animation: iconDrivingOut 1s forwards;
          animation: iconDrivingOut 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg {
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-animation: opacityOut 1s forwards;
       -o-animation: opacityOut 1s forwards;
          animation: opacityOut 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg .st0 {
  fill: #93278f;
  fill-opacity: 0.6;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage01 {
  -webkit-animation: iconDrivingOutGuageOne 1s forwards;
       -o-animation: iconDrivingOutGuageOne 1s forwards;
          animation: iconDrivingOutGuageOne 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage02 {
  -webkit-animation: iconDrivingOutGuageTwo 1s forwards;
       -o-animation: iconDrivingOutGuageTwo 1s forwards;
          animation: iconDrivingOutGuageTwo 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage03 {
  -webkit-animation: iconDrivingOutGuageThree 1s forwards;
       -o-animation: iconDrivingOutGuageThree 1s forwards;
          animation: iconDrivingOutGuageThree 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage04 {
  -webkit-animation: iconDrivingOutGuageFour 1s forwards;
       -o-animation: iconDrivingOutGuageFour 1s forwards;
          animation: iconDrivingOutGuageFour 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage05 {
  -webkit-animation: iconDrivingOutGuageFive 1s forwards;
       -o-animation: iconDrivingOutGuageFive 1s forwards;
          animation: iconDrivingOutGuageFive 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage06 {
  -webkit-animation: iconDrivingOutGuageSix 1s forwards;
       -o-animation: iconDrivingOutGuageSix 1s forwards;
          animation: iconDrivingOutGuageSix 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage07 {
  -webkit-animation: iconDrivingOutGuageSeven 1s forwards;
       -o-animation: iconDrivingOutGuageSeven 1s forwards;
          animation: iconDrivingOutGuageSeven 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage08 {
  -webkit-animation: iconDrivingOutGuageEight 1s forwards;
       -o-animation: iconDrivingOutGuageEight 1s forwards;
          animation: iconDrivingOutGuageEight 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage09 {
  -webkit-animation: iconDrivingOutGuageNine 1s forwards;
       -o-animation: iconDrivingOutGuageNine 1s forwards;
          animation: iconDrivingOutGuageNine 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage10 {
  -webkit-animation: iconDrivingOutGuageTen 1s forwards;
       -o-animation: iconDrivingOutGuageTen 1s forwards;
          animation: iconDrivingOutGuageTen 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage10 .st0 {
  fill-opacity: 0.65;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage11 {
  -webkit-animation: iconDrivingOutGuageEleven 1s forwards;
       -o-animation: iconDrivingOutGuageEleven 1s forwards;
          animation: iconDrivingOutGuageEleven 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage11 .st0 {
  fill-opacity: 0.7;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage12 {
  -webkit-animation: iconDrivingOutGuageTwelve 1s forwards;
       -o-animation: iconDrivingOutGuageTwelve 1s forwards;
          animation: iconDrivingOutGuageTwelve 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage12 .st0 {
  fill-opacity: 0.75;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage13 {
  -webkit-animation: iconDrivingOutGuageThirteen 1s forwards;
       -o-animation: iconDrivingOutGuageThirteen 1s forwards;
          animation: iconDrivingOutGuageThirteen 1s forwards;
}

.skills .skillselector .skill.driving .icon .techcircle svg.guage13 .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.driving .icon .techcircle svg.tread {
  -webkit-animation: iconDrivingOutTread 1s forwards;
       -o-animation: iconDrivingOutTread 1s forwards;
          animation: iconDrivingOutTread 1s forwards;
}

.skills .skillselector .skill.driving:hover .icon .kit .st0,
.skills .skillselector .skill.driving.sel .icon .kit .st0 {
  fill: #93278f;
}

.skills .skillselector .skill.driving:hover .icon .techcircle,
.skills .skillselector .skill.driving.sel .icon .techcircle {
  -webkit-animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
       -o-animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: iconDrivingInCircle 5s ease-out forwards, iconDrivingIdleCircle 11s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle svg,
.skills .skillselector .skill.driving.sel .icon .techcircle svg {
  opacity: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .tread,
.skills .skillselector .skill.driving.sel .icon .techcircle .tread {
  -webkit-animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
       -o-animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
          animation: iconDrivingInTread 5s linear forwards, barrelRoll 5s linear reverse infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage01,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage01 {
  -webkit-animation: iconDrivingInGaugeOne 5s forwards;
       -o-animation: iconDrivingInGaugeOne 5s forwards;
          animation: iconDrivingInGaugeOne 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage02,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage02 {
  -webkit-animation: iconDrivingInGaugeTwo 5s forwards;
       -o-animation: iconDrivingInGaugeTwo 5s forwards;
          animation: iconDrivingInGaugeTwo 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage03,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage03 {
  -webkit-animation: iconDrivingInGaugeThree 5s forwards;
       -o-animation: iconDrivingInGaugeThree 5s forwards;
          animation: iconDrivingInGaugeThree 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage04,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage04 {
  -webkit-animation: iconDrivingInGaugeFour 5s forwards;
       -o-animation: iconDrivingInGaugeFour 5s forwards;
          animation: iconDrivingInGaugeFour 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage05,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage05 {
  -webkit-animation: iconDrivingInGaugeFive 5s forwards;
       -o-animation: iconDrivingInGaugeFive 5s forwards;
          animation: iconDrivingInGaugeFive 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage06,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage06 {
  -webkit-animation: iconDrivingInGaugeSix 5s forwards;
       -o-animation: iconDrivingInGaugeSix 5s forwards;
          animation: iconDrivingInGaugeSix 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage07,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage07 {
  -webkit-animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
       -o-animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
          animation: iconDrivingInGaugeSeven 5s forwards, iconDrivingIdleGaugeSeven 11s infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage08,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage08 {
  -webkit-animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
       -o-animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
          animation: iconDrivingInGaugeEight 5s forwards, iconDrivingIdleGaugeEight 11s infinite;
  -webkit-animation-delay: 0s, 5s;
       -o-animation-delay: 0s, 5s;
          animation-delay: 0s, 5s;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage09,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage09 {
  -webkit-animation: iconDrivingInGaugeNine 5s forwards;
       -o-animation: iconDrivingInGaugeNine 5s forwards;
          animation: iconDrivingInGaugeNine 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage10,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage10 {
  -webkit-animation: iconDrivingInGaugeTen 5s forwards;
       -o-animation: iconDrivingInGaugeTen 5s forwards;
          animation: iconDrivingInGaugeTen 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage11,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage11 {
  -webkit-animation: iconDrivingInGaugeEleven 5s forwards;
       -o-animation: iconDrivingInGaugeEleven 5s forwards;
          animation: iconDrivingInGaugeEleven 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage12,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage12 {
  -webkit-animation: iconDrivingInGaugeTwelve 5s forwards;
       -o-animation: iconDrivingInGaugeTwelve 5s forwards;
          animation: iconDrivingInGaugeTwelve 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guage13,
.skills .skillselector .skill.driving.sel .icon .techcircle .guage13 {
  -webkit-animation: iconDrivingInGaugeThirteen 5s forwards;
       -o-animation: iconDrivingInGaugeThirteen 5s forwards;
          animation: iconDrivingInGaugeThirteen 5s forwards;
}

.skills .skillselector .skill.driving:hover .icon .techcircle .guagebottom,
.skills .skillselector .skill.driving.sel .icon .techcircle .guagebottom {
  -webkit-animation: iconDrivingInGaugeOne 5s forwards;
       -o-animation: iconDrivingInGaugeOne 5s forwards;
          animation: iconDrivingInGaugeOne 5s forwards;
}

/*rocks the gauges back and forth*/

@keyframes iconDrivingInCircle {
  10% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  15% {
    -webkit-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  30% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  35% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  55% {
    -webkit-transform: rotate(-9deg);
         -o-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }

  70% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  90% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/* animation easing goes in the step BEFORE it's applied */

/*
0 fade rotate translate in from right, ease-in
0.5 rotate slow, ease-in
1.5 rotate med, ease-in
2.5 rotate fast, ease-out
3.5 slow to stop
4.5 stopped
*/

@keyframes iconDrivingInTread {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  10% {
    opacity: 0.5;
    -webkit-transform: rotate(-30deg);
         -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }

  29% {
    opacity: 0.5;
  }

  30% {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  39% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.5;
  }

  51% {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  60% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.5;
  }

  71% {
    opacity: 1;
    -webkit-transform: rotate(-300deg);
         -o-transform: rotate(-300deg);
            transform: rotate(-300deg);
  }

  80% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*
0.5 fade in 4
1.5 fade in 7
2.5 fade in 10
3.5 fade in 13
4.5 all out
5 all in
*/

@keyframes iconDrivingInGaugeOne {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  10.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeTwo {
  0% {
    opacity: 0;
  }

  10.5% {
    opacity: 0;
  }

  11% {
    opacity: 1;
  }

  29% {
    opacity: 1;
  }

  29.5% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  30.5% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  49.5% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  50.5% {
    opacity: 1;
  }

  69% {
    opacity: 1;
  }

  69.5% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  70.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeThree {
  0% {
    opacity: 0;
  }

  11% {
    opacity: 0;
  }

  11.5% {
    opacity: 1;
  }

  28.5% {
    opacity: 1;
  }

  29% {
    opacity: 0;
  }

  30.5% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  48.5% {
    opacity: 1;
  }

  49% {
    opacity: 0;
  }

  50.5% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  68.5% {
    opacity: 1;
  }

  69% {
    opacity: 0;
  }

  70.5% {
    opacity: 0;
  }

  71% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeFour {
  0% {
    opacity: 0;
  }

  11.5% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  28% {
    opacity: 1;
  }

  28.5% {
    opacity: 0;
  }

  31% {
    opacity: 0;
  }

  31.5% {
    opacity: 1;
  }

  48% {
    opacity: 1;
  }

  48.5% {
    opacity: 0;
  }

  51% {
    opacity: 0;
  }

  51.5% {
    opacity: 1;
  }

  68% {
    opacity: 1;
  }

  68.5% {
    opacity: 0;
  }

  71% {
    opacity: 0;
  }

  71.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeFive {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  27.5% {
    opacity: 1;
  }

  28% {
    opacity: 0;
  }

  31.5% {
    opacity: 0;
  }

  32% {
    opacity: 1;
  }

  47.5% {
    opacity: 1;
  }

  48% {
    opacity: 0;
  }

  51.5% {
    opacity: 0;
  }

  52% {
    opacity: 1;
  }

  67.5% {
    opacity: 1;
  }

  68% {
    opacity: 0;
  }

  71.5% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeSix {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 0;
  }

  13% {
    opacity: 1;
  }

  27% {
    opacity: 1;
  }

  27.5% {
    opacity: 0;
  }

  32% {
    opacity: 0;
  }

  32.5% {
    opacity: 1;
  }

  47% {
    opacity: 1;
  }

  47.5% {
    opacity: 0;
  }

  52% {
    opacity: 0;
  }

  52.5% {
    opacity: 1;
  }

  67% {
    opacity: 1;
  }

  67.5% {
    opacity: 0;
  }

  72% {
    opacity: 0;
  }

  72.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconDrivingInGaugeSeven {
  0% {
    opacity: 0;
  }

  13% {
    opacity: 0;
  }

  13.5% {
    opacity: 1;
  }

  26.5% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  32.5% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  46.5% {
    opacity: 1;
  }

  47% {
    opacity: 0;
  }

  52.5% {
    opacity: 0;
  }

  53% {
    opacity: 1;
  }

  66.5% {
    opacity: 1;
  }

  67% {
    opacity: 0;
  }

  72.5% {
    opacity: 0;
  }

  73% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  94% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeEight {
  0% {
    opacity: 0;
  }

  13.5% {
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  26% {
    opacity: 1;
  }

  26.5% {
    opacity: 0;
  }

  33% {
    opacity: 0;
  }

  33.5% {
    opacity: 1;
  }

  46% {
    opacity: 1;
  }

  46.5% {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  53.5% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  66.5% {
    opacity: 0;
  }

  73% {
    opacity: 0;
  }

  73.5% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  92% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeNine {
  0% {
    opacity: 0;
  }

  14% {
    opacity: 0;
  }

  14.5% {
    opacity: 1;
  }

  25.5% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  33.5% {
    opacity: 0;
  }

  34% {
    opacity: 1;
  }

  45.5% {
    opacity: 1;
  }

  46% {
    opacity: 0;
  }

  53.5% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  65.5% {
    opacity: 1;
  }

  66% {
    opacity: 0;
  }

  73.5% {
    opacity: 0;
  }

  74% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeTen {
  0% {
    opacity: 0;
  }

  14.5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  25.5% {
    opacity: 0;
  }

  34% {
    opacity: 0;
  }

  34.5% {
    opacity: 1;
  }

  45% {
    opacity: 1;
  }

  45.5% {
    opacity: 0;
  }

  54% {
    opacity: 0;
  }

  54.5% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  65.5% {
    opacity: 0;
  }

  74% {
    opacity: 0;
  }

  74.5% {
    opacity: 1;
  }

  86% {
    opacity: 1;
  }

  88% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeEleven {
  0% {
    opacity: 0;
  }

  34.5% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  44.5% {
    opacity: 1;
  }

  45% {
    opacity: 0;
  }

  54.5% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }

  64.5% {
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  74.5% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  84% {
    opacity: 1;
  }

  86% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  55.5% {
    opacity: 1;
  }

  64% {
    opacity: 1;
  }

  64.5% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  75.5% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingInGaugeThirteen {
  0% {
    opacity: 0;
  }

  75.5% {
    opacity: 0;
  }

  76% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  82% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* mouse out animation */

@keyframes iconDrivingOut {
  0% {
    -webkit-transform: skewX(0deg) translate(0%, 0%);
         -o-transform: skewX(0deg) translate(0%, 0%);
            transform: skewX(0deg) translate(0%, 0%);
  }

  100% {
    -webkit-transform: skewX(25deg) translate(-50%, 0%);
         -o-transform: skewX(25deg) translate(-50%, 0%);
            transform: skewX(25deg) translate(-50%, 0%);
  }
}

@keyframes iconDrivingOutTread {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

@keyframes iconDrivingOutGuageOne {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTwo {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageThree {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageFour {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageFive {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageSix {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageSeven {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageEight {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageNine {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTen {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageEleven {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageTwelve {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}

@keyframes iconDrivingOutGuageThirteen {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  65% {
    opacity: 1;
  }
}

/* driving idle animation
rotate tread
rev 6
hold 2
rev 7
hold 1
rev 6
hold 1
rev 8
hold 1
rev 7
hold 2
rev 6
*/

@keyframes iconDrivingIdleGaugeSeven {
  0% {
    opacity: 0;
  }

  18.18182% {
    opacity: 0;
  }

  22.72727% {
    opacity: 1;
  }

  31.81818% {
    opacity: 1;
  }

  36.36364% {
    opacity: 0;
  }

  45.45455% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  86.36364% {
    opacity: 1;
  }

  90.90909% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingIdleGaugeEight {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  54.54545% {
    opacity: 1;
  }

  63.63636% {
    opacity: 1;
  }

  68.18182% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconDrivingIdleCircle {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  20.45455% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  27.27273% {
    -webkit-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }

  38.63636% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  45.45455% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  47.72727% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  54.54545% {
    -webkit-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  65.90909% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  72.72727% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  88.63636% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.skills .skillselector .skill.explosives .icon .techcircle {
  /*inner and outer circles have their own containers so they can be controlled independantly*/
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring,
.skills .skillselector .skill.explosives .icon .techcircle .outerring {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  -webkit-animation: iconExplosiveOutInner 1s forwards;
       -o-animation: iconExplosiveOutInner 1s forwards;
          animation: iconExplosiveOutInner 1s forwards;
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 {
  opacity: 1;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s, -o-transform 1s;
  -webkit-animation: opacityOut 0.5s forwards;
       -o-animation: opacityOut 0.5s forwards;
          animation: opacityOut 0.5s forwards;
  -webkit-transform: scale(1.07);
       -o-transform: scale(1.07);
          transform: scale(1.07);
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09 .st0,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 .st0 {
  fill: #f15a24;
  fill-opacity: 1;
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .inner10,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer10 {
  -webkit-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .innerring .outer09,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives .icon .techcircle .outerring .outer09 {
  -webkit-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.skills .skillselector .skill.explosives .icon .techcircle .outerring {
  -webkit-animation: iconExplosiveOutOuter 1s forwards;
       -o-animation: iconExplosiveOutOuter 1s forwards;
          animation: iconExplosiveOutOuter 1s forwards;
}

.skills .skillselector .skill.explosives:hover .kit .st0,
.skills .skillselector .skill.explosives.sel .kit .st0 {
  fill: #f15a24;
}

.skills .skillselector .skill.explosives:hover .techcircle svg,
.skills .skillselector .skill.explosives.sel .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring,
.skills .skillselector .skill.explosives.sel .techcircle .innerring {
  -webkit-animation: iconExplosiveInInner 4.4s forwards;
       -o-animation: iconExplosiveInInner 4.4s forwards;
          animation: iconExplosiveInInner 4.4s forwards;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner10 {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner01,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner01 {
  -webkit-animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
       -o-animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
          animation: iconExplosiveInInnerOne 4.4s forwards, iconExplosiveIdleInnerOne 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner02,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner02 {
  -webkit-animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
       -o-animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
          animation: iconExplosiveInInnerTwo 4.4s forwards, iconExplosiveIdleInnerTwo 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner03,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner03 {
  -webkit-animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
       -o-animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
          animation: iconExplosiveInInnerThree 4.4s forwards, iconExplosiveIdleInnerThree 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner04,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner04 {
  -webkit-animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
       -o-animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
          animation: iconExplosiveInInnerFour 4.4s forwards, iconExplosiveIdleInnerFour 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner05,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner05 {
  -webkit-animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
       -o-animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
          animation: iconExplosiveInInnerFive 4.4s forwards, iconExplosiveIdleInnerFive 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner06,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner06 {
  -webkit-animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
       -o-animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
          animation: iconExplosiveInInnerSix 4.4s forwards, iconExplosiveIdleInnerSix 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner07,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner07 {
  -webkit-animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
       -o-animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
          animation: iconExplosiveInInnerSeven 4.4s forwards, iconExplosiveIdleInnerSeven 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner08,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner08 {
  -webkit-animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
       -o-animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
          animation: iconExplosiveInInnerEight 4.4s forwards, iconExplosiveIdleInnerEight 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner09,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner09 {
  -webkit-animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
       -o-animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
          animation: iconExplosiveInInnerNine 4.4s forwards, iconExplosiveIdleInnerNine 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .innerring .inner10,
.skills .skillselector .skill.explosives.sel .techcircle .innerring .inner10 {
  -webkit-animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
       -o-animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
          animation: iconExplosiveInInnerTen 4.4s forwards, iconExplosiveIdleInnerTen 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring,
.skills .skillselector .skill.explosives.sel .techcircle .outerring {
  -webkit-animation: iconExplosiveInOuter 4.4s forwards;
       -o-animation: iconExplosiveInOuter 4.4s forwards;
          animation: iconExplosiveInOuter 4.4s forwards;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer10,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer10 {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer01,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer01 {
  -webkit-animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
       -o-animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
          animation: iconExplosiveInOuterOne 4.4s forwards, iconExplosiveIdleOuterOne 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer02,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer02 {
  -webkit-animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
       -o-animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
          animation: iconExplosiveInOuterTwo 4.4s forwards, iconExplosiveIdleOuterTwo 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer03,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer03 {
  -webkit-animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
       -o-animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
          animation: iconExplosiveInOuterThree 4.4s forwards, iconExplosiveIdleOuterThree 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer04,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer04 {
  -webkit-animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
       -o-animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
          animation: iconExplosiveInOuterFour 4.4s forwards, iconExplosiveIdleOuterFour 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer05,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer05 {
  -webkit-animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
       -o-animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
          animation: iconExplosiveInOuterFive 4.4s forwards, iconExplosiveIdleOuterFive 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer06,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer06 {
  -webkit-animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
       -o-animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
          animation: iconExplosiveInOuterSix 4.4s forwards, iconExplosiveIdleOuterSix 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer07,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer07 {
  -webkit-animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
       -o-animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
          animation: iconExplosiveInOuterSeven 4.4s forwards, iconExplosiveIdleOuterSeven 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer08,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer08 {
  -webkit-animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
       -o-animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
          animation: iconExplosiveInOuterEight 4.4s forwards, iconExplosiveIdleOuterEight 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer09,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer09 {
  -webkit-animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
       -o-animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
          animation: iconExplosiveInOuterNine 4.4s forwards, iconExplosiveIdleOuterNine 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

.skills .skillselector .skill.explosives:hover .techcircle .outerring .outer10,
.skills .skillselector .skill.explosives.sel .techcircle .outerring .outer10 {
  -webkit-animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
       -o-animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
          animation: iconExplosiveInOuterTen 4.4s forwards, iconExplosiveIdleOuterTen 12s infinite;
  -webkit-animation-delay: 0s, 4.4s;
       -o-animation-delay: 0s, 4.4s;
          animation-delay: 0s, 4.4s;
}

/*explosive animations*/

/*0-1.5s rotate 180 and fade in
1.5s light One
1.6 light Three
1.7 light Five
1.8 light Seven
1.9 light Nine
2 shrink
2.3 hold
2.5 explode
2.9 hold and slow spin
3.9 retract
4.4 end*/

/* declare all transforms (scale rotate translate) together otherwise only last transform will apply, or use separate containers to do different transforms*/

@keyframes iconExplosiveInOuter {
  0% {
    -webkit-transform: scale(1.3) rotate(-180deg);
         -o-transform: scale(1.3) rotate(-180deg);
            transform: scale(1.3) rotate(-180deg);
    opacity: 0;
  }

  7% {
    opacity: 1;
  }

  27% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.95) rotate(0deg);
         -o-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.95) rotate(0deg);
         -o-transform: scale(0.95) rotate(0deg);
            transform: scale(0.95) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
         -o-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-5deg);
         -o-transform: scale(1.5) rotate(-5deg);
            transform: scale(1.5) rotate(-5deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@keyframes iconExplosiveInInner {
  7% {
    -webkit-transform: scale(1.2) rotate(-180deg);
         -o-transform: scale(1.2) rotate(-180deg);
            transform: scale(1.2) rotate(-180deg);
    opacity: 0;
  }

  14% {
    opacity: 1;
  }

  34% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  45% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  52% {
    -webkit-transform: scale(0.93) rotate(0deg);
         -o-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  57% {
    -webkit-transform: scale(0.93) rotate(0deg);
         -o-transform: scale(0.93) rotate(0deg);
            transform: scale(0.93) rotate(0deg);
  }

  66% {
    -webkit-transform: scale(1.5) rotate(0deg);
         -o-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }

  89% {
    -webkit-transform: scale(1.5) rotate(-10deg);
         -o-transform: scale(1.5) rotate(-10deg);
            transform: scale(1.5) rotate(-10deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

/* using a random angle for the explosion, but we want to remember that angle for the slow motion effect so store it in a variable */

@keyframes iconExplosiveInInnerOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  /* change the transform origin real quick while it's not moving, otherwise it changes the origin slowly over the transition, making it look more like an arc rather than a spin from the explosion */
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-214deg) scale(0.5);
         -o-transform: rotate(-214deg) scale(0.5);
            transform: rotate(-214deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 50% 7%;
         -o-transform-origin: 50% 7%;
            transform-origin: 50% 7%;
    -webkit-transform: rotate(-214deg) scale(0.5);
         -o-transform: rotate(-214deg) scale(0.5);
            transform: rotate(-214deg) scale(0.5);
  }

  /* here letting the origin transition slowly makes it look more like a magnet pulling the pieces back together */
  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-214deg) scale(0.5);
         -o-transform: rotate(-214deg) scale(0.5);
            transform: rotate(-214deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 61% 9%;
         -o-transform-origin: 61% 9%;
            transform-origin: 61% 9%;
    -webkit-transform: rotate(-214deg) scale(0.5);
         -o-transform: rotate(-214deg) scale(0.5);
            transform: rotate(-214deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-36deg) scale(0.5);
         -o-transform: rotate(-36deg) scale(0.5);
            transform: rotate(-36deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 82% 24%;
         -o-transform-origin: 82% 24%;
            transform-origin: 82% 24%;
    -webkit-transform: rotate(-36deg) scale(0.5);
         -o-transform: rotate(-36deg) scale(0.5);
            transform: rotate(-36deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerFour {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(-143deg) scale(0.5);
         -o-transform: rotate(-143deg) scale(0.5);
            transform: rotate(-143deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 89% 65%;
         -o-transform-origin: 89% 65%;
            transform-origin: 89% 65%;
    -webkit-transform: rotate(-143deg) scale(0.5);
         -o-transform: rotate(-143deg) scale(0.5);
            transform: rotate(-143deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-357deg) scale(0.5);
         -o-transform: rotate(-357deg) scale(0.5);
            transform: rotate(-357deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 70% 87%;
         -o-transform-origin: 70% 87%;
            transform-origin: 70% 87%;
    -webkit-transform: rotate(-357deg) scale(0.5);
         -o-transform: rotate(-357deg) scale(0.5);
            transform: rotate(-357deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerSix {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(-126deg) scale(0.5);
         -o-transform: rotate(-126deg) scale(0.5);
            transform: rotate(-126deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 34% 89%;
         -o-transform-origin: 34% 89%;
            transform-origin: 34% 89%;
    -webkit-transform: rotate(-126deg) scale(0.5);
         -o-transform: rotate(-126deg) scale(0.5);
            transform: rotate(-126deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(-2deg) scale(0.5);
         -o-transform: rotate(-2deg) scale(0.5);
            transform: rotate(-2deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 9% 60%;
         -o-transform-origin: 9% 60%;
            transform-origin: 9% 60%;
    -webkit-transform: rotate(-2deg) scale(0.5);
         -o-transform: rotate(-2deg) scale(0.5);
            transform: rotate(-2deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerEight {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(67deg) scale(0.5);
         -o-transform: rotate(67deg) scale(0.5);
            transform: rotate(67deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 11% 34%;
         -o-transform-origin: 11% 34%;
            transform-origin: 11% 34%;
    -webkit-transform: rotate(67deg) scale(0.5);
         -o-transform: rotate(67deg) scale(0.5);
            transform: rotate(67deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(266deg) scale(0.5);
         -o-transform: rotate(266deg) scale(0.5);
            transform: rotate(266deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 25% 16%;
         -o-transform-origin: 25% 16%;
            transform-origin: 25% 16%;
    -webkit-transform: rotate(266deg) scale(0.5);
         -o-transform: rotate(266deg) scale(0.5);
            transform: rotate(266deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.07);
         -o-transform: rotate(0deg) scale(1.07);
            transform: rotate(0deg) scale(1.07);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInInnerTen {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(109deg) scale(0.5);
         -o-transform: rotate(109deg) scale(0.5);
            transform: rotate(109deg) scale(0.5);
    opacity: 0.6;
  }

  89% {
    -webkit-transform-origin: 40% 9%;
         -o-transform-origin: 40% 9%;
            transform-origin: 40% 9%;
    -webkit-transform: rotate(109deg) scale(0.5);
         -o-transform: rotate(109deg) scale(0.5);
            transform: rotate(109deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveInOuterOne {
  34% {
    opacity: 0.5;
  }

  36% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(159deg) scale(0.5);
         -o-transform: rotate(159deg) scale(0.5);
            transform: rotate(159deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 50% 2%;
         -o-transform-origin: 50% 2%;
            transform-origin: 50% 2%;
    -webkit-transform: rotate(159deg) scale(0.5);
         -o-transform: rotate(159deg) scale(0.5);
            transform: rotate(159deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterTwo {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-153deg) scale(0.5);
         -o-transform: rotate(-153deg) scale(0.5);
            transform: rotate(-153deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 64% 5%;
         -o-transform-origin: 64% 5%;
            transform-origin: 64% 5%;
    -webkit-transform: rotate(-153deg) scale(0.5);
         -o-transform: rotate(-153deg) scale(0.5);
            transform: rotate(-153deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterThree {
  36% {
    opacity: 0.5;
  }

  39% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(-141deg) scale(0.5);
         -o-transform: rotate(-141deg) scale(0.5);
            transform: rotate(-141deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 87% 21%;
         -o-transform-origin: 87% 21%;
            transform-origin: 87% 21%;
    -webkit-transform: rotate(-141deg) scale(0.5);
         -o-transform: rotate(-141deg) scale(0.5);
            transform: rotate(-141deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterFour {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(-118deg) scale(0.5);
         -o-transform: rotate(-118deg) scale(0.5);
            transform: rotate(-118deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 94% 68%;
         -o-transform-origin: 94% 68%;
            transform-origin: 94% 68%;
    -webkit-transform: rotate(-118deg) scale(0.5);
         -o-transform: rotate(-118deg) scale(0.5);
            transform: rotate(-118deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterFive {
  39% {
    opacity: 0.5;
  }

  41% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(-123deg) scale(0.5);
         -o-transform: rotate(-123deg) scale(0.5);
            transform: rotate(-123deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 73% 92%;
         -o-transform-origin: 73% 92%;
            transform-origin: 73% 92%;
    -webkit-transform: rotate(-123deg) scale(0.5);
         -o-transform: rotate(-123deg) scale(0.5);
            transform: rotate(-123deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterSix {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(343deg) scale(0.5);
         -o-transform: rotate(343deg) scale(0.5);
            transform: rotate(343deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 33% 94%;
         -o-transform-origin: 33% 94%;
            transform-origin: 33% 94%;
    -webkit-transform: rotate(343deg) scale(0.5);
         -o-transform: rotate(343deg) scale(0.5);
            transform: rotate(343deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterSeven {
  41% {
    opacity: 0.5;
  }

  43% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(104deg) scale(0.5);
         -o-transform: rotate(104deg) scale(0.5);
            transform: rotate(104deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 4% 62%;
         -o-transform-origin: 4% 62%;
            transform-origin: 4% 62%;
    -webkit-transform: rotate(104deg) scale(0.5);
         -o-transform: rotate(104deg) scale(0.5);
            transform: rotate(104deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterEight {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(226deg) scale(0.5);
         -o-transform: rotate(226deg) scale(0.5);
            transform: rotate(226deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 6% 32%;
         -o-transform-origin: 6% 32%;
            transform-origin: 6% 32%;
    -webkit-transform: rotate(226deg) scale(0.5);
         -o-transform: rotate(226deg) scale(0.5);
            transform: rotate(226deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterNine {
  43% {
    opacity: 0.5;
  }

  45% {
    opacity: 1;
  }

  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 22% 12%;
         -o-transform-origin: 22% 12%;
            transform-origin: 22% 12%;
    -webkit-transform: rotate(-253deg) scale(0.5);
         -o-transform: rotate(-253deg) scale(0.5);
            transform: rotate(-253deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveInOuterTen {
  56% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  57% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  66% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(23deg) scale(0.5);
         -o-transform: rotate(23deg) scale(0.5);
            transform: rotate(23deg) scale(0.5);
    opacity: 0.5;
  }

  89% {
    -webkit-transform-origin: 39% 4%;
         -o-transform-origin: 39% 4%;
            transform-origin: 39% 4%;
    -webkit-transform: rotate(23deg) scale(0.5);
         -o-transform: rotate(23deg) scale(0.5);
            transform: rotate(23deg) scale(0.5);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 0.5;
  }
}

/* faster mouse out animation */

@keyframes iconExplosiveOutOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(90deg);
         -o-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
  }
}

@keyframes iconExplosiveOutInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.2) rotate(-90deg);
         -o-transform: scale(1.2) rotate(-90deg);
            transform: scale(1.2) rotate(-90deg);
  }
}

@keyframes iconExplosiveIdleInnerOne {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.5% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerThree {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(2%, 0%) scale(1);
         -o-transform: translate(2%, 0%) scale(1);
            transform: translate(2%, 0%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  35.83333% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  36.66667% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  37.08333% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  37.5% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  37.91667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  38.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  38.75% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.91667% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45.41667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  46.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.6;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerFour {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerFive {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0%, 1%) scale(1);
         -o-transform: translate(0%, 1%) scale(1);
            transform: translate(0%, 1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  69.16667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  69.58333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  70% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  70.41667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  70.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  71.25% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  71.66667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  72.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerSix {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-1%, 1%) scale(1);
         -o-transform: translate(-1%, 1%) scale(1);
            transform: translate(-1%, 1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.58333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  70% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  70.41667% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  70.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  71.25% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  71.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  76.25% {
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.75% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  79.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerEight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerNine {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleInnerTen {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.5% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.6;
  }
}

@keyframes iconExplosiveIdleOuterOne {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterTwo {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.5% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterThree {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(-1%, 1%) scale(1);
         -o-transform: translate(-1%, 1%) scale(1);
            transform: translate(-1%, 1%) scale(1);
    opacity: 0.5;
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  36.25% {
    -webkit-transform: translate(-1%, 2%);
         -o-transform: translate(-1%, 2%);
            transform: translate(-1%, 2%);
  }

  36.66667% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  37.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  37.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  37.91667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  38.33333% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  38.75% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  39.16667% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40.83333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  42.5% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  45.41667% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  50% {
    opacity: 0.5;
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterFour {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 2%);
         -o-transform: translate(1%, 2%);
            transform: translate(1%, 2%);
  }

  2.5% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterFive {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  3.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1%, 1%) scale(1);
         -o-transform: translate(1%, 1%) scale(1);
            transform: translate(1%, 1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }

  69.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  70.41667% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  71.25% {
    -webkit-transform: translate(-1%, 0%);
         -o-transform: translate(-1%, 0%);
            transform: translate(-1%, 0%);
  }

  71.66667% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterSix {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(0%, -1%);
         -o-transform: translate(0%, -1%);
            transform: translate(0%, -1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  2.91667% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterSeven {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  1.66667% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.08333% {
    -webkit-transform: translate(2%, 1%);
         -o-transform: translate(2%, 1%);
            transform: translate(2%, 1%);
  }

  2.5% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  68.33333% {
    -webkit-transform: translate(2%, 1%) scale(1);
         -o-transform: translate(2%, 1%) scale(1);
            transform: translate(2%, 1%) scale(1);
    opacity: 0.5;
  }

  68.75% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.58333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  70% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  70.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  70.83333% {
    -webkit-transform: translate(2%, 0%);
         -o-transform: translate(2%, 0%);
            transform: translate(2%, 0%);
  }

  71.25% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  71.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  72.08333% {
    -webkit-transform: translate(2%, -1%);
         -o-transform: translate(2%, -1%);
            transform: translate(2%, -1%);
  }

  72.5% {
    -webkit-transform: translate(0%, 0%) scale(0.9);
         -o-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  74.16667% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  75.83333% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  78.33333% {
    -webkit-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  83.33333% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterEight {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  27.08333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  34.58333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterNine {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  1.66667% {
    -webkit-transform: translate(0%, 2%);
         -o-transform: translate(0%, 2%);
            transform: translate(0%, 2%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  2.5% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(-0.5%, 0.5%);
         -o-transform: translate(-0.5%, 0.5%);
            transform: translate(-0.5%, 0.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  26.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  26.66667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(-0.5%, -0.5%);
         -o-transform: translate(-0.5%, -0.5%);
            transform: translate(-0.5%, -0.5%);
  }

  35% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  68.75% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

@keyframes iconExplosiveIdleOuterTen {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }

  0.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  0.83333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  1.25% {
    -webkit-transform: translate(0.5%, -0.5%);
         -o-transform: translate(0.5%, -0.5%);
            transform: translate(0.5%, -0.5%);
  }

  1.66667% {
    -webkit-transform: translate(1%, -1%);
         -o-transform: translate(1%, -1%);
            transform: translate(1%, -1%);
  }

  2.08333% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  2.5% {
    -webkit-transform: translate(2%, 2%);
         -o-transform: translate(2%, 2%);
            transform: translate(2%, 2%);
  }

  2.91667% {
    -webkit-transform: translate(0.5%, 1.5%);
         -o-transform: translate(0.5%, 1.5%);
            transform: translate(0.5%, 1.5%);
  }

  3.33333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  3.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  4.58333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  25.41667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  25.83333% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  26.25% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  26.66667% {
    -webkit-transform: translate(1.5%, 0.5%);
         -o-transform: translate(1.5%, 0.5%);
            transform: translate(1.5%, 0.5%);
  }

  27.08333% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }

  27.5% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  28.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.33333% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  33.75% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  34.16667% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  34.58333% {
    -webkit-transform: translate(1.5%, 1.5%);
         -o-transform: translate(1.5%, 1.5%);
            transform: translate(1.5%, 1.5%);
  }

  35% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  35.41667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  35.83333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  36.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  66.66667% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  67.08333% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  67.5% {
    -webkit-transform: translate(1%, 1%);
         -o-transform: translate(1%, 1%);
            transform: translate(1%, 1%);
  }

  67.91667% {
    -webkit-transform: translate(-0.5%, 1.5%);
         -o-transform: translate(-0.5%, 1.5%);
            transform: translate(-0.5%, 1.5%);
  }

  68.33333% {
    -webkit-transform: translate(1.5%, -0.5%);
         -o-transform: translate(1.5%, -0.5%);
            transform: translate(1.5%, -0.5%);
  }

  68.75% {
    -webkit-transform: translate(0%, 1%);
         -o-transform: translate(0%, 1%);
            transform: translate(0%, 1%);
  }

  69.16667% {
    -webkit-transform: translate(0.5%, 0.5%);
         -o-transform: translate(0.5%, 0.5%);
            transform: translate(0.5%, 0.5%);
  }

  70% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    opacity: 0.5;
  }
}

.skills .skillselector .skill.firearms .icon .techcircle svg .st0 {
  fill: #009dff;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringouter {
  -webkit-animation: iconFirearmsOutRingOuter 1s forwards;
       -o-animation: iconFirearmsOutRingOuter 1s forwards;
          animation: iconFirearmsOutRingOuter 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringouter .st0 {
  fill-opacity: 0.5;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringinner {
  -webkit-animation: iconFirearmsOutRingInner 1s forwards;
       -o-animation: iconFirearmsOutRingInner 1s forwards;
          animation: iconFirearmsOutRingInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ringinner .st0 {
  stroke: #009dff;
  stroke-opacity: 0.6;
  stroke-width: 8;
  fill: none;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ammo01,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo02,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo03,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo04,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo05,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo06,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo07 {
  -webkit-animation: iconFirearmsOutArrowInner 1s forwards;
       -o-animation: iconFirearmsOutArrowInner 1s forwards;
          animation: iconFirearmsOutArrowInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.ammo01 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo02 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo03 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo04 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo05 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo06 .st0,
.skills .skillselector .skill.firearms .icon .techcircle svg.ammo07 .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowouter {
  -webkit-animation: iconFirearmsOutArrowOuter 1s forwards;
       -o-animation: iconFirearmsOutArrowOuter 1s forwards;
          animation: iconFirearmsOutArrowOuter 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowouter .st0 {
  fill-opacity: 0.8;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowinner {
  -webkit-animation: iconFirearmsOutArrowInner 1s forwards;
       -o-animation: iconFirearmsOutArrowInner 1s forwards;
          animation: iconFirearmsOutArrowInner 1s forwards;
}

.skills .skillselector .skill.firearms .icon .techcircle svg.arrowinner .st0 {
  fill-opacity: 0.7;
}

.skills .skillselector .skill.firearms:hover .icon .kit .st0,
.skills .skillselector .skill.firearms.sel .icon .kit .st0 {
  fill: #009dff;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle svg,
.skills .skillselector .skill.firearms.sel .icon .techcircle svg {
  opacity: 1;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringouter,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringouter {
  -webkit-animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
       -o-animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
          animation: iconFirearmsInRingOuter 4s forwards, iconFirearmsIdleRingOuter 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner {
  -webkit-animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
       -o-animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
          animation: iconFirearmsInRingInner 4s forwards, iconFirearmsIdleRingInner 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
  -webkit-animation-timing-function: ease-out, ease;
       -o-animation-timing-function: ease-out, ease;
          animation-timing-function: ease-out, ease;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner .st0.sm,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner .st0.sm {
  stroke-dasharray: 20%;
  stroke-dashoffset: 29%;
  -webkit-animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
       -o-animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
          animation: iconFirearmsInRingInnerDashSm 4s forwards, iconFirearmsIdleRingInnerDashSm 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ringinner .st0.lg,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ringinner .st0.lg {
  stroke-dasharray: 30%;
  stroke-dashoffset: 33%;
  -webkit-animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
       -o-animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
          animation: iconFirearmsInRingInnerDashLg 4s forwards, iconFirearmsIdleRingInnerDashLg 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .arrowinner,
.skills .skillselector .skill.firearms.sel .icon .techcircle .arrowinner {
  -webkit-animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
       -o-animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
          animation: iconFirearmsInArrowInner 4s forwards, iconFirearmsIdleArrowInner 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .arrowouter,
.skills .skillselector .skill.firearms.sel .icon .techcircle .arrowouter {
  -webkit-animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
       -o-animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
          animation: iconFirearmsInArrowOuter 4s forwards, iconFirearmsIdleArrowOuter 24s infinite;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo01,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo01 {
  -webkit-animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
       -o-animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
          animation: iconFirearmsInAmmoOne 4s forwards, iconFirearmsIdleAmmoOne 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo02,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo02 {
  -webkit-animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
       -o-animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
          animation: iconFirearmsInAmmoTwo 4s forwards, iconFirearmsIdleAmmoTwo 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo03,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo03 {
  -webkit-animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
       -o-animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
          animation: iconFirearmsInAmmoThree 4s forwards, iconFirearmsIdleAmmoThree 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo04,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo04 {
  -webkit-animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
       -o-animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
          animation: iconFirearmsInAmmoFour 4s forwards, iconFirearmsIdleAmmoFour 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo05,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo05 {
  -webkit-animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
       -o-animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
          animation: iconFirearmsInAmmoFive 4s forwards, iconFirearmsIdleAmmoFive 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo06,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo06 {
  -webkit-animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
       -o-animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
          animation: iconFirearmsInAmmoSix 4s forwards, iconFirearmsIdleAmmoSix 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

.skills .skillselector .skill.firearms:hover .icon .techcircle .ammo07,
.skills .skillselector .skill.firearms.sel .icon .techcircle .ammo07 {
  -webkit-animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
       -o-animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
          animation: iconFirearmsInAmmoSeven 4s forwards, iconFirearmsIdleAmmoSeven 24s infinite;
  -webkit-animation-delay: 0s, 4s;
       -o-animation-delay: 0s, 4s;
          animation-delay: 0s, 4s;
}

/*
4 second animation
0 spin & fade in outer ring
0.1 spin and fade in inner ring
0.5 fade and scale in inner arrow
0.6 fade and scale in outer arrow
0.7 fade in ammo07
0.75 fade in ammo06
0.8 fade in ammo05
0.85 fade in ammo04
0.9 fade in ammo03
0.95 fade in ammo02
1 fade in ammo01
1.5 fire
	1.5 scale out inner ring, grow dash
	1.55 scale out outer ring & ammo
	1.6 scale out inner arrow
	1.65 scale out outer arrow
	1.7 scale back parts uniformly
2 fire
2.5 fire
3.5 reload, scale in inner arrow, rotate outer ring & arrows
3.6 scale in outer arrow
3.7 fade in ammo02
3.8 fade in ammo01

*/

/*animate inner dash length to reflect aim accuracy and weapon recoil*/

@keyframes iconFirearmsInRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  15% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  35% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  38.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  50% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  51.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  62.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  63.75% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  76.25% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  87.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@keyframes iconFirearmsInRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  15% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  35% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  38.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  50% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  51.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  62.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  63.75% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  76.25% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  87.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@keyframes iconFirearmsInRingInner {
  2.5% {
    -webkit-transform: rotate(-90deg) scale(1.1);
         -o-transform: rotate(-90deg) scale(1.1);
            transform: rotate(-90deg) scale(1.1);
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  37.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  62.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@keyframes iconFirearmsInRingOuter {
  0% {
    -webkit-transform: rotate(90deg) scale(1.1);
         -o-transform: rotate(90deg) scale(1.1);
            transform: rotate(90deg) scale(1.1);
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  38.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  51.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  63.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  76.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(1);
         -o-transform: rotate(10deg) scale(1);
            transform: rotate(10deg) scale(1);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}

@keyframes iconFirearmsInArrowInner {
  0% {
    opacity: 0;
  }

  12.5% {
    -webkit-transform: rotate(0deg) scale(1.2);
         -o-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  20% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  52.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  65% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  77.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.95);
         -o-transform: rotate(10deg) scale(0.95);
            transform: rotate(10deg) scale(0.95);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInArrowOuter {
  0% {
    opacity: 0;
  }

  15% {
    -webkit-transform: rotate(0deg) scale(1.2);
         -o-transform: rotate(0deg) scale(1.2);
            transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }

  22.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  41.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  42.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  53.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  55% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  66.25% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  67.5% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  78.75% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  80% {
    -webkit-transform: rotate(0deg) scale(1.1);
         -o-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
  }

  87.5% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  93.75% {
    -webkit-transform: rotate(10deg) scale(0.85);
         -o-transform: rotate(10deg) scale(0.85);
            transform: rotate(10deg) scale(0.85);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoOne {
  25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  41.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  97.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoTwo {
  23.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  27.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  53.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  62.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  96.25% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoThree {
  22.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  28.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  66.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  95% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoFour {
  21.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  26.25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  78.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  87.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoFive {
  20% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoSix {
  18.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  23.75% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iconFirearmsInAmmoSeven {
  17.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  22.5% {
    opacity: 1;
  }

  38.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  51.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  52.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  63.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  76.25% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  77.5% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  87.5% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 1;
  }
}

/* mouse out animations */

@keyframes iconFirearmsOutRingInner {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(1.2);
         -o-transform: rotate(180deg) scale(1.2);
            transform: rotate(180deg) scale(1.2);
  }
}

@keyframes iconFirearmsOutRingOuter {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(1.2);
         -o-transform: rotate(-180deg) scale(1.2);
            transform: rotate(-180deg) scale(1.2);
  }
}

@keyframes iconFirearmsOutArrowInner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@keyframes iconFirearmsOutArrowOuter {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
  }
}

/* idle animation 
focus out
	inner ring: turn ccw, scale up, lengthen dash
	inner arrow: scale up;
	outer arrow: scale up more;
focus in
focus out
focus in
fire
hold
fire fire fire fire fire 
hold brief
fire
hold brief
reload
*/

@keyframes iconFirearmsIdleRingInnerDashSm {
  0% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  8.33333% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  12.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  29.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  37.5% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  41.66667% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  54.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  54.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  55% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  66.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  67.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  67.91667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  68.125% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  68.75% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  69.375% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  70% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.41667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  70.625% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  71.25% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.66667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  71.875% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  72.5% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.33333% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  83.54167% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 105%;
  }

  84.16667% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }

  100% {
    stroke-dasharray: 20%;
    stroke-dashoffset: 29%;
  }
}

@keyframes iconFirearmsIdleRingInnerDashLg {
  0% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  8.33333% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  12.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  29.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  37.5% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  41.66667% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  54.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  54.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  55% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  66.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  67.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  67.91667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  68.125% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  68.75% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  69.375% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  70% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.41667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  70.625% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  71.25% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.66667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  71.875% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  72.5% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.33333% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  83.54167% {
    stroke-dasharray: 90%;
    stroke-dashoffset: 186%;
  }

  84.16667% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }

  100% {
    stroke-dasharray: 30%;
    stroke-dashoffset: 33%;
  }
}

@keyframes iconFirearmsIdleRingInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  8.33333% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  12.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  29.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  37.5% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
  }

  41.66667% {
    -webkit-transform: scale(1.075) rotate(-90deg);
         -o-transform: scale(1.075) rotate(-90deg);
            transform: scale(1.075) rotate(-90deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.33333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleRingOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.20833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  66.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.70833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.95833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.20833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.45833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.70833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.54167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleArrowInner {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  54.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.08333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  67.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.33333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.16667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.41667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70.83333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.08333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  72.91667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.58333% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleArrowOuter {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  54.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  55% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  55.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.29167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  67.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  68.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.54167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  68.75% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  69.375% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  69.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  70% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  70.625% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.04167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  71.25% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  71.875% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.29167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  72.5% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  73.125% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  83.95833% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  84.16667% {
    -webkit-transform: scale(1.1) rotate(0deg);
         -o-transform: scale(1.1) rotate(0deg);
            transform: scale(1.1) rotate(0deg);
  }

  84.79167% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  91.66667% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  92.70833% {
    -webkit-transform: scale(1) rotate(10deg);
         -o-transform: scale(1) rotate(10deg);
            transform: scale(1) rotate(10deg);
  }

  93.75% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

@keyframes iconFirearmsIdleAmmoOne {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.79167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  56.25% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.58333% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoTwo {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.29167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  68.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoThree {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  70% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  94.16667% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoFour {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.79167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  71.25% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.33333% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoFive {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  71.04167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  72.5% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.125% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.75% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoSix {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  72.29167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  73.75% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconFirearmsIdleAmmoSeven {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  54.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  54.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  55.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  66.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  67.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  67.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.125% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  68.33333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  68.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.375% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  69.58333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  70.20833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.625% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  70.83333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  71.45833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  71.875% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  72.08333% {
    -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }

  72.70833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  83.95833% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  85.41667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  92.91667% {
    -webkit-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }

  93.54167% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.system_requirements {
  width: 100%;
}

.system_requirements .empty {
  visibility: hidden;
  display: none !important;
}

.system_requirements .svgborder {
  position: relative;
  border: 0.05rem solid #206998;
  background-color: #064167;
  border-radius: 0.850rem;
}

.system_requirements .svgborder span {
  display: block;
  background-position: bottom left;
  width: calc(0% + 100px);
  position: absolute;
  top: calc(50% - 1px);
  left: calc(0.25rem + 1rem);
  right: 0;
  bottom: -0.25rem;
}

.system_requirements .svgborder:before,
.system_requirements .svgborder:after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  right: 0;
}

.system_requirements .svgborder:before {
  background-position: calc(100% - 1px) 0;
  width: 100%;
  top: -0.25rem;
  left: calc(0.25rem + 1px);
  bottom: calc(50% - 1px);
}

.system_requirements .svgborder:after {
  background-position: calc(100% - 1px) 100%;
  width: calc(100% - 100px - 1rem);
  top: calc(50% - 1px);
  left: calc(0.25rem + 100px + 1rem + 1px);
  bottom: -0.25rem;
}

.system_requirements .svgborder.orange_border_3:before,
.system_requirements .svgborder.orange_border_3:after,
.system_requirements .svgborder.orange_border_3 span {
  background-image: url(../images/specs-cap-rec-mobile.svg);
}

.system_requirements .svgborder.orange_border_2:before,
.system_requirements .svgborder.orange_border_2:after,
.system_requirements .svgborder.orange_border_2 span {
  background-image: url(../images/specs-cap-min-mobile.svg);
}

.system_requirements .svgborder.blue_border_left:before,
.system_requirements .svgborder.blue_border_left:after {
  width: 100%;
  background-image: url(../images/specs-cap-spec-mobile.svg);
  left: -0.25rem;
  right: 0;
}

.system_requirements .svgborder.blue_border_left:before {
  background-position: top left;
}

.system_requirements .svgborder.blue_border_left:after {
  background-position: bottom left;
}

.system_requirements .svgborder.blue_border_right:before,
.system_requirements .svgborder.blue_border_right:after {
  width: 100%;
  background-image: url(../images/specs-cap-stat-mobile.svg);
  background-repeat: no-repeat;
}

.system_requirements .svgborder.blue_border_right:after {
  left: calc(0.25rem + 1px);
}

.system_requirements .spec_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.1875vw;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.system_requirements .spec_row .spec_name {
  font-size: 1rem;
  line-height: 1.357142rem;
  color: #dcf6fe;
  text-shadow: #0d1f2c 0.14286rem 1px;
  position: relative;
}

.system_requirements .spec_row .label {
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
}

.system_requirements .spec_row .label > div {
  width: 100%;
  padding-right: 0.357142rem;
  font-size: 1rem;
  line-height: 1.357142rem;
  color: #dcf6fe;
  text-shadow: #0d1f2c 0.14286rem 1px;
}

.system_requirements .spec_row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #13354d;
  color: #8fd2f1;
  border: solid 0.07143rem #1d4f6f;
  border-radius: 0.428571rem;
  margin: 0.285714rem;
  text-align: left;
  padding: 0.357142rem;
  font-size: 0.9282571rem;
  line-height: 1.357142rem;
  margin-right: 3.75vw;
}

.system_requirements .spec_row .spec_min,
.system_requirements .spec_row .spec_rec {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 9vw);
          flex: 0 0 calc(50% - 9vw);
  position: relative;
}

@media (min-width: 768px) {
  .system_requirements .svgborder.orange_border_3:before,
  .system_requirements .svgborder.orange_border_3:after,
  .system_requirements .svgborder.orange_border_3 span {
    background-image: url(../images/specs-cap-rec-desk.svg);
  }

  .system_requirements .svgborder.orange_border_2:before,
  .system_requirements .svgborder.orange_border_2:after,
  .system_requirements .svgborder.orange_border_2 span {
    background-image: url(../images/specs-cap-min-desk.svg);
  }

  .system_requirements .svgborder.blue_border_left:before,
  .system_requirements .svgborder.blue_border_left:after {
    width: 100%;
    background-image: url(../images/specs-cap-spec-desk.svg);
    left: -0.25rem;
    right: 0;
  }

  .system_requirements .svgborder.blue_border_right:before,
  .system_requirements .svgborder.blue_border_right:after {
    width: 100%;
    background-image: url(../images/specs-cap-stat-desk.svg);
    background-repeat: no-repeat;
  }

  .system_requirements .svgborder.blue_border_right:after {
    left: calc(0.25rem + 1px);
  }

  .system_requirements .empty {
    display: block !important;
  }

  .system_requirements .spec_row {
    margin-bottom: 1.953125vw;
  }

  .system_requirements .spec_row .spec_name {
    font-size: 0.9rem;
    line-height: 1.2rem;
    text-shadow: #0d1f2c 0.1rem 1px;
  }

  .system_requirements .spec_row .label > div {
    padding-right: 0.25rem;
    font-size: 1rem;
    line-height: 1.357142rem;
    color: #dcf6fe;
    text-shadow: #0d1f2c 0.14286rem 1px;
  }

  .system_requirements .spec_row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #13354d;
    color: #8fd2f1;
    border: solid 0.07143rem #1d4f6f;
    border-radius: 0.3rem;
    margin: 0.285714rem;
    width: 40%;
    text-align: left;
    padding: 0.25rem;
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin-right: 2.083333vw;
  }
}

@media (min-width: 1280px) {
  .system_requirements {
    width: 66%;
  }

  .system_requirements .spec_row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 1.25vw;
  }

  .system_requirements .spec_row .spec_name {
    font-size: 1.083333rem;
    line-height: 1.541666rem;
    width: 33%;
  }

  .system_requirements .spec_row .label {
    text-align: right;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }

  .system_requirements .spec_row .label > div {
    padding-right: 0.357142rem;
    font-size: 1rem;
    line-height: 1.357142rem;
    text-shadow: #0d1f2c 0.14286rem 1px;
  }

  .system_requirements .spec_row > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    border: solid 0.04167rem #1d4f6f;
    border-radius: 0.375rem;
    margin: 0.25rem;
    padding: 0.208333rem;
    font-size: 1rem;
    line-height: 1.541666rem;
    margin-right: 1.666666vw;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url(../vendor/fontawesome-webfont_674f50d2.eot);
  src: url(../vendor/fontawesome-webfont_674f50d2.eot) format("embedded-opentype"), url(../vendor/fontawesome-webfont_af7ae505.woff2) format("woff2"), url(../vendor/fontawesome-webfont_fee66e71.woff) format("woff"), url(../vendor/fontawesome-webfont_b06871f2.ttf) format("truetype"), url(../vendor/fontawesome-webfont_912ec66d.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  -o-animation: fa-spin 1s infinite steps(8);
     animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
       transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
       transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
     transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
     transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
     transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
     transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
     transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\F000";
}

.fa-music:before {
  content: "\F001";
}

.fa-search:before {
  content: "\F002";
}

.fa-envelope-o:before {
  content: "\F003";
}

.fa-heart:before {
  content: "\F004";
}

.fa-star:before {
  content: "\F005";
}

.fa-star-o:before {
  content: "\F006";
}

.fa-user:before {
  content: "\F007";
}

.fa-film:before {
  content: "\F008";
}

.fa-th-large:before {
  content: "\F009";
}

.fa-th:before {
  content: "\F00A";
}

.fa-th-list:before {
  content: "\F00B";
}

.fa-check:before {
  content: "\F00C";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}

.fa-search-plus:before {
  content: "\F00E";
}

.fa-search-minus:before {
  content: "\F010";
}

.fa-power-off:before {
  content: "\F011";
}

.fa-signal:before {
  content: "\F012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}

.fa-trash-o:before {
  content: "\F014";
}

.fa-home:before {
  content: "\F015";
}

.fa-file-o:before {
  content: "\F016";
}

.fa-clock-o:before {
  content: "\F017";
}

.fa-road:before {
  content: "\F018";
}

.fa-download:before {
  content: "\F019";
}

.fa-arrow-circle-o-down:before {
  content: "\F01A";
}

.fa-arrow-circle-o-up:before {
  content: "\F01B";
}

.fa-inbox:before {
  content: "\F01C";
}

.fa-play-circle-o:before {
  content: "\F01D";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}

.fa-refresh:before {
  content: "\F021";
}

.fa-list-alt:before {
  content: "\F022";
}

.fa-lock:before {
  content: "\F023";
}

.fa-flag:before {
  content: "\F024";
}

.fa-headphones:before {
  content: "\F025";
}

.fa-volume-off:before {
  content: "\F026";
}

.fa-volume-down:before {
  content: "\F027";
}

.fa-volume-up:before {
  content: "\F028";
}

.fa-qrcode:before {
  content: "\F029";
}

.fa-barcode:before {
  content: "\F02A";
}

.fa-tag:before {
  content: "\F02B";
}

.fa-tags:before {
  content: "\F02C";
}

.fa-book:before {
  content: "\F02D";
}

.fa-bookmark:before {
  content: "\F02E";
}

.fa-print:before {
  content: "\F02F";
}

.fa-camera:before {
  content: "\F030";
}

.fa-font:before {
  content: "\F031";
}

.fa-bold:before {
  content: "\F032";
}

.fa-italic:before {
  content: "\F033";
}

.fa-text-height:before {
  content: "\F034";
}

.fa-text-width:before {
  content: "\F035";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-list:before {
  content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-video-camera:before {
  content: "\F03D";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}

.fa-pencil:before {
  content: "\F040";
}

.fa-map-marker:before {
  content: "\F041";
}

.fa-adjust:before {
  content: "\F042";
}

.fa-tint:before {
  content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}

.fa-share-square-o:before {
  content: "\F045";
}

.fa-check-square-o:before {
  content: "\F046";
}

.fa-arrows:before {
  content: "\F047";
}

.fa-step-backward:before {
  content: "\F048";
}

.fa-fast-backward:before {
  content: "\F049";
}

.fa-backward:before {
  content: "\F04A";
}

.fa-play:before {
  content: "\F04B";
}

.fa-pause:before {
  content: "\F04C";
}

.fa-stop:before {
  content: "\F04D";
}

.fa-forward:before {
  content: "\F04E";
}

.fa-fast-forward:before {
  content: "\F050";
}

.fa-step-forward:before {
  content: "\F051";
}

.fa-eject:before {
  content: "\F052";
}

.fa-chevron-left:before {
  content: "\F053";
}

.fa-chevron-right:before {
  content: "\F054";
}

.fa-plus-circle:before {
  content: "\F055";
}

.fa-minus-circle:before {
  content: "\F056";
}

.fa-times-circle:before {
  content: "\F057";
}

.fa-check-circle:before {
  content: "\F058";
}

.fa-question-circle:before {
  content: "\F059";
}

.fa-info-circle:before {
  content: "\F05A";
}

.fa-crosshairs:before {
  content: "\F05B";
}

.fa-times-circle-o:before {
  content: "\F05C";
}

.fa-check-circle-o:before {
  content: "\F05D";
}

.fa-ban:before {
  content: "\F05E";
}

.fa-arrow-left:before {
  content: "\F060";
}

.fa-arrow-right:before {
  content: "\F061";
}

.fa-arrow-up:before {
  content: "\F062";
}

.fa-arrow-down:before {
  content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}

.fa-expand:before {
  content: "\F065";
}

.fa-compress:before {
  content: "\F066";
}

.fa-plus:before {
  content: "\F067";
}

.fa-minus:before {
  content: "\F068";
}

.fa-asterisk:before {
  content: "\F069";
}

.fa-exclamation-circle:before {
  content: "\F06A";
}

.fa-gift:before {
  content: "\F06B";
}

.fa-leaf:before {
  content: "\F06C";
}

.fa-fire:before {
  content: "\F06D";
}

.fa-eye:before {
  content: "\F06E";
}

.fa-eye-slash:before {
  content: "\F070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}

.fa-plane:before {
  content: "\F072";
}

.fa-calendar:before {
  content: "\F073";
}

.fa-random:before {
  content: "\F074";
}

.fa-comment:before {
  content: "\F075";
}

.fa-magnet:before {
  content: "\F076";
}

.fa-chevron-up:before {
  content: "\F077";
}

.fa-chevron-down:before {
  content: "\F078";
}

.fa-retweet:before {
  content: "\F079";
}

.fa-shopping-cart:before {
  content: "\F07A";
}

.fa-folder:before {
  content: "\F07B";
}

.fa-folder-open:before {
  content: "\F07C";
}

.fa-arrows-v:before {
  content: "\F07D";
}

.fa-arrows-h:before {
  content: "\F07E";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}

.fa-twitter-square:before {
  content: "\F081";
}

.fa-facebook-square:before {
  content: "\F082";
}

.fa-camera-retro:before {
  content: "\F083";
}

.fa-key:before {
  content: "\F084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}

.fa-comments:before {
  content: "\F086";
}

.fa-thumbs-o-up:before {
  content: "\F087";
}

.fa-thumbs-o-down:before {
  content: "\F088";
}

.fa-star-half:before {
  content: "\F089";
}

.fa-heart-o:before {
  content: "\F08A";
}

.fa-sign-out:before {
  content: "\F08B";
}

.fa-linkedin-square:before {
  content: "\F08C";
}

.fa-thumb-tack:before {
  content: "\F08D";
}

.fa-external-link:before {
  content: "\F08E";
}

.fa-sign-in:before {
  content: "\F090";
}

.fa-trophy:before {
  content: "\F091";
}

.fa-github-square:before {
  content: "\F092";
}

.fa-upload:before {
  content: "\F093";
}

.fa-lemon-o:before {
  content: "\F094";
}

.fa-phone:before {
  content: "\F095";
}

.fa-square-o:before {
  content: "\F096";
}

.fa-bookmark-o:before {
  content: "\F097";
}

.fa-phone-square:before {
  content: "\F098";
}

.fa-twitter:before {
  content: "\F099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}

.fa-github:before {
  content: "\F09B";
}

.fa-unlock:before {
  content: "\F09C";
}

.fa-credit-card:before {
  content: "\F09D";
}

.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}

.fa-hdd-o:before {
  content: "\F0A0";
}

.fa-bullhorn:before {
  content: "\F0A1";
}

.fa-bell:before {
  content: "\F0F3";
}

.fa-certificate:before {
  content: "\F0A3";
}

.fa-hand-o-right:before {
  content: "\F0A4";
}

.fa-hand-o-left:before {
  content: "\F0A5";
}

.fa-hand-o-up:before {
  content: "\F0A6";
}

.fa-hand-o-down:before {
  content: "\F0A7";
}

.fa-arrow-circle-left:before {
  content: "\F0A8";
}

.fa-arrow-circle-right:before {
  content: "\F0A9";
}

.fa-arrow-circle-up:before {
  content: "\F0AA";
}

.fa-arrow-circle-down:before {
  content: "\F0AB";
}

.fa-globe:before {
  content: "\F0AC";
}

.fa-wrench:before {
  content: "\F0AD";
}

.fa-tasks:before {
  content: "\F0AE";
}

.fa-filter:before {
  content: "\F0B0";
}

.fa-briefcase:before {
  content: "\F0B1";
}

.fa-arrows-alt:before {
  content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}

.fa-cloud:before {
  content: "\F0C2";
}

.fa-flask:before {
  content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}

.fa-paperclip:before {
  content: "\F0C6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}

.fa-square:before {
  content: "\F0C8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-table:before {
  content: "\F0CE";
}

.fa-magic:before {
  content: "\F0D0";
}

.fa-truck:before {
  content: "\F0D1";
}

.fa-pinterest:before {
  content: "\F0D2";
}

.fa-pinterest-square:before {
  content: "\F0D3";
}

.fa-google-plus-square:before {
  content: "\F0D4";
}

.fa-google-plus:before {
  content: "\F0D5";
}

.fa-money:before {
  content: "\F0D6";
}

.fa-caret-down:before {
  content: "\F0D7";
}

.fa-caret-up:before {
  content: "\F0D8";
}

.fa-caret-left:before {
  content: "\F0D9";
}

.fa-caret-right:before {
  content: "\F0DA";
}

.fa-columns:before {
  content: "\F0DB";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}

.fa-envelope:before {
  content: "\F0E0";
}

.fa-linkedin:before {
  content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}

.fa-comment-o:before {
  content: "\F0E5";
}

.fa-comments-o:before {
  content: "\F0E6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}

.fa-sitemap:before {
  content: "\F0E8";
}

.fa-umbrella:before {
  content: "\F0E9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}

.fa-lightbulb-o:before {
  content: "\F0EB";
}

.fa-exchange:before {
  content: "\F0EC";
}

.fa-cloud-download:before {
  content: "\F0ED";
}

.fa-cloud-upload:before {
  content: "\F0EE";
}

.fa-user-md:before {
  content: "\F0F0";
}

.fa-stethoscope:before {
  content: "\F0F1";
}

.fa-suitcase:before {
  content: "\F0F2";
}

.fa-bell-o:before {
  content: "\F0A2";
}

.fa-coffee:before {
  content: "\F0F4";
}

.fa-cutlery:before {
  content: "\F0F5";
}

.fa-file-text-o:before {
  content: "\F0F6";
}

.fa-building-o:before {
  content: "\F0F7";
}

.fa-hospital-o:before {
  content: "\F0F8";
}

.fa-ambulance:before {
  content: "\F0F9";
}

.fa-medkit:before {
  content: "\F0FA";
}

.fa-fighter-jet:before {
  content: "\F0FB";
}

.fa-beer:before {
  content: "\F0FC";
}

.fa-h-square:before {
  content: "\F0FD";
}

.fa-plus-square:before {
  content: "\F0FE";
}

.fa-angle-double-left:before {
  content: "\F100";
}

.fa-angle-double-right:before {
  content: "\F101";
}

.fa-angle-double-up:before {
  content: "\F102";
}

.fa-angle-double-down:before {
  content: "\F103";
}

.fa-angle-left:before {
  content: "\F104";
}

.fa-angle-right:before {
  content: "\F105";
}

.fa-angle-up:before {
  content: "\F106";
}

.fa-angle-down:before {
  content: "\F107";
}

.fa-desktop:before {
  content: "\F108";
}

.fa-laptop:before {
  content: "\F109";
}

.fa-tablet:before {
  content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}

.fa-circle-o:before {
  content: "\F10C";
}

.fa-quote-left:before {
  content: "\F10D";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-spinner:before {
  content: "\F110";
}

.fa-circle:before {
  content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}

.fa-github-alt:before {
  content: "\F113";
}

.fa-folder-o:before {
  content: "\F114";
}

.fa-folder-open-o:before {
  content: "\F115";
}

.fa-smile-o:before {
  content: "\F118";
}

.fa-frown-o:before {
  content: "\F119";
}

.fa-meh-o:before {
  content: "\F11A";
}

.fa-gamepad:before {
  content: "\F11B";
}

.fa-keyboard-o:before {
  content: "\F11C";
}

.fa-flag-o:before {
  content: "\F11D";
}

.fa-flag-checkered:before {
  content: "\F11E";
}

.fa-terminal:before {
  content: "\F120";
}

.fa-code:before {
  content: "\F121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}

.fa-location-arrow:before {
  content: "\F124";
}

.fa-crop:before {
  content: "\F125";
}

.fa-code-fork:before {
  content: "\F126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}

.fa-question:before {
  content: "\F128";
}

.fa-info:before {
  content: "\F129";
}

.fa-exclamation:before {
  content: "\F12A";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-puzzle-piece:before {
  content: "\F12E";
}

.fa-microphone:before {
  content: "\F130";
}

.fa-microphone-slash:before {
  content: "\F131";
}

.fa-shield:before {
  content: "\F132";
}

.fa-calendar-o:before {
  content: "\F133";
}

.fa-fire-extinguisher:before {
  content: "\F134";
}

.fa-rocket:before {
  content: "\F135";
}

.fa-maxcdn:before {
  content: "\F136";
}

.fa-chevron-circle-left:before {
  content: "\F137";
}

.fa-chevron-circle-right:before {
  content: "\F138";
}

.fa-chevron-circle-up:before {
  content: "\F139";
}

.fa-chevron-circle-down:before {
  content: "\F13A";
}

.fa-html5:before {
  content: "\F13B";
}

.fa-css3:before {
  content: "\F13C";
}

.fa-anchor:before {
  content: "\F13D";
}

.fa-unlock-alt:before {
  content: "\F13E";
}

.fa-bullseye:before {
  content: "\F140";
}

.fa-ellipsis-h:before {
  content: "\F141";
}

.fa-ellipsis-v:before {
  content: "\F142";
}

.fa-rss-square:before {
  content: "\F143";
}

.fa-play-circle:before {
  content: "\F144";
}

.fa-ticket:before {
  content: "\F145";
}

.fa-minus-square:before {
  content: "\F146";
}

.fa-minus-square-o:before {
  content: "\F147";
}

.fa-level-up:before {
  content: "\F148";
}

.fa-level-down:before {
  content: "\F149";
}

.fa-check-square:before {
  content: "\F14A";
}

.fa-pencil-square:before {
  content: "\F14B";
}

.fa-external-link-square:before {
  content: "\F14C";
}

.fa-share-square:before {
  content: "\F14D";
}

.fa-compass:before {
  content: "\F14E";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}

.fa-gbp:before {
  content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}

.fa-won:before,
.fa-krw:before {
  content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}

.fa-file:before {
  content: "\F15B";
}

.fa-file-text:before {
  content: "\F15C";
}

.fa-sort-alpha-asc:before {
  content: "\F15D";
}

.fa-sort-alpha-desc:before {
  content: "\F15E";
}

.fa-sort-amount-asc:before {
  content: "\F160";
}

.fa-sort-amount-desc:before {
  content: "\F161";
}

.fa-sort-numeric-asc:before {
  content: "\F162";
}

.fa-sort-numeric-desc:before {
  content: "\F163";
}

.fa-thumbs-up:before {
  content: "\F164";
}

.fa-thumbs-down:before {
  content: "\F165";
}

.fa-youtube-square:before {
  content: "\F166";
}

.fa-youtube:before {
  content: "\F167";
}

.fa-xing:before {
  content: "\F168";
}

.fa-xing-square:before {
  content: "\F169";
}

.fa-youtube-play:before {
  content: "\F16A";
}

.fa-dropbox:before {
  content: "\F16B";
}

.fa-stack-overflow:before {
  content: "\F16C";
}

.fa-instagram:before {
  content: "\F16D";
}

.fa-flickr:before {
  content: "\F16E";
}

.fa-adn:before {
  content: "\F170";
}

.fa-bitbucket:before {
  content: "\F171";
}

.fa-bitbucket-square:before {
  content: "\F172";
}

.fa-tumblr:before {
  content: "\F173";
}

.fa-tumblr-square:before {
  content: "\F174";
}

.fa-long-arrow-down:before {
  content: "\F175";
}

.fa-long-arrow-up:before {
  content: "\F176";
}

.fa-long-arrow-left:before {
  content: "\F177";
}

.fa-long-arrow-right:before {
  content: "\F178";
}

.fa-apple:before {
  content: "\F179";
}

.fa-windows:before {
  content: "\F17A";
}

.fa-android:before {
  content: "\F17B";
}

.fa-linux:before {
  content: "\F17C";
}

.fa-dribbble:before {
  content: "\F17D";
}

.fa-skype:before {
  content: "\F17E";
}

.fa-foursquare:before {
  content: "\F180";
}

.fa-trello:before {
  content: "\F181";
}

.fa-female:before {
  content: "\F182";
}

.fa-male:before {
  content: "\F183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}

.fa-sun-o:before {
  content: "\F185";
}

.fa-moon-o:before {
  content: "\F186";
}

.fa-archive:before {
  content: "\F187";
}

.fa-bug:before {
  content: "\F188";
}

.fa-vk:before {
  content: "\F189";
}

.fa-weibo:before {
  content: "\F18A";
}

.fa-renren:before {
  content: "\F18B";
}

.fa-pagelines:before {
  content: "\F18C";
}

.fa-stack-exchange:before {
  content: "\F18D";
}

.fa-arrow-circle-o-right:before {
  content: "\F18E";
}

.fa-arrow-circle-o-left:before {
  content: "\F190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}

.fa-dot-circle-o:before {
  content: "\F192";
}

.fa-wheelchair:before {
  content: "\F193";
}

.fa-vimeo-square:before {
  content: "\F194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}

.fa-plus-square-o:before {
  content: "\F196";
}

.fa-space-shuttle:before {
  content: "\F197";
}

.fa-slack:before {
  content: "\F198";
}

.fa-envelope-square:before {
  content: "\F199";
}

.fa-wordpress:before {
  content: "\F19A";
}

.fa-openid:before {
  content: "\F19B";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}

.fa-yahoo:before {
  content: "\F19E";
}

.fa-google:before {
  content: "\F1A0";
}

.fa-reddit:before {
  content: "\F1A1";
}

.fa-reddit-square:before {
  content: "\F1A2";
}

.fa-stumbleupon-circle:before {
  content: "\F1A3";
}

.fa-stumbleupon:before {
  content: "\F1A4";
}

.fa-delicious:before {
  content: "\F1A5";
}

.fa-digg:before {
  content: "\F1A6";
}

.fa-pied-piper-pp:before {
  content: "\F1A7";
}

.fa-pied-piper-alt:before {
  content: "\F1A8";
}

.fa-drupal:before {
  content: "\F1A9";
}

.fa-joomla:before {
  content: "\F1AA";
}

.fa-language:before {
  content: "\F1AB";
}

.fa-fax:before {
  content: "\F1AC";
}

.fa-building:before {
  content: "\F1AD";
}

.fa-child:before {
  content: "\F1AE";
}

.fa-paw:before {
  content: "\F1B0";
}

.fa-spoon:before {
  content: "\F1B1";
}

.fa-cube:before {
  content: "\F1B2";
}

.fa-cubes:before {
  content: "\F1B3";
}

.fa-behance:before {
  content: "\F1B4";
}

.fa-behance-square:before {
  content: "\F1B5";
}

.fa-steam:before {
  content: "\F1B6";
}

.fa-steam-square:before {
  content: "\F1B7";
}

.fa-recycle:before {
  content: "\F1B8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}

.fa-tree:before {
  content: "\F1BB";
}

.fa-spotify:before {
  content: "\F1BC";
}

.fa-deviantart:before {
  content: "\F1BD";
}

.fa-soundcloud:before {
  content: "\F1BE";
}

.fa-database:before {
  content: "\F1C0";
}

.fa-file-pdf-o:before {
  content: "\F1C1";
}

.fa-file-word-o:before {
  content: "\F1C2";
}

.fa-file-excel-o:before {
  content: "\F1C3";
}

.fa-file-powerpoint-o:before {
  content: "\F1C4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}

.fa-file-code-o:before {
  content: "\F1C9";
}

.fa-vine:before {
  content: "\F1CA";
}

.fa-codepen:before {
  content: "\F1CB";
}

.fa-jsfiddle:before {
  content: "\F1CC";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}

.fa-circle-o-notch:before {
  content: "\F1CE";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}

.fa-git-square:before {
  content: "\F1D2";
}

.fa-git:before {
  content: "\F1D3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}

.fa-tencent-weibo:before {
  content: "\F1D5";
}

.fa-qq:before {
  content: "\F1D6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}

.fa-history:before {
  content: "\F1DA";
}

.fa-circle-thin:before {
  content: "\F1DB";
}

.fa-header:before {
  content: "\F1DC";
}

.fa-paragraph:before {
  content: "\F1DD";
}

.fa-sliders:before {
  content: "\F1DE";
}

.fa-share-alt:before {
  content: "\F1E0";
}

.fa-share-alt-square:before {
  content: "\F1E1";
}

.fa-bomb:before {
  content: "\F1E2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}

.fa-tty:before {
  content: "\F1E4";
}

.fa-binoculars:before {
  content: "\F1E5";
}

.fa-plug:before {
  content: "\F1E6";
}

.fa-slideshare:before {
  content: "\F1E7";
}

.fa-twitch:before {
  content: "\F1E8";
}

.fa-yelp:before {
  content: "\F1E9";
}

.fa-newspaper-o:before {
  content: "\F1EA";
}

.fa-wifi:before {
  content: "\F1EB";
}

.fa-calculator:before {
  content: "\F1EC";
}

.fa-paypal:before {
  content: "\F1ED";
}

.fa-google-wallet:before {
  content: "\F1EE";
}

.fa-cc-visa:before {
  content: "\F1F0";
}

.fa-cc-mastercard:before {
  content: "\F1F1";
}

.fa-cc-discover:before {
  content: "\F1F2";
}

.fa-cc-amex:before {
  content: "\F1F3";
}

.fa-cc-paypal:before {
  content: "\F1F4";
}

.fa-cc-stripe:before {
  content: "\F1F5";
}

.fa-bell-slash:before {
  content: "\F1F6";
}

.fa-bell-slash-o:before {
  content: "\F1F7";
}

.fa-trash:before {
  content: "\F1F8";
}

.fa-copyright:before {
  content: "\F1F9";
}

.fa-at:before {
  content: "\F1FA";
}

.fa-eyedropper:before {
  content: "\F1FB";
}

.fa-paint-brush:before {
  content: "\F1FC";
}

.fa-birthday-cake:before {
  content: "\F1FD";
}

.fa-area-chart:before {
  content: "\F1FE";
}

.fa-pie-chart:before {
  content: "\F200";
}

.fa-line-chart:before {
  content: "\F201";
}

.fa-lastfm:before {
  content: "\F202";
}

.fa-lastfm-square:before {
  content: "\F203";
}

.fa-toggle-off:before {
  content: "\F204";
}

.fa-toggle-on:before {
  content: "\F205";
}

.fa-bicycle:before {
  content: "\F206";
}

.fa-bus:before {
  content: "\F207";
}

.fa-ioxhost:before {
  content: "\F208";
}

.fa-angellist:before {
  content: "\F209";
}

.fa-cc:before {
  content: "\F20A";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}

.fa-meanpath:before {
  content: "\F20C";
}

.fa-buysellads:before {
  content: "\F20D";
}

.fa-connectdevelop:before {
  content: "\F20E";
}

.fa-dashcube:before {
  content: "\F210";
}

.fa-forumbee:before {
  content: "\F211";
}

.fa-leanpub:before {
  content: "\F212";
}

.fa-sellsy:before {
  content: "\F213";
}

.fa-shirtsinbulk:before {
  content: "\F214";
}

.fa-simplybuilt:before {
  content: "\F215";
}

.fa-skyatlas:before {
  content: "\F216";
}

.fa-cart-plus:before {
  content: "\F217";
}

.fa-cart-arrow-down:before {
  content: "\F218";
}

.fa-diamond:before {
  content: "\F219";
}

.fa-ship:before {
  content: "\F21A";
}

.fa-user-secret:before {
  content: "\F21B";
}

.fa-motorcycle:before {
  content: "\F21C";
}

.fa-street-view:before {
  content: "\F21D";
}

.fa-heartbeat:before {
  content: "\F21E";
}

.fa-venus:before {
  content: "\F221";
}

.fa-mars:before {
  content: "\F222";
}

.fa-mercury:before {
  content: "\F223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}

.fa-transgender-alt:before {
  content: "\F225";
}

.fa-venus-double:before {
  content: "\F226";
}

.fa-mars-double:before {
  content: "\F227";
}

.fa-venus-mars:before {
  content: "\F228";
}

.fa-mars-stroke:before {
  content: "\F229";
}

.fa-mars-stroke-v:before {
  content: "\F22A";
}

.fa-mars-stroke-h:before {
  content: "\F22B";
}

.fa-neuter:before {
  content: "\F22C";
}

.fa-genderless:before {
  content: "\F22D";
}

.fa-facebook-official:before {
  content: "\F230";
}

.fa-pinterest-p:before {
  content: "\F231";
}

.fa-whatsapp:before {
  content: "\F232";
}

.fa-server:before {
  content: "\F233";
}

.fa-user-plus:before {
  content: "\F234";
}

.fa-user-times:before {
  content: "\F235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}

.fa-viacoin:before {
  content: "\F237";
}

.fa-train:before {
  content: "\F238";
}

.fa-subway:before {
  content: "\F239";
}

.fa-medium:before {
  content: "\F23A";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}

.fa-optin-monster:before {
  content: "\F23C";
}

.fa-opencart:before {
  content: "\F23D";
}

.fa-expeditedssl:before {
  content: "\F23E";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}

.fa-mouse-pointer:before {
  content: "\F245";
}

.fa-i-cursor:before {
  content: "\F246";
}

.fa-object-group:before {
  content: "\F247";
}

.fa-object-ungroup:before {
  content: "\F248";
}

.fa-sticky-note:before {
  content: "\F249";
}

.fa-sticky-note-o:before {
  content: "\F24A";
}

.fa-cc-jcb:before {
  content: "\F24B";
}

.fa-cc-diners-club:before {
  content: "\F24C";
}

.fa-clone:before {
  content: "\F24D";
}

.fa-balance-scale:before {
  content: "\F24E";
}

.fa-hourglass-o:before {
  content: "\F250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}

.fa-hourglass:before {
  content: "\F254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}

.fa-hand-scissors-o:before {
  content: "\F257";
}

.fa-hand-lizard-o:before {
  content: "\F258";
}

.fa-hand-spock-o:before {
  content: "\F259";
}

.fa-hand-pointer-o:before {
  content: "\F25A";
}

.fa-hand-peace-o:before {
  content: "\F25B";
}

.fa-trademark:before {
  content: "\F25C";
}

.fa-registered:before {
  content: "\F25D";
}

.fa-creative-commons:before {
  content: "\F25E";
}

.fa-gg:before {
  content: "\F260";
}

.fa-gg-circle:before {
  content: "\F261";
}

.fa-tripadvisor:before {
  content: "\F262";
}

.fa-odnoklassniki:before {
  content: "\F263";
}

.fa-odnoklassniki-square:before {
  content: "\F264";
}

.fa-get-pocket:before {
  content: "\F265";
}

.fa-wikipedia-w:before {
  content: "\F266";
}

.fa-safari:before {
  content: "\F267";
}

.fa-chrome:before {
  content: "\F268";
}

.fa-firefox:before {
  content: "\F269";
}

.fa-opera:before {
  content: "\F26A";
}

.fa-internet-explorer:before {
  content: "\F26B";
}

.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}

.fa-contao:before {
  content: "\F26D";
}

.fa-500px:before {
  content: "\F26E";
}

.fa-amazon:before {
  content: "\F270";
}

.fa-calendar-plus-o:before {
  content: "\F271";
}

.fa-calendar-minus-o:before {
  content: "\F272";
}

.fa-calendar-times-o:before {
  content: "\F273";
}

.fa-calendar-check-o:before {
  content: "\F274";
}

.fa-industry:before {
  content: "\F275";
}

.fa-map-pin:before {
  content: "\F276";
}

.fa-map-signs:before {
  content: "\F277";
}

.fa-map-o:before {
  content: "\F278";
}

.fa-map:before {
  content: "\F279";
}

.fa-commenting:before {
  content: "\F27A";
}

.fa-commenting-o:before {
  content: "\F27B";
}

.fa-houzz:before {
  content: "\F27C";
}

.fa-vimeo:before {
  content: "\F27D";
}

.fa-black-tie:before {
  content: "\F27E";
}

.fa-fonticons:before {
  content: "\F280";
}

.fa-reddit-alien:before {
  content: "\F281";
}

.fa-edge:before {
  content: "\F282";
}

.fa-credit-card-alt:before {
  content: "\F283";
}

.fa-codiepie:before {
  content: "\F284";
}

.fa-modx:before {
  content: "\F285";
}

.fa-fort-awesome:before {
  content: "\F286";
}

.fa-usb:before {
  content: "\F287";
}

.fa-product-hunt:before {
  content: "\F288";
}

.fa-mixcloud:before {
  content: "\F289";
}

.fa-scribd:before {
  content: "\F28A";
}

.fa-pause-circle:before {
  content: "\F28B";
}

.fa-pause-circle-o:before {
  content: "\F28C";
}

.fa-stop-circle:before {
  content: "\F28D";
}

.fa-stop-circle-o:before {
  content: "\F28E";
}

.fa-shopping-bag:before {
  content: "\F290";
}

.fa-shopping-basket:before {
  content: "\F291";
}

.fa-hashtag:before {
  content: "\F292";
}

.fa-bluetooth:before {
  content: "\F293";
}

.fa-bluetooth-b:before {
  content: "\F294";
}

.fa-percent:before {
  content: "\F295";
}

.fa-gitlab:before {
  content: "\F296";
}

.fa-wpbeginner:before {
  content: "\F297";
}

.fa-wpforms:before {
  content: "\F298";
}

.fa-envira:before {
  content: "\F299";
}

.fa-universal-access:before {
  content: "\F29A";
}

.fa-wheelchair-alt:before {
  content: "\F29B";
}

.fa-question-circle-o:before {
  content: "\F29C";
}

.fa-blind:before {
  content: "\F29D";
}

.fa-audio-description:before {
  content: "\F29E";
}

.fa-volume-control-phone:before {
  content: "\F2A0";
}

.fa-braille:before {
  content: "\F2A1";
}

.fa-assistive-listening-systems:before {
  content: "\F2A2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}

.fa-glide:before {
  content: "\F2A5";
}

.fa-glide-g:before {
  content: "\F2A6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}

.fa-low-vision:before {
  content: "\F2A8";
}

.fa-viadeo:before {
  content: "\F2A9";
}

.fa-viadeo-square:before {
  content: "\F2AA";
}

.fa-snapchat:before {
  content: "\F2AB";
}

.fa-snapchat-ghost:before {
  content: "\F2AC";
}

.fa-snapchat-square:before {
  content: "\F2AD";
}

.fa-pied-piper:before {
  content: "\F2AE";
}

.fa-first-order:before {
  content: "\F2B0";
}

.fa-yoast:before {
  content: "\F2B1";
}

.fa-themeisle:before {
  content: "\F2B2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}

.fa-handshake-o:before {
  content: "\F2B5";
}

.fa-envelope-open:before {
  content: "\F2B6";
}

.fa-envelope-open-o:before {
  content: "\F2B7";
}

.fa-linode:before {
  content: "\F2B8";
}

.fa-address-book:before {
  content: "\F2B9";
}

.fa-address-book-o:before {
  content: "\F2BA";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}

.fa-user-circle:before {
  content: "\F2BD";
}

.fa-user-circle-o:before {
  content: "\F2BE";
}

.fa-user-o:before {
  content: "\F2C0";
}

.fa-id-badge:before {
  content: "\F2C1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}

.fa-quora:before {
  content: "\F2C4";
}

.fa-free-code-camp:before {
  content: "\F2C5";
}

.fa-telegram:before {
  content: "\F2C6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}

.fa-shower:before {
  content: "\F2CC";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}

.fa-podcast:before {
  content: "\F2CE";
}

.fa-window-maximize:before {
  content: "\F2D0";
}

.fa-window-minimize:before {
  content: "\F2D1";
}

.fa-window-restore:before {
  content: "\F2D2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}

.fa-bandcamp:before {
  content: "\F2D5";
}

.fa-grav:before {
  content: "\F2D6";
}

.fa-etsy:before {
  content: "\F2D7";
}

.fa-imdb:before {
  content: "\F2D8";
}

.fa-ravelry:before {
  content: "\F2D9";
}

.fa-eercast:before {
  content: "\F2DA";
}

.fa-microchip:before {
  content: "\F2DB";
}

.fa-snowflake-o:before {
  content: "\F2DC";
}

.fa-superpowers:before {
  content: "\F2DD";
}

.fa-wpexplorer:before {
  content: "\F2DE";
}

.fa-meetup:before {
  content: "\F2E0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.5.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

@media print, screen and (min-width: 40em) {
  .reveal,
  .reveal.tiny,
  .reveal.small,
  .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}

html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

.reveal.collapse {
  padding: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}

.reveal.without-overlay {
  position: fixed;
}

body.is-reveal-open {
  overflow: auto  !important;
}

.reveal-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999999999999999999999;
}

.reveal {
  z-index: 999999999999999999999999;
}

.reveal p,
.reveal ul,
.reveal h1,
.reveal h2,
.reveal h3 {
  color: #fff;
}

.reveal:focus {
  border: none !important;
}

.reveal--warning,
.reveal--error {
  border: none;
  color: #fff;
  padding-left: 6rem;
}

.reveal--warning .icon,
.reveal--error .icon {
  left: 2.5rem;
  min-width: 30px;
  position: absolute;
  top: 2.5rem;
  width: 30px;
}

.reveal--warning .close-button,
.reveal--error .close-button {
  color: #fff;
}

.reveal--warning .close-button:hover,
.reveal--warning .close-button:focus,
.reveal--error .close-button:hover,
.reveal--error .close-button:focus {
  color: #fff;
}

.reveal--warning a,
.reveal--error a {
  color: #fff;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reveal--warning a:hover,
.reveal--warning a:focus,
.reveal--error a:hover,
.reveal--error a:focus {
  color: white;
}

.reveal--warning {
  background: red;
}

.reveal--error {
  background: #dcf6fe;
}

.survey-login__inner {
  text-align: center;
}

.survey-login__buttons--create {
  margin-left: 3rem !important;
}

.survey-login .entry-content {
  padding-top: 3rem;
}

.survey-input__text,
.survey-input__email {
  font-size: 1em;
  width: 100%;
  line-height: 1.5em;
  height: 1.5em;
  border: 0.1em solid #206998;
  background: #102b3e;
  color: #dcf6fe;
  margin: 0.5em 0em;
  -webkit-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  padding-left: 5px;
}

.survey-input__text:focus,
.survey-input__email:focus {
  background: white;
  color: black;
}

.survey-input__button {
  outline: none;
  border: 0;
}

.survey-input__label {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: .5em;
  margin-top: .5em;
}

.survey-input__label--margin-bottom {
  margin-bottom: 1rem;
}

.survey-form {
  position: relative;
  padding-top: 2rem;
}

.survey-form:after {
  content: "";
  display: table;
  clear: both;
}

.survey-form--checkbox form,
.survey-form--radio form {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}

.survey-form--checkbox form label,
.survey-form--radio form label {
  float: left;
  clear: both;
}

.survey-form--checkbox input[type=text]:disabled,
.survey-form--radio input[type=text]:disabled {
  background-color: #999999;
}

.survey-form--radio .survey-form__other {
  margin-left: 1.75rem;
}

.survey-form--checkbox .survey-form__other {
  margin-left: 2.25rem;
}

.survey-form__form {
  padding-bottom: 5.75rem;
}

.survey-form__form:after {
  content: "";
  display: table;
  clear: both;
}

.survey-form__previous-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
}

.survey-form__previous {
  color: #555;
  font-weight: bold;
  position: relative;
  display: block;
  font-size: 1.4375rem;
  line-height: 1.4375rem;
}

.survey-form__previous:hover {
  color: #777 !important;
}

.survey-form__back {
  padding-right: 0.25rem;
}

.survey-form__skip {
  position: absolute;
  bottom: 0;
  right: 14rem;
}

.survey-form__form-button {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.142857rem;
  height: 2em;
  display: inline-block;
  background: url(../images/button-anim-back.svg) center top repeat-x;
  background-size: auto 100%;
  /*background-color: $ui-blue-D;*/
  color: #b9ecfd;
  line-height: 2em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  text-shadow: 0.0625em 0.0625em 0px rgba(16, 43, 62, 0.7);
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  margin-left: 1.4em;
  margin-right: 2.8em;
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  cursor: pointer;
}

.survey-form__form-button:hover:not(:disabled) {
  color: white;
  text-shadow: 0.0625em 0.0625em 0px rgba(0, 0, 0, 0.7);
}

.survey-form__form-button::before {
  content: "";
  width: 1.4em;
  height: 2em;
  position: absolute;
  top: 0px;
  background: url(../images/button-anim2.svg) left top no-repeat;
  /*exactly 20 frames of animation = 20 x button height*/
  background-size: auto 40em;
  /*move by 1px to cover subpixel seams*/
  left: calc(-1.4em + 1px);
  /*mouse-out animation*/
  -webkit-animation: revButton 0.5s steps(19);
       -o-animation: revButton 0.5s steps(19);
          animation: revButton 0.5s steps(19);
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.survey-form__form-button::after {
  content: "";
  width: 4em;
  height: 2em;
  position: absolute;
  top: 0px;
  /*right align background, for first column of animation frames*/
  background: url(../images/button-anim2.svg) right -16.66667em top;
  /*exactly 20 frames of animation = 20 x button height*/
  background-size: auto 40em;
  /*move by 1px to cover subpixel seams*/
  right: calc(-4em + 1px);
  /*mouse-out animation*/
  -webkit-animation: revButtonR 0.5s steps(19);
       -o-animation: revButtonR 0.5s steps(19);
          animation: revButtonR 0.5s steps(19);
  /*zero translate helps with subpixel rendering*/
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.survey-form__form-button.both::before {
  background: url(../images/button-anim2-left.svg) left top no-repeat;
  background-size: auto 40em;
  width: 4em;
  left: -4em;
}

.survey-form__form-button.left {
  margin-right: 1.4em;
  margin-left: 2.8em;
}

.survey-form__form-button.left::before {
  background: url(../images/button-anim2-left.svg) left top no-repeat;
  background-size: auto 40em;
  width: 4em;
  left: -4em;
}

.survey-form__form-button.left:hover::before {
  /* KEY putting the second animation here with an animation delay below allows for an infinite idle after the intro animation has finished. animation delay for the second is equal to the duration of the first animation, first animation delay needs to be defined at 0 so second delay applies to second animation */
  -webkit-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
       -o-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
          animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

.survey-form__form-button.left::after {
  background: url(../images/button-anim2-left.svg) right -16.66667em top;
  background-size: auto 40em;
  width: 1.4em;
  right: -1.4em;
}

.survey-form__form-button.left:hover::after {
  -webkit-animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
       -o-animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
          animation: leftanimButtonR 0.5s steps(19) forwards, leftloopButtonR 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

.survey-form__form-button:hover:not(:disabled)::before {
  -webkit-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
       -o-animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
          animation: animButton 0.5s steps(19) forwards, loopButton 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

.survey-form__form-button:hover:not(:disabled)::after {
  -webkit-animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
       -o-animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
          animation: animButtonR 0.5s steps(19) forwards, loopButtonR 0.7s steps(19) infinite;
  -webkit-animation-delay: 0s, 0.5s;
       -o-animation-delay: 0s, 0.5s;
          animation-delay: 0s, 0.5s;
}

.survey-form label {
  font-size: 1rem;
}

.survey-form label input {
  padding-right: 0.25rem;
}

.survey-form__other {
  max-width: 300px;
  min-width: 100%;
}

.survey-form__group--standard {
  float: left;
  clear: both;
}

.survey-form__group--standard label {
  float: none;
}

.survey-question {
  font-family: "oswald-light", Helvetica, Roboto, Arial, sans-serif;
}

.survey-question__content-block {
  padding: 1rem 0;
}

.survey-question__padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.survey-question__nda {
  padding-right: 2rem;
  font-family: "oswald-light", Helvetica, Roboto, Arial, sans-serif;
}

.survey-question__file span {
  color: green;
  text-decoration: underline;
}

.survey-question__file .remove {
  color: green;
}

.survey-question__info-label {
  position: relative;
}

.survey-question__info {
  display: inline;
}

.survey-question__info-circle:hover + .survey-question__info-circle-text {
  display: block;
}

.survey-question__info-circle-text {
  position: absolute;
  background: white;
  color: black;
  padding: 8px;
  white-space: nowrap;
  font-size: 12px;
  bottom: 100%;
  border: 1px solid black;
  left: -50%;
  border-radius: 10px;
  display: none;
  z-index: 1;
}

.survey-question__accept-label {
  margin-bottom: 0.5rem;
}

.survey-question__accept-label > input {
  margin-bottom: 0.25rem;
}

.survey-question__previous-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
}

.survey-question__split {
  float: left;
}

.survey-question__split--70 {
  width: 70%;
}

.survey-question__split--65 {
  width: 65%;
}

.survey-question__split--35 {
  width: 35%;
  float: right;
}

.survey-question__split--30 {
  width: 30%;
  float: right;
}

.survey-modal p,
.survey-modal ul {
  font-size: 1rem;
  color: #fff;
}

.survey-modal__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 75%;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.survey-modal__bottom label {
  color: #fff;
}

.survey-modal__bottom label input {
  margin: 0 !important;
}

.survey-modal__bottom a {
  margin-right: 1rem;
}

body.is-reveal-open--hidden {
  overflow: hidden !important;
}

.survey-error {
  border: 2px solid red;
  background: #860000;
}

.content-beta {
  min-height: 43.75rem;
  max-width: 95rem !important;
}

.content-beta h1 {
  margin-bottom: 1rem;
}

.survey {
  position: relative;
  color: #9fe0f8;
}

.survey__inner > h2 {
  margin-bottom: 2rem;
}

.survey label {
  color: #fff;
}

.dxdiag-upload {
  width: 250px;
}

.survey-table .survey-row {
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.survey-table--alt .survey-row:nth-of-type(even) {
  background: rgba(30, 30, 30, 0.5);
}

.survey-table--5 .survey-table__th--empty,
.survey-table--5 .survey-table__th--label,
.survey-table--5 .survey-table__cell--empty,
.survey-table--5 .survey-table__cell--label {
  width: 22%;
}

.survey-table--5 .survey-table__th--option,
.survey-table--5 .survey-table__cell--option {
  width: 15.6%;
}

.survey-table--4 .survey-table__th--empty,
.survey-table--4 .survey-table__th--label,
.survey-table--4 .survey-table__cell--empty,
.survey-table--4 .survey-table__cell--label {
  width: 22%;
}

.survey-table--4 .survey-table__th--option,
.survey-table--4 .survey-table__cell--option {
  width: 19.4%;
}

.survey-table__header--flex-end .survey-row,
.survey-table__body--flex-end .survey-row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.survey-table__header--center .survey-row,
.survey-table__body--center .survey-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.survey-table__th--empty,
.survey-table__th--label,
.survey-table__cell--empty,
.survey-table__cell--label {
  width: 22%;
}

.survey-table__th--option,
.survey-table__cell--option {
  width: 13%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.survey-table__th span,
.survey-table__cell span {
  display: block;
}

.survey-table__th span:first-child,
.survey-table__cell span:first-child {
  font-size: 0.8125rem;
}

.survey-table__th span.survey-table__option-number,
.survey-table__cell span.survey-table__option-number {
  font-size: 1rem;
  padding-top: 1rem;
}

.survey-table__option-inner--relative {
  position: relative;
  width: 100%;
  height: 100%;
}

.survey-table__option-inner--relative label {
  width: 100%;
  height: 100%;
}

.survey-table__cell {
  padding: 1rem;
}

.checkbox {
  display: none;
}

.checkbox-click-target {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 12px 8px 8px 35px;
  position: relative;
}

.checkbox-click-target:focus .checkbox-box {
  border-color: #777;
}

.checkbox-click-target:focus .checkbox-box:before {
  border-color: #777;
}

.checkbox-click-target:active .checkbox-box {
  -webkit-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.checkbox-box {
  border: 3px solid #ccc;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 14px;
  left: 0;
  -webkit-transition: background-color .1s ease-out;
  -o-transition: background-color .1s ease-out;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 20px;
}

.checkbox-box:after {
  border: 3px solid #777;
  border-top: none;
  border-right: none;
  content: '';
  height: 5px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: opacity .1s ease-out;
  -o-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out;
  width: 9px;
}

.checkbox:checked + .checkbox-click-target .checkbox-box:after {
  opacity: 1;
}

.checkbox:disabled + .checkbox-click-target {
  cursor: not-allowed;
}

.checkbox:disabled + .checkbox-click-target .checkbox-box {
  border-color: #e2e2e2;
}

.checkbox:disabled + .checkbox-click-target:focus .checkbox-box {
  border-color: #e2e2e2;
}

.checkbox:disabled + .checkbox-click-target:active .checkbox-box {
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
}

.radio-button {
  display: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button:checked + .radio-click-target .radio-circle {
  background-color: #777;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button:disabled + .radio-click-target {
  cursor: not-allowed;
}

.radio-button:disabled + .radio-click-target .radio-circle:before {
  border-color: #e2e2e2;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button:disabled + .radio-click-target:active .radio-circle {
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
}

.radio-button__click-target {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  margin: 0;
  margin-bottom: 0.75rem !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button__click-target:hover .radio-button-circle:before,
.radio-button__click-target:focus .radio-button-circle:before {
  border-color: #777;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button__click-target .radio-button__circle:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.radio-button__click-target:active .radio-button__circle:before {
  -webkit-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.radio-button__circle {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 0px;
  -webkit-transition: background-color .1s ease-out;
  -o-transition: background-color .1s ease-out;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 8px;
}

.radio-button__circle:before {
  border: 3px solid #ccc;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 20px;
  position: absolute;
  top: -6px;
  -webkit-transition: border-color .1s ease-out,
 -webkit-transform .1s ease-out;
  transition: border-color .1s ease-out,
 -webkit-transform .1s ease-out;
  -o-transition: border-color .1s ease-out,
 -o-transform .1s ease-out;
  transition: border-color .1s ease-out,
 transform .1s ease-out;
  transition: border-color .1s ease-out,
 transform .1s ease-out,
 -webkit-transform .1s ease-out,
 -o-transform .1s ease-out;
  left: -6px;
  width: 20px;
}

.survey-form__group--standard .radio-button__click-target {
  margin: 0;
  padding: 0;
  padding-left: 0.5rem;
  margin-bottom: 1rem !important;
}

.survey-form__group--standard .radio-button__circle:before {
  left: -0.36562rem !important;
}

.survey-form__label-text {
  padding-left: 1.25rem;
  /* margin-bottom: 16px; */
  /* padding-bottom: 16px; */
  margin-top: -0.5rem;
}

.error {
  color: white;
}

.error__inner {
  padding: 0.5rem 1rem;
  color: white;
}

.error__inner p {
  color: white;
}

.error--margin {
  margin-top: 30px;
  margin-bottom: 0;
}

.error p {
  color: white;
}

.survey-error {
  margin-bottom: 2rem;
}

.survey-ms-confidentiality-statement__ms-terms {
  width: 75%;
  /* height: 300px; */
  /* overflow-y: auto; */
  padding: 2rem;
  /* border: 1px solid white; */
  /* background: white; */
  /* color: black; */
  margin: 2rem auto;
  background: rgba(30, 30, 30, 0.5);
}

.flighting-modal {
  background: #206998;
}

.flighting-modal__inner {
  padding: 0 1rem;
}

.flighting-modal__inner ul {
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.fs-header--h3 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.fs-sidebar {
  margin-left: 30px;
}

.fs-sidebar__inner {
  padding: 30px;
  background: rgba(159, 224, 248, 0.1);
}

.fs-sidebar h3 {
  font-size: 2rem;
  line-height: 2rem;
}

.survey-sidebar {
  position: relative;
}

.survey-sidebar__inner {
  padding: 30px;
  background: #08121b;
}

.survey-form-wrapper--centered {
  width: 75%;
  margin: 0 auto;
}

.survey-steps ul {
  list-style: none;
  margin: 0;
}

.survey-steps__header {
  font-size: 0.8125rem;
  display: block;
  color: #eee;
}

.survey-steps__step {
  color: #555;
  padding: 10px 20px;
}

.survey-steps__step span {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding-left: 20px;
}

.survey-steps__step span:hover {
  text-decoration: underline;
}

.survey-steps__step span i.fa-angle-left {
  color: #ff8400;
  position: absolute;
  right: 0;
  top: 0.125rem;
  font-weight: bold;
}

.survey-steps__step--complete {
  color: green;
  position: relative;
}

.survey-steps__step--complete i.fa-check-circle {
  position: absolute;
  left: 20;
  top: .68rem;
  font-size: 14px;
}

.survey-steps__step--complete.survey-steps__step--current {
  color: green;
  background: #1E1E1D;
  padding: 0.625rem 1.25rem;
}

.survey-steps__step--complete.survey-steps__step--current i.fa-check-circle {
  top: 0.75rem;
}

.survey-steps__step--complete.survey-steps__step--current i.fa-angle-left {
  top: 0.125rem;
}

.survey-steps__step--current {
  color: #fff;
  background: #1e1e1e;
}

.survey-steps__step--skip {
  text-decoration: line-through;
  display: none;
}

.survey-steps__step--on-deck {
  color: #fff;
}

.fs-user-status--optout.option--dxdiag {
  display: none;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

button {
  outline: none;
  border: 0;
}

.button.confirmemail {
  font-size: 23px !important;
}

.survey-question h3 {
  margin-left: 0 !important;
}


/*# sourceMappingURL=main.css.map*/