/* ------------------ APPARITION ----------------------- */
/*

.coming {
	opacity: 0;
	transition: opacity 0.7s ease-out;
}
.come-in {
	opacity: 1;
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
}
.come-in.up {
	transform: translateY(-150px);
}
.come-in.stay {
	transform: translateY(0px);
}
.come-in:nth-child(odd) {
	animation-duration: 1.2s; 
}

@keyframes come-in {
	to { transform: translateY(0); }
}

*/
/* ---------------- ANIM LASERS --------------------- */
.laser-image {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.laser-image, .laser-image span {
  position: relative;
  display: block;
  margin-bottom: 20px; }

.laser-image:before,
.laser-image:after,
.laser-image span:before,
.laser-image span:after {
  opacity: 0;
  content: '';
  position: absolute;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.laser-image:before {
  width: 150px;
  height: 3px;
  top: -20px;
  left: 80px;
  background-color: #C5F267;
  animation-name: drawLaser1; }

.laser-image:after {
  width: 3px;
  height: 3px;
  top: -20px;
  left: 80px;
  background-color: #C5F267;
  animation-name: drawLaser2; }

.laser-image span:before {
  width: 150px;
  height: 3px;
  bottom: -20px;
  right: 80px;
  background-color: #011D25;
  animation-name: drawLaser3;
  animation-delay: 3s; }

.laser-image span:after {
  width: 3px;
  height: 3px;
  bottom: -20px;
  right: 80px;
  background-color: #011D25;
  animation-name: drawLaser4;
  animation-delay: 3s; }

@-webkit-keyframes drawLaser1 {
  0% {
    width: 150px;
    height: 3px;
    left: 130px;
    top: -20px;
    opacity: 0; }
  20% {
    width: 150px;
    height: 3px;
    left: -20px;
    top: -20px;
    opacity: 1; }
  40% {
    width: 3px;
    height: 3px;
    left: -20px;
    top: -20px; }
  60% {
    width: 3px;
    height: 3px;
    left: -20px;
    top: 130px;
    opacity: 0; } }
@-webkit-keyframes drawLaser2 {
  0% {
    width: 3px;
    height: 3px;
    left: 130px;
    top: -20px;
    opacity: 0; }
  20% {
    width: 3px;
    height: 3px;
    left: -20px;
    top: -20px;
    opacity: 1; }
  40% {
    width: 3px;
    height: 150px;
    left: -20px;
    top: -20px; }
  60% {
    width: 3px;
    height: 150px;
    left: -20px;
    top: 130px;
    opacity: 0; } }
@-webkit-keyframes drawLaser3 {
  0% {
    width: 150px;
    height: 3px;
    right: 130px;
    bottom: -20px;
    opacity: 0; }
  20% {
    width: 150px;
    height: 3px;
    right: -20px;
    bottom: -20px;
    opacity: 1; }
  40% {
    width: 3px;
    height: 3px;
    right: -20px;
    bottom: -20px; }
  60% {
    width: 3px;
    height: 3px;
    right: -20px;
    bottom: 130px;
    opacity: 0; } }
@-webkit-keyframes drawLaser4 {
  0% {
    width: 3px;
    height: 3px;
    right: 130px;
    bottom: -20px;
    opacity: 0; }
  20% {
    width: 3px;
    height: 3px;
    right: -20px;
    bottom: -20px;
    opacity: 1; }
  40% {
    width: 3px;
    height: 150px;
    right: -20px;
    bottom: -20px; }
  60% {
    width: 3px;
    height: 150px;
    right: -20px;
    bottom: 130px;
    opacity: 0; } }
footer {
  background-color: #011D25;
  color: #FFF;
  padding-top: 40px;
  padding-bottom: 40px; }
  footer .row:first-child .col {
    flex-basis: 100%;
    max-width: 100%;
    text-align: center; }
    footer .row:first-child .col p {
      text-align: center; }
    footer .row:first-child .col:nth-child(1) {
      order: 2;
      margin-bottom: 35px; }
    footer .row:first-child .col:nth-child(2) {
      order: 1;
      margin-bottom: 45px; }
    footer .row:first-child .col:nth-child(3) {
      order: 3;
      display: none; }
  footer .row:last-child {
    align-items: center;
    margin-top: 30px; }
    footer .row:last-child .col {
      flex-basis: 100%;
      max-width: 100%;
      text-align: center; }
      footer .row:last-child .col:nth-child(1) {
        order: 3;
        margin-bottom: 0px; }
      footer .row:last-child .col:nth-child(2) {
        order: 2;
        margin-bottom: 10px; }
      footer .row:last-child .col:nth-child(3) {
        order: 1;
        margin-bottom: 60px;
        align-items: center; }
  @media (min-width: 768px) {
    footer .row:first-child .col:nth-child(1), footer .row:last-child .col:nth-child(1) {
      flex-basis: 25%;
      max-width: 25%;
      text-align: left;
      order: 1;
      margin-bottom: 0px; }
    footer .row:first-child .col:nth-child(2), footer .row:last-child .col:nth-child(2) {
      flex-basis: 50%;
      max-width: 50%;
      text-align: center;
      order: 2;
      margin-bottom: 0px; }
    footer .row:first-child .col:nth-child(3), footer .row:last-child .col:nth-child(3) {
      flex-basis: 25%;
      max-width: 25%;
      text-align: right;
      order: 3;
      display: block;
      margin-bottom: 0px; }
      footer .row:first-child .col:nth-child(3) p, footer .row:last-child .col:nth-child(3) p {
        text-align: right; }
    footer .row:last-child {
      align-items: center;
      justify-content: center;
      margin-top: 30px; } }
  footer .footer-title {
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase; }
  footer nav li {
    margin-bottom: 4px; }
  footer p {
    color: rgba(255, 255, 255, 0.8); }
  footer a {
    transition: color .4s ease-out; }
    footer a:link, footer a:visited {
      color: rgba(255, 255, 255, 0.8); }
    footer a:active, footer a:hover {
      color: #C5F267; }
  footer .footer-social-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer-social-icons img {
      margin-left: 7px;
      margin-right: 7px; }
    footer .footer-social-icons a:first-child img {
      margin-left: 0; }
    footer .footer-social-icons a:last-child img {
      margin-right: 0; }
  footer form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    footer form input[type="email"] {
      border: 1px solid #FFF;
      border-radius: 50px;
      width: 100%;
      max-width: 300px;
      background-color: transparent;
      color: #FFF;
      padding: 10px 20px;
      display: block; }
      footer form input[type="email"]::placeholder {
        color: rgba(255, 255, 255, 0.7); }
      footer form input[type="email"]:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      footer form input[type="email"]::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }

/*# sourceMappingURL=secondary-css.css.map */
