/*
Add your custom CSS below.
*/

body {
  color: #5fe3ea;
}
h1 {
  font-size: 54px;
   font-weight: 700;

}
h2 {
  font-size: 33px;
  font-weight: 300;
}

h3 {
  font-size: 40px;
  font-weight: 300;
}

.tinytextme {
  font-size: 14px;
  font-weight: 400;
  color: #5fe3ea;
}

.bigtextme {
  font-size: 30px;
  font-weight: 400;
  color: #5fe3ea;
}


.btn {
  color: #5fe3ea;
  border: 1px solid #5fe3ea;
}


.site-page {
padding: 20px;
}
  
.site-wrapper {
padding: 10px 0;
}

.csstransitions label.error {
  overflow: visible;
}

.site-page-padded {
  background: rgba(0, 0, 0, 0.4);
}


.text-input,
textarea,
select {
  color: #ff202b;
  border: 1px solid #ff202b;
}



input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ff202b;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ff202b;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ff202b;
}


.elcounter {
  font-size: 48px;
  font-weight: 300;
  color: #5fe3ea;
  background: transparent;
  background: transparent;
  text-align: left;
  line-height: 1;
  padding: 0px 15px;
  -webkit-transition: background 200ms;
  transition: background 200ms;
  outline: none;
}



/*
sucess button
*/

.btn-me {
  font-size: 22px;
  font-weight: 500;
  color: #8aff9b;
  background: transparent;
  background: transparent;
  border: 1px solid #8aff9b;
  line-height: 1;
  padding: 12px 15px;
  -webkit-transition: background 200ms;
  transition: background 200ms;
  outline: none;
}
.btn-me:hover, .btn-me:active, .btn-me:focus {
  background: rgba(0, 0, 0, 0.25);
}
.btn-me[disabled]:hover, .btn-me[disabled]:active, .btn-me[disabled]:focus {
  background: transparent;
}

.btn-me--font-black {
  font-weight: 900;
}

.btn-me--font-bold {
  font-weight: 700;
}


.btn-me {
  position: relative;
}
.btn-me .form-spinner {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  opacity: 0;
}
.lt-ie9 .btn-me .form-spinner {
  display: none;
}

.btn-me[disabled] span {
  display: inline-block;
  opacity: 0;
  -webkit-animation: btn-me-label-leave 1s;
  animation: btn-me-label-leave 1s;
}
.btn-me[disabled] .form-spinner {
  opacity: 1;
  -webkit-animation: btn-me-label-come 1s;
  animation: btn-me-label-come 1s;
}
.btn-me[disabled] .form-spinner:before {
  display: inline-block;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.lt-ie9 .btn-me[disabled] .form-spinner {
  display: inline-block;
}



/*
bubbling stuff 
*/
@-webkit-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #000000;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-transform: translateY(-21px);
    transform: translateY(-21px);
  }
}

@keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #000000;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-transform: translateY(-21px);
    -ms-transform: translateY(-21px);
    transform: translateY(-21px);
  }
}