* {
    margin: 0;
    padding: 0;
}

a {
    color: black ;
    -webkit-text-stroke-width: thin;
    text-decoration: none;
}

    a:hover {
        color: #4FDA8C;
    }

input {
    font: 16px/26px "Raleway", sans-serif;
}

body {
    color: #666;
    /*background-color: #f1f2f2;*/
    background-color: #f7d3af;
    font: 16px/26px "Raleway", sans-serif;
}

.form-wrap {
    background-color: #fff;
    width: 380px;
    margin: 5em auto;
    box-shadow: 0px 1px 25px Black;
    -webkit-box-shadow: 0px 1px 25px black;
    -moz-box-shadow: 0px 1px 8px #BEBEBE;
}

    .form-wrap .tabs {
        overflow: hidden;
    }

        .form-wrap .tabs h3 {
            float: left;
            width: 50%;
        }

            .form-wrap .tabs h3 a {
                padding: 0.5em 0;
                text-align: center;
                font-weight: 400;
                background-color: #e6e7e8;
                display: block;
                /*color: #666;*/
                color: #000;
            }

                .form-wrap .tabs h3 a.active {
                    background-color: #fff;
                }

    .form-wrap .tabs-content {
        padding: 1.5em;
    }

        .form-wrap .tabs-content div[id$="tab-content"] {
            display: none;
        }

        .form-wrap .tabs-content .active {
            display: block !important;
        }

    .form-wrap form .input {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: inherit;
        font-family: inherit;
        padding: .8em 0 10px .8em;
        border: 1px solid #CFCFCF;
        outline: 0;
        display: inline-block;
        margin: 0.8em 0 0 0;
        padding-right: 2em;
        width: 100%;
    }

    .form-wrap form .button {
        width: 100%;
        padding: .8em 0 10px .8em;
        margin: .8em 0 0 0;
        /* background-color: #28A55F;*/
        background-color: #10673b;
        border: none;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
    }

        .form-wrap form .button:hover {
            background-color: #4FDA8C;
        }

    .form-wrap form .checkbox {
        visibility: hidden;
        padding: 20px;
        margin: .5em 0 1.5em;
    }

        .form-wrap form .checkbox:checked + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .form-wrap form label[for] {
        position: relative;
        padding-left: 20px;
        cursor: pointer;
    }

    .form-wrap form label[for]:before {
        content: '';
        position: absolute;
        border: 1px solid #CFCFCF;
        width: 17px;
        height: 17px;
        top: 0px;
        left: -14px;
    }

    .form-wrap form label[for]:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background-color: transparent;
        top: 4px;
        left: -10px;
        border: 3px solid #28A55F;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .form-wrap .help-text {
        margin-top: .6em;
    }

    .form-wrap .help-text p {
        text-align: center;
        font-size: 14px;
    }