﻿.center-1 .page-title, .center-1 .title {
    text-align: center;
}

.page {
    min-height: 200px;
    text-align: center;
}

.page-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 6px 10px;
}

    .page:after, .page-title:after, .page-body:after {
        content: "";
        display: block;
        clear: both;
    }

    .page-title h1 {
        font-size: 30px;
        font-weight: 400;
    }

.fieldset, .section {
    position: relative;
    margin: 0 0 40px;
}

    .fieldset .title, .section .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 20px;
        color: #444;
    }

.fieldset .title strong, .section .title strong {
    font-weight: 400;
}

.form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
}

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
}

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        font-size: 17px;
        color: #444;
    }

    .inputs input[type="tel"], .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="password"], .inputs select, .inputs textarea {
        width: 400px;
        max-width: 100%;
        background-color: #fff;
    }

input[type="tel"], input[type="text"], input[type="email"], input[type="password"], textarea, select {
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
}

label, label + * {
    vertical-align: middle;
}

.inputs input {
    font-size: 14px !important;
}

.required {
    margin: 0 -8px 0 3px;
    vertical-align: top;
    font-size: 20px;
    font-weight: 400;
    color: #e4434b;
}

.accept-privacy-policy {
    margin: 0 0 20px;
    text-align: center;
}

input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * {
    vertical-align: middle;
}

.accept-privacy-policy > * {
    display: inline-block;
    line-height: 32px;
}

.accept-privacy-policy span {
    color: #000;
    cursor: pointer;
}

.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #000;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.login-page .returning-wrapper .inputs.reversed {
    white-space: normal;
}

.inputs.reversed {
    margin: 0 0 20px;
    text-align: center;
}

.inputs:after {
    content: "";
    display: block;
    clear: both;
}

.login-page .returning-wrapper .buttons {
    background-color: #fff;
    padding: 30px 0;
}

.login-page .returning-wrapper .inputs.reversed * {
    display: inline-block;
    width: auto;
    margin: 5px;
    font-size: 14px;
    color: #444;
}

.login-page .customer-blocks {
    margin: 0 0 30px;
}

.login-page .new-wrapper {
    margin: 0 0 50px;
}

.login-page .title {
    margin: 0 0 15px;
    font-size: 20px;
    color: #444;
}

    .login-page .title strong {
        font-weight: normal;
    }

.login-page .new-wrapper .text {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px;
    line-height: 22px;
}

.login-page .new-wrapper .button-1 {
    margin: 0 0 5px;
}

.login-page .returning-wrapper {
    margin: 0;
}

    .login-page .returning-wrapper .form-fields {
        overflow: hidden;
        padding: 30px 15px 0;
    }

.buttons {
    margin: 0 0 30px;
}

@media (min-width: 1024px) {
    .inputs {
        text-align: left;
    }

        .inputs label {
            display: inline-block;
            width: 265px;
            margin: 0 10px 0 0;
            text-align: right;
        }

        .inputs input[type="tel"], .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="password"], .inputs select {
            min-height: 40px;
        }

    .center-1 .buttons {
        text-align: center;
    }

    .login-page .customer-blocks {
        overflow: hidden;
    }

    .login-page .new-wrapper {
        float: left;
        width: 49%;
        margin: 0;
    }

        .login-page .new-wrapper .text {
            min-height: 200px;
        }

    .login-page .returning-wrapper {
        float: right;
        width: 49%;
    }

        .login-page .returning-wrapper .inputs label {
            width: 110px;
        }

        .login-page .returning-wrapper .form-fields {
            min-height: 200px;
            padding: 30px 0 0;
        }

        .login-page .returning-wrapper input[type="tel"], .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] {
            width: 300px;
        }
}

@media (min-width: 1366px) {
    .inputs label {
        width: 375px;
    }
}