@font-face{
    font-family: custom;
    src: url("/fonts/javiera-light.woff");
}
    
h1, h2, h3, p, button, header, footer, ul, li, span, label {
    font-family: custom, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
} 
.img-valign {
  vertical-align: middle;
  margin-bottom: 0.75em;
}
.confluence{
    font-size: 1.5em;
}
.step{
    visibility: hidden;
    max-height: 400px;
}
.fadeIn {
        -webkit-animation: animat_show 0.8s;
        animation: animat_show 0.8s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }
 body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
      color: #f5f6f7;
  }
 
  .margin {
      margin-bottom: 45px;
      margin-top: 10vh;
  }
  .margin2{
      margin-bottom:45px;
      margin-top: 10vh;
      
  }
    .margin3{
      margin-bottom:50vh;
      margin-top: 20vh;
    }
    .margin4{
        margin-bottom: 45px;
        margin-top: 8vh;
    }
  .bg-1 { 
      background: url("/img/jumbo.jpg");
      color: darkgreen;
      height: 100vh;
      background-size: cover;
  }
  .bg-2 { 
      background-color: #474e5d; /* Dark Blue */
      color: #ffffff;
  }
  .bg-3 { 
      background-color: #ffffff; /* White */
      color: #555555;
  }
  .bg-4 { 
      background-color: #2f2f2f; /* Black Gray */
      color: #fff;
  }
  .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
  }
  .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 1em;
      letter-spacing: 5px;
      background: #474e5d;
      color: #00fff5;
  }
  .navbar-nav  li a:hover {
      color: #1abc9c !important;
  }
  .navbar-nav>li>a{
      line-height: 50px;
  }
  @media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    
}
.max-image{
    max-width: 100%;
}
.bg-5{
  background-color: #28965a;
  background-image: -webkit-linear-gradient(30deg, #28965a 50%, #b6c67b 50%);
  min-height: 300px;
}
.rcorners {
    border-radius: 50px;
    border: 2px solid #28965a;
    font-size: 1.2em;
}
.nav-button {
    border-radius: 50px;
    border: 2px solid #28965a;
    font-size: 1em;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #00fff5;
}
.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button:hover {
    background-color: transparent; /* Green */
    color: white;
    text-decoration: underline;
}
@media (max-width:878px){
    .footer-logo{
        display: block;
  margin-left: auto;
  margin-right: auto;
    }
}
.rejuv{
    font-size:4em;
}
@media (max-width: 400px){
    .rejuv{
        font-size: 3em;
    }
}
.special{
    max-width: 80%;
    padding: 5px;
}
.bg-6{
  background-color: #28965a;
  background-image: -webkit-linear-gradient(30deg, #28965a 50%, #b6c67b 50%);
  min-height: 150px;
  color: #2f2f2f;
}
.style1{
    border-top: 3px solid #28965a;
}
p{
    font-size: 20px;
}
#forms{
    text-align:center;
    margin:50px auto;
}
#forms a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:darkgreen;
}
#forms a:hover{
    text-decoration: underline;
}
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(15px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         @-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
         
         .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
         }
         
         .cell-begin{
             -webkit-animation-delay: .3s; /* Safari 4.0 - 8.0 */
            animation-delay: .3s;
             -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         .feel{
              -webkit-animation-delay: 4.5s; /* Safari 4.0 - 8.0 */
            animation-delay: 6;
             -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         .compare{
              -webkit-animation-delay: 9s; /* Safari 4.0 - 8.0 */
            animation-delay: 9s;
             -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         
@keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(-15px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         @-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
         
         .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
         }
         
@keyframes fadeInUp {
            0% {
               opacity: 0;
               transform: translateY(15px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         @-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
         
         .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
         }
.reclaim{
     -webkit-animation-delay: 12s; /* Safari 4.0 - 8.0 */
            animation-delay: 12s;
             -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}