/*
  =====================================
  ======== Delays
  =====================================
*/

.delay-1 {
    animation-delay: 0.25s;
    -webkit-animation-delay: 250ms;
}

.delay-2 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 500ms;
}

.delay-3 {
    animation-delay: 0.75s;
    -webkit-animation-delay: 750ms;
}

.delay-4 {
    animation-delay: 1s;
    -webkit-animation-delay: 1000ms;
}

.delay-5 {
    animation-delay: 1.25s;
    -webkit-animation-delay: 1250ms;
}

.delay-6 {
    animation-delay: 1.50s;
    -webkit-animation-delay: 1500ms;
}


/*
  =====================================
  ======== Durations
  =====================================
*/
.o_anim_dur500 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.o_anim_dur1500 {
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
}
.o_anim_dur2000 {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
}
.o_anim_dur2500 {
  -webkit-animation-duration: 2500ms;
  animation-duration: 2500ms;
}
.o_anim_dur3000 {
  -webkit-animation-duration: 3000ms;
  animation-duration: 3000ms;
}

/* ====================================
============  FANCY H1 LINES ON SIDES
======================================= */

.fancy {
  text-align: center;
  overflow:hidden;
}
.fancy span {
  display: inline-block;
  position: relative;
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid #4598d7;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
.vertical-center {
  top: 50%;
  transform: translateY(50%);
}

.vertical-center-minus {
  top: 50%;
  transform: translateY(-50%);
}