.input-with-icon {
    position: relative;
    margin-top: 15px;
}

    .input-with-icon i {
        position: absolute;
        font-size: 1.4375em;
        margin-left: 1.1304347826087em;
        top: 13px;
        left: 0;
    }

    .input-with-icon label + i {
        top: 52px;
    }

    .input-with-icon input {
        padding-left: 4.0625em;
        width: 100%;
    }

    .input-with-icon label + i + input {
        margin-top: 0.8125em;
    }

    .input-with-icon:not(:last-child) {
        margin-bottom: 1.625em;
    }

    .input-with-icon + div > textarea {
        padding-left: 1.625em;
    }

input[type='text'],
input[type='address'],
input[type='url'],
input[type='password'],
input[type='email'],
input[type="search"],
input[type="tel"] {
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    color: #767676;
    padding-left: 1.625em;
    padding-right: 1.625em;
    height: 52px;
}

    input[type='text']:focus,
    input[type='address']:focus,
    input[type='url']:focus,
    input[type='password']:focus,
    input[type='email']:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    }

input[type=text],
input[type=password],
textarea,
select {
    -webkit-appearance: none;
    background: rgb(232, 240, 254);
    padding: 0.8125em;
    border-radius: 50px;
    border: none;
}

    input[type]:focus,
    textarea:focus,
    select:focus {
        outline: none;
    }

    input[type]:active,
    textarea:active,
    select:active {
        outline: none;
    }

    input[type]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    select::-webkit-input-placeholder {
        color: #c3c3c3;
        font-size: 1em;
    }

    input[type]:-moz-placeholder,
    textarea:-moz-placeholder,
    select:-moz-placeholder {
        /* Firefox 18- */
        color: #c3c3c3;
        font-size: 1em;
    }

    input[type]::-moz-placeholder,
    textarea::-moz-placeholder,
    select::-moz-placeholder {
        /* Firefox 19+ */
        color: #c3c3c3;
        font-size: 1em;
    }

    input[type]:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    select:-ms-input-placeholder {
        color: #c3c3c3;
        font-size: 1em;
    }

textarea {
    display: block;
    width: 100%;
    max-width: 100%;
}

.input-checkbox,
.input-radio,
.input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
}

    .input-checkbox .inner,
    .input-radio .inner,
    .input-select .inner {
        display: inline-block;
    }

    .input-checkbox input,
    .input-radio input,
    .input-select input {
        display: none;
    }

    .input-checkbox.checked .inner,
    .input-radio.checked .inner,
    .input-select.checked .inner {
        background: #425cbb;
    }

    .input-checkbox label,
    .input-radio label,
    .input-select label {
        display: block;
    }

.input-checkbox {
    padding: 0;
}

    .input-checkbox .inner {
        width: 1.625em;
        height: 1.625em;
        border-radius: 50%;
        background: #000;
    }

.input-radio {
    padding: 0;
}

    .input-radio .inner {
        width: 1.625em;
        height: 1.625em;
        border-radius: 50%;
        background: #000;
    }

.input-checkbox label {
    margin-left: 0;
}

.input-checkbox + span {
    position: relative;
    bottom: 2px;
}

.input-checkbox .inner {
    background: #ececec;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}

    .input-checkbox .inner:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    }

    .input-checkbox .inner:before {
        opacity: 0;
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
    }

.input-checkbox.checked .inner {
    text-align: center;
    position: relative;
    background: #64b671;
}

    .input-checkbox.checked .inner:before {
        content: '\2713';
        position: absolute;
        color: #fff;
        width: 100%;
        left: 0;
        opacity: 1;
        font-size: 13px;
    }

.input-checkbox + br + .input-checkbox {
    margin-left: 1.625em;
}

li .input-checkbox {
    line-height: 1.625em !important;
}

li + li .input-checkbox {
    margin-left: 1.625em;
}

.input-radio {
    display: block;
}

    .input-radio .inner {
        position: relative;
        background: #ececec;
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
    }

        .input-radio .inner:hover {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
        }

        .input-radio .inner:after {
            content: '';
            position: absolute;
            width: 70%;
            height: 70%;
            border-radius: 50%;
            background: #fff;
            display: inline-block;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            -webkit-transform: translate3d(-50%, -50%, 0);
            transition: 0.2s linear;
            -webkit-transition: 0.2s linear;
            -moz-transition: 0.2s linear;
            opacity: 0;
        }

    .input-radio.checked .inner {
        background: #64b671;
    }

        .input-radio.checked .inner:after {
            opacity: 1;
        }

    .input-radio + label {
        margin-left: 0;
    }


.dropdown-signup {
    margin-top: 10px;
    display:block;
    width:100%;
}