/* Mixins */
/* __________________________________________________________________________ */
/*
http://hugogiraudel.com/2014/01/13/sass-string-replacement-function/
*/
@-webkit-keyframes toolbounce {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  20% {
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    height: 49px; }
  40% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    height: 59px; }
  60% {
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    transform: translate(0px, -20px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-moz-keyframes toolbounce {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  20% {
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    height: 49px; }
  40% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    height: 59px; }
  60% {
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    transform: translate(0px, -20px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-o-keyframes toolbounce {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  20% {
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    height: 49px; }
  40% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    height: 59px; }
  60% {
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    transform: translate(0px, -20px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@keyframes toolbounce {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  20% {
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    height: 49px; }
  40% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    height: 59px; }
  60% {
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    transform: translate(0px, -20px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-webkit-keyframes toolbounceinner {
  15% {
    padding-top: 6px; }
  35% {
    padding-top: 12px; } }
@-moz-keyframes toolbounceinner {
  15% {
    padding-top: 6px; }
  35% {
    padding-top: 12px; } }
@-o-keyframes toolbounceinner {
  15% {
    padding-top: 6px; }
  35% {
    padding-top: 12px; } }
@keyframes toolbounceinner {
  15% {
    padding-top: 6px; }
  35% {
    padding-top: 12px; } }
@-webkit-keyframes dial {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes dial {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes dial {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes dial {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.pull-right {
  float: right !important; }

.ziggy-hq {
  display: block;
  background-image: url("images/banner/hq-background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 3062px	672px;
  background-position: center top;
  height: 672px;
  background-color: #606060;
  margin-top: -5px;
  overflow: hidden; }
  .ziggy-hq .hq-tip {
    background-color: #f58021;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    height: 59px;
    width: 248px;
    box-sizing: border-box;
    padding: 5px;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -124px;
    box-shadow: 2px 2px 4px -1px #000;
    display: none; }
    @media (max-width: 1199px) {
      .ziggy-hq .hq-tip {
        display: none !important; } }
    .ziggy-hq .hq-tip span {
      font-family: "Chivo", Arial;
      font-size: inherit;
      line-height: 1; }
    .ziggy-hq .hq-tip .tip-inner {
      background-color: #fff;
      padding: 2px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      font-family: "bree", Arial;
      color: #f58021;
      font-weight: 700;
      font-size: 24px;
      box-sizing: border-box;
      height: 100%;
      width: 100%;
      text-transform: uppercase;
      padding-top: 12px;
      text-align: center;
      line-height: 1;
      z-index: 3; }
    .ziggy-hq .hq-tip .shadow-hide {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -11px;
      width: 24px;
      margin-top: 1px;
      height: 11px;
      z-index: 1;
      overflow: hidden; }
      .ziggy-hq .hq-tip .shadow-hide .tip-tail-shadow {
        height: 20px;
        width: 20px;
        box-sizing: border-box;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 2px 2px 5px 0px #000;
        position: absolute;
        top: -17px;
        left: 2px; }
    .ziggy-hq .hq-tip .tip-tail {
      position: absolute;
      width: 22px;
      height: 14px;
      margin-left: -11px;
      left: 50%;
      bottom: -9px;
      overflow: hidden;
      z-index: 2; }
      .ziggy-hq .hq-tip .tip-tail .tail-outline {
        background-color: #f58021;
        padding: 5px;
        height: 20px;
        width: 20px;
        box-sizing: border-box;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        bottom: 4px;
        left: 2px; }
        .ziggy-hq .hq-tip .tip-tail .tail-outline .tail-fill {
          background-color: #fff;
          box-sizing: border-box;
          height: 100%;
          width: 100%; }
  .ziggy-hq .container, .ziggy-hq .row, .ziggy-hq [class*="col-"] {
    height: 100%; }
  .ziggy-hq .gallery-board a.main-link, .ziggy-hq .fun-and-games a.main-link, .ziggy-hq .meet-ziggy a.main-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  @media (min-width: 1200px) {
    .ziggy-hq .gallery-board {
      background-image: url("images/banner/gallery-board.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 339px;
      height: 224px;
      position: absolute;
      right: 0px;
      top: 200px; } }
  .ziggy-hq .gallery-board:hover .hq-tip {
    -webkit-animation: toolbounce 1000ms linear;
    -moz-animation: toolbounce 1000ms linear;
    -ms-animation: toolbounce 1000ms linear;
    -o-animation: toolbounce 1000ms linear;
    animation: toolbounce 1000ms linear;
    display: block; }
    .ziggy-hq .gallery-board:hover .hq-tip .tip-inner {
      -webkit-animation: toolbounceinner 1000ms linear;
      -moz-animation: toolbounceinner 1000ms linear;
      -ms-animation: toolbounceinner 1000ms linear;
      -o-animation: toolbounceinner 1000ms linear;
      animation: toolbounceinner 1000ms linear; }
  .ziggy-hq .clock {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    border-radius: 999px;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 200px;
    right: -45px;
    box-sizing: border-box;
    border: solid 4px #434343;
    background: #6F2789;
    box-shadow: 0px 1px 1px 1px #000 inset; }
    @media (min-width: 768px) {
      .ziggy-hq .clock {
        right: 0px; } }
    @media (min-width: 1200px) {
      .ziggy-hq .clock {
        right: -45px; } }
    .ziggy-hq .clock .clock-times {
      z-index: 1;
      -webkit-border-radius: 999px;
      -moz-border-radius: 999px;
      -ms-border-radius: 999px;
      -o-border-radius: 999px;
      border-radius: 999px;
      -webkit-transform-origin: 2px 32px;
      -moz-transform-origin: 2px 32px;
      -ms-transform-origin: 2px 32px;
      -o-transform-origin: 2px 32px;
      transform-origin: 2px 32px;
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      transform: rotate(30deg);
      position: absolute;
      top: -5px;
      left: -4px;
      border-top: solid 4px #000;
      height: 19px;
      width: 4px; }
    .ziggy-hq .clock .first.clock-times {
      opacity: 0.5;
      filter: alpha(opacity=50);
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -23px;
      margin-left: -2px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .ziggy-hq .clock .face {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2; }
      .ziggy-hq .clock .face .axis {
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        border-radius: 999px;
        background: #333;
        position: absolute;
        margin-top: -5px;
        margin-left: -5px;
        left: 50%;
        top: 50%;
        height: 10px;
        width: 10px;
        z-index: 10; }
      .ziggy-hq .clock .face .minute {
        z-index: 5;
        position: absolute;
        background: #f0f0f0;
        -webkit-transform-origin: 2px 25px;
        -moz-transform-origin: 2px 25px;
        -ms-transform-origin: 2px 25px;
        -o-transform-origin: 2px 25px;
        transform-origin: 2px 25px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        border-radius: 999px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -2px;
        margin-top: -25px;
        height: 28px;
        width: 4px; }
      .ziggy-hq .clock .face .hour {
        z-index: 5;
        position: absolute;
        background: #f0f0f0;
        -webkit-transform-origin: 2px 18px;
        -moz-transform-origin: 2px 18px;
        -ms-transform-origin: 2px 18px;
        -o-transform-origin: 2px 18px;
        transform-origin: 2px 18px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        border-radius: 999px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -2px;
        margin-top: -18px;
        height: 20px;
        width: 4px; }
      .ziggy-hq .clock .face .second {
        z-index: 5;
        position: absolute;
        background: #f58021;
        -webkit-transform-origin: 1px 25px;
        -moz-transform-origin: 1px 25px;
        -ms-transform-origin: 1px 25px;
        -o-transform-origin: 1px 25px;
        transform-origin: 1px 25px;
        -webkit-animation: dial 60000ms infinite linear;
        -moz-animation: dial 60000ms infinite linear;
        -ms-animation: dial 60000ms infinite linear;
        -o-animation: dial 60000ms infinite linear;
        animation: dial 60000ms infinite linear;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        border-radius: 999px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -1px;
        margin-top: -25px;
        height: 28px;
        width: 2px; }
  .ziggy-hq #ziggy {
    width: 270px;
    height: 319px;
    background-image: url("images/banner/hq-ziggy.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 320px;
    z-index: 10; }
    @media (min-width: 768px) {
      .ziggy-hq #ziggy {
        left: -70px; } }
    @media (min-width: 992px) {
      .ziggy-hq #ziggy {
        left: -40px; } }
    @media (max-width: 767px) {
      .ziggy-hq #ziggy {
        left: -60px; } }
    @media (max-width: 500px) {
      .ziggy-hq #ziggy {
        left: -85px; } }
    .ziggy-hq #ziggy .speech {
      background-image: url("images/banner/hq-speech.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 332px;
      height: 181px;
      top: -165px;
      left: -50px;
      display: none; }
      @media (min-width: 992px) {
        .ziggy-hq #ziggy .speech {
          display: block; } }
  .ziggy-hq .race-suit {
    width: 155px;
    height: 256px;
    background-image: url("images/banner/race-suit.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 183px;
    z-index: 1; }
    @media (min-width: 768px) {
      .ziggy-hq .race-suit {
        left: 120px; } }
    @media (min-width: 1200px) {
      .ziggy-hq .race-suit {
        left: 126px; } }
    .ziggy-hq .race-suit .switch {
      width: 19px;
      height: 35px;
      background-image: url("images/banner/race-suit-switch.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      margin-top: 2px;
      right: -23px; }
  @media (max-width: 767px) {
    .ziggy-hq .ziggy-suit {
      float: right !important; }
      .ziggy-hq .ziggy-suit .race-suit {
        right: -10px; } }
  @media (max-width: 500px) {
    .ziggy-hq .ziggy-suit {
      display: none; } }
  .ziggy-hq .fun-and-games {
    z-index: 7;
    width: 710px;
    height: 283px;
    background-image: url("images/banner/fun-and-games.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 370px; }
    @media (min-width: 768px) {
      .ziggy-hq .fun-and-games {
        left: -34px; } }
    @media (min-width: 992px) {
      .ziggy-hq .fun-and-games {
        left: -82px; } }
    @media (max-width: 767px) {
      .ziggy-hq .fun-and-games {
        left: -130px; } }
    @media (max-width: 500px) {
      .ziggy-hq .fun-and-games {
        display: none; } }
    .ziggy-hq .fun-and-games .ziggy-juice {
      width: 26px;
      height: 50px;
      background-image: url("images/banner/ziggy-drink.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 60px;
      left: 130px; }
      @media (min-width: 768px) {
        .ziggy-hq .fun-and-games .ziggy-juice {
          left: 222px; } }
    .ziggy-hq .fun-and-games .tip-hover {
      width: 100%;
      height: 138px;
      position: absolute;
      top: 0px;
      left: 0px; }
      .ziggy-hq .fun-and-games .tip-hover .hq-tip {
        left: 69.75%;
        top: -8px; }
      .ziggy-hq .fun-and-games .tip-hover:hover .hq-tip {
        -webkit-animation: toolbounce 1000ms linear;
        -moz-animation: toolbounce 1000ms linear;
        -ms-animation: toolbounce 1000ms linear;
        -o-animation: toolbounce 1000ms linear;
        animation: toolbounce 1000ms linear;
        display: block; }
        .ziggy-hq .fun-and-games .tip-hover:hover .hq-tip .tip-inner {
          -webkit-animation: toolbounceinner 1000ms linear;
          -moz-animation: toolbounceinner 1000ms linear;
          -ms-animation: toolbounceinner 1000ms linear;
          -o-animation: toolbounceinner 1000ms linear;
          animation: toolbounceinner 1000ms linear; }
  .ziggy-hq .meet-ziggy {
    z-index: 5;
    width: 476px;
    height: 294px;
    position: absolute;
    background-image: url("images/banner/meet-ziggy.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 159px; }
    @media (min-width: 992px) {
      .ziggy-hq .meet-ziggy {
        right: -306px; } }
    @media (min-width: 1200px) {
      .ziggy-hq .meet-ziggy {
        right: -222px; } }
    .ziggy-hq .meet-ziggy .hq-tip {
      left: 103px;
      top: -17px; }
    .ziggy-hq .meet-ziggy:hover .hq-tip {
      -webkit-animation: toolbounce 1000ms linear;
      -moz-animation: toolbounce 1000ms linear;
      -ms-animation: toolbounce 1000ms linear;
      -o-animation: toolbounce 1000ms linear;
      animation: toolbounce 1000ms linear;
      display: block; }
      .ziggy-hq .meet-ziggy:hover .hq-tip .tip-inner {
        -webkit-animation: toolbounceinner 1000ms linear;
        -moz-animation: toolbounceinner 1000ms linear;
        -ms-animation: toolbounceinner 1000ms linear;
        -o-animation: toolbounceinner 1000ms linear;
        animation: toolbounceinner 1000ms linear; }
  @media (max-width: 1600px) and (min-width: 1200px) {
    .ziggy-hq .gallery-board {
      right: -100px; }
      .ziggy-hq .gallery-board .hq-tip {
        margin-left: -25px; }
    .ziggy-hq .fun-and-games .tip-hover .hq-tip {
      left: 47.75%;
      top: -46px; } }
  .ziggy-hq .button-container {
    z-index: 15;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50px;
    left: 0px;
    text-align: center; }
    @media (min-width: 1200px) {
      .ziggy-hq .button-container {
        display: none; } }
    .ziggy-hq .button-container a {
      border: solid 5px #f58021;
      text-transform: uppercase;
      background: #fff;
      color: #f58021;
      font-weight: 700;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      box-sizing: border-box;
      width: 258px;
      height: 68px;
      font-size: 25px;
      padding-top: 11px;
      padding-left: 37px;
      display: block;
      margin: 10px auto;
      position: relative;
      -webkit-transition: all 150ms linear;
      -moz-transition: all 150ms linear;
      -ms-transition: all 150ms linear;
      -o-transition: all 150ms linear;
      transition: all 150ms linear; }
      .ziggy-hq .button-container a span {
        font-family: "Chivo", Arial;
        font-size: inherit;
        line-height: 1; }
      @media (min-width: 992px) {
        .ziggy-hq .button-container a {
          margin: 0px 10px;
          display: inline-block;
          *zoom: 1;
          *display: inline; } }
      .ziggy-hq .button-container a#gallery-button .icon {
        width: 37px;
        height: 35px;
        position: absolute;
        background-image: url("images/banner/gallery-icon.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        left: 10px;
        margin-top: -20px; }
      .ziggy-hq .button-container a#meet-ziggy-button .icon {
        width: 45px;
        height: 32px;
        position: absolute;
        background-image: url("images/banner/meet-ziggy-icon.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        left: 10px;
        margin-top: -15px; }
      .ziggy-hq .button-container a#fun-and-games-button .icon {
        position: absolute;
        width: 34px;
        height: 45px;
        background-image: url("images/banner/fun-and-games-icon.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        left: 10px;
        margin-top: -24px; }
      .ziggy-hq .button-container a:hover {
        color: #fff;
        background: #f58021; }
        .ziggy-hq .button-container a:hover .icon {
          -webkit-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg); }

.hq-head {
  background: #431a5b;
  height: auto;
  padding-bottom: 35px; }
  .hq-head h1 {
    font-size: 35px;
    font-weight: bold;
    font-family: "bree", Arial;
    color: #fff;
    text-align: center;
    margin-top: 45px; }
    @media (min-width: 992px) {
      .hq-head h1 {
        font-size: 49px; } }
    .hq-head h1 span {
      font-size: 32px; }
      @media (min-width: 992px) {
        .hq-head h1 span {
          font-size: 45px; } }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
section {
  background: #6a2889;
  position: relative;
  overflow: hidden; }
  section p {
    color: #fff;
    font-family: Arial; }
    section p span {
      font-family: Arial; }
  section .main_content {
    position: relative;
    z-index: 2; }
  section .hq-globe {
    z-index: 1;
    width: 480px;
    height: 100%;
    background-image: url("images/hq-globe.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-size: 600px 471px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none; }
    @media (min-width: 992px) {
      section .hq-globe {
        display: block; } }
    @media (min-width: 1200px) {
      section .hq-globe {
        width: 573px; } }
    section .hq-globe .rocket {
      width: 224px;
      height: 65px;
      position: absolute;
      top: 50%;
      right: 239px;
      margin-top: -27px;
      background-image: url("images/globe-rocket.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-transform-origin: 221px 27px;
      -moz-transform-origin: 221px 27px;
      -ms-transform-origin: 221px 27px;
      -o-transform-origin: 221px 27px;
      transform-origin: 221px 27px;
      -webkit-animation: rotation 15s infinite linear;
      -moz-animation: rotation 15s infinite linear;
      -ms-animation: rotation 15s infinite linear;
      -o-animation: rotation 15s infinite linear;
      animation: rotation 15s infinite linear; }
      @media (min-width: 1200px) {
        section .hq-globe .rocket {
          -webkit-transform-origin: 221px 27px;
          right: 332px; } }

.border-1 {
  background-image: url("images/purple_spikes_down.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center;
  height: 6px;
  margin-bottom: -6px;
  width: 100%;
  z-index: 2;
  position: relative; }

.design-contest {
  background: #e6f8ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #CCF0FF 0%, #FFFFFF 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCF0FF), color-stop(100%, #FFFFFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #CCF0FF 0%, #FFFFFF 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #CCF0FF 0%, #FFFFFF 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #CCF0FF 0%, #FFFFFF 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #CCF0FF 0%, #FFFFFF 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCF0FF', endColorstr='#FFFFFF',GradientType=0 );
  /* IE6-9 */
  padding: 26px 0px 0px;
  position: relative;
  z-index: 1;
  text-align: center; }
  @media (min-width: 992px) {
    .design-contest {
      text-align: left; } }
  .design-contest .col-md-3 {
    text-align: center; }
    .design-contest .col-md-3 img {
      margin-top: 10px; }
  .design-contest #hq-logo-contest {
    width: 254px;
    height: 109px;
    max-width: 100%;
    display: block;
    background-image: url("images/contest-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 14px auto 0; }
  .design-contest h3 {
    margin-top: 15px;
    margin-bottom: 5px; }
    @media (min-width: 992px) {
      .design-contest h3 {
        margin-top: 0px; } }
  .design-contest p {
    font-weight: 400; }
  .design-contest a {
    border-width: 2px;
    border-style: solid;
    padding: 8px 10px 7px;
    line-height: 1;
    float: none;
    font-size: 24px;
    font-weight: bold;
    font-family: "bree", Arial;
    text-transform: uppercase;
    margin-top: 5px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    padding-right: 45px;
    height: 45px;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    *zoom: 1;
    *display: inline; }
    @media (min-width: 992px) {
      .design-contest a {
        display: block;
        float: left;
        margin-left: 0px;
        margin-right: 18px; } }
    .design-contest a:hover {
      color: #fff; }
  .design-contest .download {
    color: #f58021;
    border-color: #f58021;
    background-image: url("images/download-pdf.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 35px 23px;
    background-position: right 7px; }
    .design-contest .download:after {
      content: '';
      height: 0px;
      width: 0px;
      background-size: 0px 0px;
      background-image: url("images/download-pdf_hover.png"); }
    .design-contest .download:hover {
      background-image: url("images/download-pdf_hover.png"); }
    .design-contest .download:hover {
      background-color: #f58021; }
  .design-contest .upload {
    color: #6a2889;
    border-color: #6a2889;
    background-image: url("images/upload-design.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 32px 23px;
    background-position: right 8px; }
    .design-contest .upload:after {
      content: '';
      height: 0px;
      width: 0px;
      background-size: 0px 0px;
      background-image: url("images/upload-design_hover.png"); }
    .design-contest .upload:hover {
      background-image: url("images/upload-design_hover.png"); }
    .design-contest .upload:hover {
      background-color: #6a2889; }
  .design-contest .city-area {
    background-image: url("images/city-background.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    height: 359px;
    background-size: 2947px 359px; }

.road-way {
  background-image: url("images/road.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 5px 134px;
  background-position: center top;
  background-repeat: repeat-x;
  height: 97px;
  position: relative;
  z-index: 2; }
  @media (max-width: 550px) {
    .road-way .container {
      padding: 0px; }
      .road-way .container .row {
        margin: 0px; }
        .road-way .container .row .col-xs-12 {
          padding: 0px;
          margin: 0px; } }
  .road-way .ziggy-mobile {
    background-image: url("images/ziggy-car.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 166px;
    width: 605px;
    background-position: center bottom;
    max-width: 100%;
    margin: -100px auto 0; }
    @media (max-width: 550px) {
      .road-way .ziggy-mobile {
        background-size: cover; } }

.main_content {
  padding-top: 30px;
  padding-bottom: 30px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .road-way .ziggy-mobile {
    background-image: url("images/ziggy-car@2x.png"); }

  .road-way {
    background-image: url("images/road@2x.png"); }

  .design-contest .city-area {
    background-image: url("images/city-background@2x.png"); }

  .design-contest .upload {
    background-image: url("images/upload-design@2x.png"); }
    .design-contest .upload:after {
      content: '';
      height: 0px;
      width: 0px;
      background-size: 0px 0px;
      background-image: url("images/upload-design_hover@2x.png"); }
    .design-contest .upload:hover {
      background-image: url("images/upload-design_hover@2x.png"); }

  .design-contest .download {
    background-image: url("images/download-pdf@2x.png"); }
    .design-contest .download:after {
      content: '';
      height: 0px;
      width: 0px;
      background-size: 0px 0px;
      background-image: url("images/download-pdf_hover@2x.png"); }
    .design-contest .download:hover {
      background-image: url("images/download-pdf_hover@2x.png"); }

  .design-contest #hq-logo-contest {
    background-image: url("images/contest-logo@2x.png"); }

  .border-1 {
    background-image: url("images/purple_spikes_down@2x.png"); }

  section .hq-globe .rocket {
    background-image: url("images/globe-rocket@2x.png"); }

  section .hq-globe {
    background-image: url("images/hq-globe@2x.png"); }

  .ziggy-hq .button-container a#fun-and-games-button .icon {
    background-image: url("images/banner/fun-and-games-icon@2x.png"); }

  .ziggy-hq .button-container a#meet-ziggy-button .icon {
    background-image: url("images/banner/meet-ziggy-icon@2x.png"); }

  .ziggy-hq .button-container a#gallery-button .icon {
    background-image: url("images/banner/gallery-icon@2x.png"); }

  .ziggy-hq .meet-ziggy {
    background-image: url("images/banner/meet-ziggy@2x.png"); }

  .ziggy-hq .fun-and-games .ziggy-juice {
    background-image: url("images/banner/ziggy-drink@2x.png"); }

  .ziggy-hq .fun-and-games {
    background-image: url("images/banner/fun-and-games@2x.png"); }

  .ziggy-hq .race-suit .switch {
    background-image: url("images/banner/race-suit-switch@2x.png"); }

  .ziggy-hq .race-suit {
    background-image: url("images/banner/race-suit@2x.png"); }

  .ziggy-hq #ziggy .speech {
    background-image: url("images/banner/hq-speech@2x.png"); }

  .ziggy-hq #ziggy {
    background-image: url("images/banner/hq-ziggy@2x.png"); }

  .ziggy-hq .gallery-board {
    background-image: url("images/banner/gallery-board@2x.png"); }

  .ziggy-hq {
    background-image: url("images/banner/hq-background@2x.png"); } }

/*# sourceMappingURL=default.css.map */