﻿.mover {animation: mover 1s infinite alternate;}
.mover1 {animation: mover 2s infinite alternate;}

@keyframes mover1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-4px);
    }
}

@-webkit-keyframes mover1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-4px);
    }
}




@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}


@-webkit-keyframes mover1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(140, 141, 100, 0.4);
    }

    70% {
        box-shadow: 0 0 0 32px rgba(140, 141, 100, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(140, 141, 100, 0);
    }
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 38, 107, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(16, 38, 107, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 38, 107, 0);
    }
}



@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


a {
    text-decoration: none; color: inherit;
}
 
.cta {
    position: relative;
    margin: auto;
    top:30px;
    padding: 19px 22px;
    transition: all 0.2s ease;
    color:#fff;
}

.cta:hover
{
    text-decoration:none;
    color:#000;
}

    .cta:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 28px;
        background-image: linear-gradient(to right top, #2ab59d, #1abbb2, #1cc0c6, #30c5d8, #4ac9e8);
        width: 56px;
        height: 56px;
        transition: all 0.3s ease;
    }

    .cta span {
        position: relative;
        font-size: 15px;
        font-weight: 900;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        vertical-align: middle;
        font-family: 'Heebo', sans-serif;
        
    }

    .cta svg {
        position: relative;
        top: 0;
        margin-left: 10px;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #fff;
        stroke-width: 2;
        transform: translateX(-5px);
        transition: all 0.3s ease;
        animation: mover1 1s infinite alternate;
    }

    .cta:hover:before {
        width: 100%;
        background-image: linear-gradient(to right top, #4ddeeb, #43d3e1, #38c9d6, #2cbecc, #1eb4c2);
        color:#000;
    }

    .cta:hover svg {
        transform: translateX(0);
    }

    .cta:active {
        transform: scale(0.96);
        color: #000;
    }

#myModal .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}




.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
}
.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.0);
  overflow: hidden;
}
.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: run 7s 0s infinite;
          animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
  margin-left: -25%;
}
.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.lines .line:nth-child(3) {
  margin-left: 25%;
}
.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes run {
  0% {
    top: -10%;
  }
  100% {
    top: 110%;
  }
}

@keyframes run {
  0% {
    top: -10%;
  }
  100% {
    top: 110%;
  }
}





