.animate-log{
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.white-bar {
  height: 20px;
  background: white;
  animation-name: move;
  animation-duration: 5s;
  -webkit-transform: translate(350px, -10px);
  -moz-transform: translate(350px, -10px);
  -ms-transform: translate(350px, -10px);
  -o-transform: translate(350px, -10px);
  transform: translate(350px, -10px);
}

.top-bar{
  background: white;
  height: 55px;
  position: absolute;
  top: -100px;
  width:100%;
  -webkit-animation-name: moveToTop;
  -moz-animation-name: moveToTop;
  -o-animation-name: moveToTop;
  animation-name: moveToTop;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-box-shadow: 0px 20px 37px -6px rgba(255,255,255,1);
  -moz-box-shadow: 0px 20px 37px -6px rgba(255,255,255,1);
  box-shadow: 0px 20px 37px -6px rgba(255,255,255,1);
}

@keyframes move {
  0% {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(350px, -10px);
    -moz-transform: translate(350px, -10px);
    -o-transform: translate(350px, -10px);
    transform: translate(350px, -10px);
    visibility: hidden;
  }
}

@keyframes moveToTop {
  0% {top:0}
  100% {
    top: -100px;
  }
}
.advantage {
    height: 285px;
}
.about-home {
    padding-left: 60px;
}
.instagram .feature-block {
    position: relative;
    overflow: hidden;
}
.btn-default {
    border: 2px solid #589780;
    color: #589780;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    border: 2px solid #589780;
    background: #589780;
    color: #fff;
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.login > span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    color: #999;
}
.scanLines {
  /*** WEBKIT ***/
  background: -webkit-repeating-linear-gradient(
    top,
    transparent 0px,
    transparent $scanLineWidth,
    rgba(0,0,0,0.25) $scanLineWidth,
    rgba(0,0,0,0.25) $scanLineWidth*2
  );
  -webkit-background-size: 100% $scanLineWidth*2;
  /** MOZILLA **/
  background: -moz-repeating-linear-gradient(
    top,
    transparent 0px,
    transparent $scanLineWidth,
    rgba(0,0,0,0.25) $scanLineWidth,
    rgba(0,0,0,0.25) $scanLineWidth*2
  );
  -moz-background-size: 100% $scanLineWidth*2;
}
.instagram .feature-block a img {
    display: block;
    max-width: 500px;
    max-height: 262px;
    width: auto;
    height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .instagram .feature-block a img {
        display: block;
        max-width: 500px;
        max-height: 212px;
        width: auto;
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .instagram .feature-block a img {
        display: block;
        max-width: 500px;
        max-height: 345px;
        width: auto;
        height: auto;
    }
}
@media only screen and (max-width: 767px) {
    .instagram {
        display: none;
    }
}
