p.motto{
    padding-top: 85px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    width: 80%
    color:white;
    font-family:'Helvetica','sans-serif';
    font-weight:100;
    font-size: 150%;
    text-align: center;
}

p.statement{
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  width: 80%
  color:white;
  font-family:'Helvetica','sans-serif';
  font-weight:100;
  font-size: 150%;
  text-align: center;

}

.h2-white {
  color: white;
}

.wrapper {
  height: 120%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient( #01db60, #00d3df, #e7e8e7);
  background-size: 1700% 1700%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 14s ease infinite;
  animation: rainbow 5s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.cta-gradient {
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient( #01db60, #00d3df, #e7e8e7);
  background-size: 1700% 1700%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 14s ease infinite;
  animation: rainbow 5s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


.done-gradient {
  height: 30%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient( #01db60, #00d3df, #e7e8e7);
  background-size: 1700% 1700%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 14s ease infinite;
  animation: rainbow 5s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


.wrapper-nav {
  height: 10%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient( #01db60, #00d3df, #e7e8e7);
  background-size: 1700% 1700%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 14s ease infinite;
  animation: rainbow 5s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


#mainNav {
  background-color: rgba(0, 0, 0, 0.01);;
  font-family:'Helvetica','sans-serif';
  font-weight: 200;
  letter-spacing: 1px; }
#mainNav .navbar-brand {
    color: #ffffff;
    font-family:'Helvetica','sans-serif';
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 25px;
   }

#mainNav .navbar-nav > li > a {
    font-size: 11px;
    font-family: 'Helvetica','sans-serif';
    letter-spacing: 2px;
    text-transform: lowercase;
    font-size: 15px;
    color: #ffffff;
   }

   .navbar-brand {
     padding: 0px;
   }
   .navbar-brand>img {
     height: 100%;
     padding: 15px;
     width: auto;
   }


  .nav-link {
    transition: 0.3s;
    color: #ffffff;
    font-size: 15px;
    padding: 0px;
    margin: 15px;
  }

  .nav-link:hover {
    background-color: rgba(140, 140, 140, 0.17);
    border: 0.5px solid white;
  }

header.title {
    position: relative;
    width: 100%;
    padding-top: 280px;
    padding-bottom:80px;
    color:white;
    font-family:'Helvetica','sans-serif';
    font-weight:300;
  }


section {
    padding: 500px 0;
  }

/*section.download {
    background: linear-gradient( #01db60, #00d3df, #e7e8e7); ;
    padding-top: 30px;

}
*/




        section.cta {
            position: relative;
            padding: 30px 0;
            background-image: url(../img/bg-cta.jpg);
            background-position: center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover
        }

        section.features .section-heading {
            margin-bottom: 90px;
        }

        section.features .section-heading h2 {
            margin-top:10px
        }

        section.features .section-heading p {
            margin-bottom: 0
        }

        section.features .device-container,section.features .feature-item {
            max-width: 625px;
            margin: 0 auto
        }

        section.features .device-container {
            margin-bottom: 300px
        }

        @media (min-width: 992px) {
            section.features .device-container {
                margin-bottom:0
            }
        }

        section.features .feature-item {
            padding-top: 50px;
            padding-bottom: 50px;
            text-align: center
        }

        section.features .feature-item h3 {
            font-size: 30px
        }

        section.features .feature-item i {
            font-size: 80px;
            display: block;
            margin-bottom: 15px;
            background: -webkit-linear-gradient(to left,#7b4397,#dc2430);
            background: linear-gradient(to left,#7b4397,#dc2430);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        section.cta {
          position: relative;
          padding: 260px 0;
          background
          background-position: center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; }

        section.cta .cta-content .cta-gradient {
            position: relative;
            z-index: 1
        }

        section.cta .cta-content h2 {
            font-size: 90px;
            max-width: 450px;
            margin-top: 300;
            margin-bottom: 25px;
            color: white;
        }

        @media (min-width: 768px) {
            section.cta .cta-content h2 {
                font-size:80px
            }
        }

      /*  section.cta .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        } */


        .btn-outline {
          border-radius: 12px;
          color: black;
          border: 4px solid;
          border-color: black; }

        .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
            color: white;
            border-color: none;
            background-color: #ddddddb3; }

        .btn {
          border-radius: 300px;
          font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
          letter-spacing: 2px;
          text-transform: uppercase; }

        .btn-xl {
          font-size: 10px;
          padding: 40px 45px; }


          section.download {
              position: relative;
              padding: 300px 0
          }

          section.download h2 {
              font-size: 50px;
              margin-top: 0
          }

          section.download .badges .badge-link {
              display: block;
              margin-bottom: 55px
          }

          section.download .badges .badge-link:last-child {
              margin-bottom: 0
          }

          section.download .badges .badge-link img {
              height: 60px
          }

          @media (min-width: 768px) {
              section.download .badges .badge-link {
                  display:inline-block;
                  margin-bottom: 0
              }
          }

          @media (min-width: 768px) {
              section.download h2 {
                  font-size:70px
              }
          }

          .floating-label-form-group {
            position: relative;
            margin-bottom: 0;
            padding-bottom: 0.5em;
            border-bottom: 1px solid #eeeeee;
          }
          .floating-label-form-group input,
          .floating-label-form-group textarea {
            z-index: 1;
            position: relative;
            padding-right: 0;
            padding-left: 0;
            border: none;
            border-radius: 0;
            font-size: 1.5em;
            background: none;
            box-shadow: none !important;
            resize: none;
          }
          .floating-label-form-group label {
            display: block;
            z-index: 0;
            position: relative;
            top: 2em;
            margin: 0;
            font-size: 0.85em;
            line-height: 1.764705882em;
            vertical-align: middle;
            vertical-align: baseline;
            opacity: 0;
            -webkit-transition: top 0.3s ease,opacity 0.3s ease;
            -moz-transition: top 0.3s ease,opacity 0.3s ease;
            -ms-transition: top 0.3s ease,opacity 0.3s ease;
            transition: top 0.3s ease,opacity 0.3s ease;
          }
          .floating-label-form-group:not(:first-child) {
            padding-left: 14px;
            border-left: 1px solid #eeeeee;
          }
          .floating-label-form-group-with-value label {
            top: 0;
            opacity: 1;
          }
          .floating-label-form-group-with-focus label {
            color: #6FE552;
          }

          form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}

.btn-success {
  color: white;
  background-color: blue;
  border-color: none;
  font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #6FE552;
  border-color: #6FE552;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #6FE552;
  border-color: #6FE552;
}
.btn-success .badge {
  color: #6FE552;
  background-color: white;
}



.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

footer .footer-below {
	padding: 60px 0;
	background-color: black;
  color: white;
  text-align: center;
  font-size: 20px;
}