ul {margin-bottom: 0;}
h3 {margin: 5px 0;}
h4 {
    margin: 5px 0;
    color: #999;
    font-weight: 300;
}
.container {max-width: 600px;}

.content .container {}

.img-logo {max-height: 28px;}

.header-top .container {}

.header-top-text {background: none;}

.header .container {
    color: #fff;
    background: #F90071;
    border-bottom: solid 2px #ededed;
}

.footer {margin-top: 0;}

/* PRELANDER PAGE */
.btn-primary {
    border-radius: 999px;
    text-shadow: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00B050+0,96B9DA+100 */
    background: #00B050; /* Old browsers */
    background: -moz-linear-gradient(top,  #00B050 0%, #7FD7A7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00B050 0%,#7FD7A7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00B050 0%,#7FD7A7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B050', endColorstr='#7FD7A7',GradientType=0 ); /* IE6-9 */
}

.btn-primary:focus, .btn-primary:active:focus, .btn-primary:hover, .btn-primary:active:hover {
    background: #7FD7A7;
}

.btn-primary:before {
    display: block;
    content: "";
    left: 30px;
}

.btn-primary:after {display: none;}

.btn-primary span {
    display: inline-block;
    animation: pulse 1s infinite;
}

/* NUMBER INPUT */
.number-input .content .container {background-size: contain;}

.number-input-form-label {font-size: 16px; font-weight: bold;}

.number-input .form-wrapper {
    margin: 90px -15px 0;
    padding: 5px;
    background: #F90071;
    color: #fff;
}

.form-inline .form-input:before {
    position: absolute;
    display: block;
    width: 30px;
    height: 20px;
    content: "";
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    background: url('arrow.png') center center no-repeat;
    background-size: contain;
    animation: fadeInLeft 2s infinite;
}

.form-inline .form-input {float: left; width: 65%; position: relative;}

.form-inline .form-btn {float: left; width: 35%;}

.form-inline .form-control {
    border-radius: 999px 0 0 999px;
    border-color: #28D438;
}

.form-inline .btn-msisdn {
    border: solid 1px #28D438;
    border-radius: 0 999px 999px 0;
    font-size: 16px;
    padding: 6px 10px;
}

.form-inline .btn-msisdn:before, .form-inline .btn-msisdn:after {display: none;}

/* SUCCESS PAGE */
.btn-sms {
    max-width: 290px;
    border-radius: 999px;
    text-shadow: none;
    background: #7FD7A7;
}
.btn-sms:focus, .btn-sms:active:focus, .btn-sms:hover {
    background: #7FD7A7;
}

/* JOIN PAGE */
.join .btn-primary:before {display: none;}
.join .content .container {background-position: center 20px;}
.join-above {margin: 0;}
.form-wrapper, .success-wrapper {
    margin: 165px -15px 0;
    padding: 10px;

}
.success-wrapper {
    padding: 5px;
    color: #fff;
    background: #F90071;
}

/* JOIN SUCCESS PAGE */
.btn-result {
    border-radius: 999px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00B050+0,96B9DA+100 */
    background: #00B050; /* Old browsers */
    background: -moz-linear-gradient(top,  #00B050 0%, #7FD7A7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00B050 0%,#7FD7A7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00B050 0%,#7FD7A7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B050', endColorstr='#7FD7A7',GradientType=0 ); /* IE6-9 */
}

.btn-result:focus, .btn-result:active:focus, .btn-result:hover, .btn-result:active:hover {
    background: #7FD7A7;
}

@media(min-width:375px) {}
@media(min-width:768px) {}
/* ANIMATIONS */
@keyframes bubbles {
    0% {background-image: url('amazenow.png');}
    33% {background-image: url('amazenow.png');}
    66% {background-image: url('amazenow.png');}
}

.step-keynum {
  	text-align: center;
	padding-bottom: 10px;
}

.step-keynum span {
  padding-bottom: 10px;
}

.step-keynum p span {
  color: #fff;
  font-size: 3.0rem;
  font-weight: 900;
}

.step-keynum p span:first-child {
  padding-right: 5px;
}

.step-keynum p span:last-child {
  padding-left: 5px;
}