@charset "UTF-8";

.blink{
    opacity: 1;
    -webkit-animation: blink 0.85s infinite;
    -moz-animation: blink 0.85s infinite;
    animation: blink 0.85s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.fade {
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
   }

.fade:hover {
  opacity: 0.8;
  }

.banner-arrow {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    width: 22px;
    height: 9px;
    background-size: 22px 9px;
    background-image: url('../imgs/arrow.png');
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
    from {-webkit-transform: translate(0, 0px);
    }

    65% { -webkit-transform: translate(0, 20px);
    }

    to {-webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating {
    from {-moz-transform: translate(0, 0px);
    }

    65% {-moz-transform: translate(0, 20px);
    }

    to {-moz-transform: translate(0, -0px);
    }
}

.location-bounce {
    position: relative;
    top: 13px;
    margin: 0px auto 28px auto;
    opacity: 1;
    width: 25px;
    height: 33px;
    background-image: url('../imgs/location.png');
    background-size: 25px 33px;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 1.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1.75s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
    from {-webkit-transform: translate(0, 0px);
    }

    65% { -webkit-transform: translate(0, 8px);
    }

    to { -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating {
    from {-moz-transform: translate(0, 0px);
    }

    65% { -moz-transform: translate(0, 8px);
    }

    to {-moz-transform: translate(0, -0px);
    }
}

.sw {
  width:80%; 
  -moz-animation:sw 2s ease-out;
  -webkit-animation:sw 2s ease-out;
  background-color: #4D95E8;
}

.nx {
  width:55%;
  -moz-animation:nx 2s ease-out;
  -webkit-animation:nx 2s ease-out;
  background-color: #4D95E8;
}

.ks {
  width:75%;
  -moz-animation:ks 2s ease-out;
  -webkit-animation:ks 2s ease-out;
  background-color: #4D95E8;
}

.mm {
  width:70%;
  -moz-animation:mm 2s ease-out;
  -webkit-animation:mm 2s ease-out;
  background-color: #4D95E8;
}

.pr {
  width:80%;
  -moz-animation:pr 2s ease-out;
  -webkit-animation:pr 2s ease-out;
  background-color: #4D95E8;
}

.mc {
  width:60%;
  -moz-animation:mc 2s ease-out;
  -webkit-animation:mc 2s ease-out;
  background-color: #4D95E8;
}

.ps {
  width:95%;
  -moz-animation:ps 2s ease-out;
  -webkit-animation:ps 2s ease-out;
  background-color: #4D95E8;
}

.ai {
  width:95%;
  -moz-animation:ai 2s ease-out;
  -webkit-animation:ai 2s ease-out;
  background-color: #4D95E8;
}
.id {
  width:90%;
  -moz-animation:id 2s ease-out;
  -webkit-animation:id 2s ease-out;
  background-color: #4D95E8;
}

.fc {
  width:95%;
  -moz-animation:fc 2s ease-out;
  -webkit-animation:fc 2s ease-out;
  background-color: #4D95E8;
}

.pp {
  width:95%;
  -moz-animation:pp 2s ease-out;
  -webkit-animation:pp 2s ease-out;
  background-color: #4D95E8;
}

.ae {
  width:80%;
  -moz-animation:ae 2s ease-out;
  -webkit-animation:ae 2s ease-out;
  background-color: #4D95E8;
}

.ht {
  width:85%;
  -moz-animation:ht 2s ease-out;
  -webkit-animation:ht 2s ease-out;
  background-color: #4D95E8;
}

.jq {
  width:40%;
  -moz-animation:jq 2s ease-out;
  -webkit-animation:jq 2s ease-out;
  background-color: #4D95E8;
}

.bs {
  width:70%;
  -moz-animation:bs 2s ease-out;
  -webkit-animation:bs 2s ease-out;
  background-color: #4D95E8;
}

@-moz-keyframes sw { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes nx { 0%  { width:0px;} 100%{ width:55%;}  }
@-moz-keyframes ks { 0%  { width:0px;} 100%{ width:75%;}  }
@-moz-keyframes mm { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes pr { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes mc { 0%  { width:0px;} 100%{ width:60%;}  }
@-moz-keyframes ps { 0%  { width:0px;} 100%{ width:95%;}  }
@-moz-keyframes ai { 0%  { width:0px;} 100%{ width:95%;}  }
@-moz-keyframes id { 0%  { width:0px;} 100%{ width:90%;}  }
@-moz-keyframes fc { 0%  { width:0px;} 100%{ width:95%;}  }
@-moz-keyframes pp { 0%  { width:0px;} 100%{ width:95%;}  }
@-moz-keyframes ae { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes ht { 0%  { width:0px;} 100%{ width:85%;}  }
@-moz-keyframes jq { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes bs { 0%  { width:0px;} 100%{ width:70%;}  }

@-webkit-keyframes sw { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes nx { 0%  { width:0px;} 100%{ width:55%;}  }
@-webkit-keyframes ks { 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes mm { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes pr { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes mc { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes ps { 0%  { width:0px;} 100%{ width:95%;}  }
@-webkit-keyframes ai { 0%  { width:0px;} 100%{ width:95%;}  }
@-webkit-keyframes id { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes fc { 0%  { width:0px;} 100%{ width:95%;}  }
@-webkit-keyframes pp { 0%  { width:0px;} 100%{ width:95%;}  }
@-webkit-keyframes ae { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes ht { 0%  { width:0px;} 100%{ width:85%;}  }
@-webkit-keyframes jq { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes bs { 0%  { width:0px;} 100%{ width:70%;}  }


.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;
}



@-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 fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    -ms-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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