.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    max-width: 350px;
    width: calc(100% - 2em);
    vertical-align: top;
    direction: ltr;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #6a7989;
    font-weight: lighter;
    letter-spacing: 0px;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}

.input__field--ruri {
    width: 100%;
    background: transparent;
    padding: 0.5em 0;
    margin-bottom: 1.5em;
    color: #fff;
}

.input__label--ruri {
    width: 100%;
    position: absolute;
    text-align: left;
    font-size: 18px;
    padding: 10px 0 5px;
    pointer-events: none;
}

.input__label--ruri::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ffffff;
    left: 0;
    top: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}

.input__label-content--ruri {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.3s, color 0.3s;
    transition: transform 0.3s, color 0.3s;
}

.input__field--ruri:focus + .input__label--ruri::after, .input--filled .input__label--ruri::after {
    background: #858585;
    -webkit-transform: scale3d(1, 0.25, 1);
    transform: scale3d(1, 0.25, 1);
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri, .input--filled .input__label--ruri .input__label-content--ruri {
    color: #858585;
    -webkit-transform: translate3d(0, 1.6em, 0) scale3d(0.655, 0.655, 1);
    transform: translate3d(0, 1.6em, 0) scale3d(0.655, 0.655, 1);
}


/*webfrom*/
div.wpforms-container-full .wpforms-form .wpforms-field
{
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    max-width: 700px;
    width: calc(100% - 2em);
    vertical-align: top;
    direction: ltr;
    padding: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-field-medium
{
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
}


div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-field-medium:focus {
    outline: none;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #fff;
    font-weight: lighter;
    letter-spacing: 0px;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400 !important;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-field-medium {
    width: 100%;
    background: transparent;
    padding: 0.5em 0;
    margin-bottom: 1.5em;
    color: #fff;
    max-width: 100%;  
    border-bottom: solid 2px #FFF;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-field-medium:focus,
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-field-medium.input-filled
{
	border-bottom: solid 1px #858585;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    width: 100%;
    position: absolute;
    text-align: left;
    font-size: 18px !important;
    padding: 10px 0 5px !important;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.3s, color 0.3s;
    transition: transform 0.3s, color 0.3s;
}

/*div.wpforms-container-full .wpforms-form .wpforms-field-label::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ffffff;
    left: 0;
    top: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}*/

.input__label-content--ruri {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.3s, color 0.3s;
    transition: transform 0.3s, color 0.3s;
}
div.wpforms-container-full .wpforms-form .wf-label-hover,
div.wpforms-container-full .wpforms-form .not-empty{

    -webkit-transform: scale3d(1, 0.25, 1);
    transform: scale3d(1, 0.25, 1);
}

div.wpforms-container-full .wpforms-form .wf-label-hover,
div.wpforms-container-full .wpforms-form .not-empty {
    color: #858585;
    -webkit-transform: translate3d(0, 1.6em, 0) scale3d(0.955, 0.655, 1);
    transform: translate3d(0, 1.6em, 0) scale3d(0.999, 0.655, 1);
    font-weight: 400;
    
}
div.wpforms-container-full .wpforms-form input:-internal-autofill-selected
{
	background: none !important;
}

div.wpforms-container-full .wpforms-form button[type=submit]
{
	background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    position: relative !important;
    font-weight: bold !important;
    margin: 50px auto 20px !important;
    display: block !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:after, 
div.wpforms-container-full .wpforms-form button[type=submit]:after {
    width: 30px !important;
    height: 2px !important;
    background: #fff !important;
    display: block !important;
    content: ' '!important;
    margin: 5px auto 0 !important;
}
.wpforms-field-container
{
    max-width: 730px;
    margin: auto !important;
}