@charset "UTF-8";

/*image hotspot pulse*/
@-webkit-keyframes wt_pulsate {
    0%    {-webkit-transform: scale(0.1); opacity: 0.0;}
    50%   {opacity: 0.7;}
    100%  {-webkit-transform: scale(1); opacity: 0.0;}
}

@-moz-keyframes wt_pulsate {
    0%    {-moz-transform: scale(0.1); opacity: 0.0;}
    50%   {opacity: 0.7;}
    100%  {-moz-transform: scale(1); opacity: 0.0;}
}

@keyframes wt_pulsate {
    0%    {transform: scale(0.1); opacity: 0.0;}
    50%   {opacity: 0.7;}
    100%  {transform: scale(1); opacity: 0.0;}
}

/*sonar effect*/
@-webkit-keyframes wt_sonar_ffect {
  0% {opacity: 0.3;}
  40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
  100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes wt_sonar_ffect {
  0% {opacity: 0.3;}
  40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
  100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes wt_sonar_ffect {
  0% {opacity: 0.3;}
  40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
  100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
}

.curtain.waiting {
  height: 100%;
}
.curtain {
  display: block;
  content: '';
  background: #161616;
  position: absolute;
  bottom: 0px;
  height: 0px;
  left: 0;
  width: 100%;
  z-index: 240;
  -webkit-transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.go-away {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
}

#wt-loader {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  margin-left: -39px;
  margin-top: -39px;
  pointer-events: none;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
          transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
  @media only screen and (max-width: 992px) {
    #wt-loader {
      top: 450px;
    }
  }
  @media only screen and (max-width: 767px) {
    #wt-loader {
      margin-left: -15px;
      margin-top: 0px;
      top: 200px;
    }
  }
  #wt-loader.go-away {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
            transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transform: translateY(150px);
    transform: translateY(150px); }
  #wt-loader.show {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
            transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  #wt-loader .anim {
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
            transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-animation: loadingAnimation 1s infinite;
    animation: loadingAnimation 1s infinite;
  }

#wt-loader span {
    display: block;
    width: 77px;
    height: 77px;
    background: url("../images/loader/loader-w.png") no-repeat center center;
    -webkit-animation: BackgroundChange 4s steps(4) infinite;
    animation: BackgroundChange 4s steps(4) infinite;
  }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #wt-loader span {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../img/loader/loader-w2x.png");
        background-size: 77px 308px;
      }
    }
    @media only screen and (max-width: 767px) {
      #wt-loader span {
        width: 30px;
        height: 30px;
        background: url("../img/loader/loader-w.png") no-repeat center center;
        -webkit-animation: BackgroundChangeMobile 4s steps(4) infinite;
        animation: BackgroundChangeMobile 4s steps(4) infinite;
      }
    }
      @media only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (min-resolution: 1.3dppx) {
        #wt-loader span {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../img/loader/loader-w-min2x.png");
          background-size: 30px 210px;
        }
      }

/*.animate-spot {
  -webkit-animation: spotrotating 15s linear infinite;
  -ms-animation: spotrotating 15s linear infinite;
  animation: spotrotating 15s linear infinite;
}*/

@-webkit-keyframes loadingAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(-25deg);
  }

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

@keyframes loadingAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(-25deg);
            transform: scale(0.5) rotate(-25deg);
  }

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

@-webkit-keyframes BackgroundChange {
  from {background-position: 0 0; }
  to {background-position: 0 -308px;}
}

@keyframes BackgroundChange {
  from {background-position: 0 0; }
  to {background-position: 0 -308px; }
}

@-webkit-keyframes BackgroundChangeMobile {
  from { background-position: 0 0; }
  to { background-position: 0 -210px; }
}

@keyframes BackgroundChangeMobile {
  from { background-position: 0 0; }
  to { background-position: 0 -210px; }
}



/* */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.wootag-right-to-left {
  -webkit-animation: wootag-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ /* Fx 5+ */
  animation:         wootag-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}
@-webkit-keyframes wootag-rtl {
  0%   { -webkit-transform:translate(150px, 0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes wootag-rtl {
  0%   { -webkit-transform:translate(150px, 0); transform:translate(150px, 0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); transform:translate(0,0); opacity: 1; }
}

.wootag-bottom-to-top {
  -webkit-animation: wootag-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ /* Fx 5+ */
  animation:         wootag-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}
@-webkit-keyframes wootag-btt {
  0%   { -webkit-transform:translate(0, 150px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes wootag-btt {
  0%   { -webkit-transform:translate(0, 150px); transform:translate(0, 150px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); transform:translate(0,0); opacity: 1; }
}

.wootag-top-to-bottom {
  -webkit-animation: wootag-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ /* Fx 5+ */
  animation:         wootag-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}
@-webkit-keyframes wootag-ttb {
  0%   { -webkit-transform:translate(0, -150px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes wootag-ttb {
  0%   { -webkit-transform:translate(0, -150px); transform:translate(0, -150px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


/*@-webkit-keyframes spotrotating {
    0%{ -webkit-transform: rotate(-20deg); opacity: 0; }
    50%{ -webkit-transform: rotate(20deg); opacity: 0.8; }
    100%{ -webkit-transform: rotate(-20deg); opacity: 0; }
}
@-ms-keyframes spotrotating {
    0%{ ms-transform: rotate(-20deg); opacity: 0; }
    50%{ ms-transform: rotate(20deg); opacity: 0.8; }
    100%{ ms-transform: rotate(-20deg); opacity: 0; }
}
@keyframes spotrotating {
    0%{ -webkit-transform: rotate(-20deg); transform: rotate(-20deg); opacity: 0; }
    50%{ -webkit-transform: rotate(20deg); transform: rotate(20deg); opacity: 0.8; }
    100%{ -webkit-transform: rotate(-20deg); transform: rotate(-20deg); opacity: 0; }
}

@-webkit-keyframes spot_rotating {
    0%{ -webkit-transform: rotate(20deg); opacity: 0.2;}
    50%{ -webkit-transform: rotate(-20deg); opacity: 0.6;}
    100%{ -webkit-transform: rotate(20deg); opacity: 0.2;}
}
@-ms-keyframes spot_rotating {
    0%{ ms-transform: rotate(20deg); opacity: 0.2;}
    50%{ ms-transform: rotate(-20deg); opacity: 0.6;}
    100%{ ms-transform: rotate(20deg); opacity: 0.2;}
}
@keyframes spot_rotating {
    0%{ -webkit-transform: rotate(20deg); transform: rotate(20deg); opacity: 0.2;}
    50%{ -webkit-transform: rotate(-20deg); transform: rotate(-20deg); opacity: 0.6;}
    100%{ -webkit-transform: rotate(20deg); transform: rotate(20deg); opacity: 0.2;}
}
*/