/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    font-family: 'Open Sans', sans-serif;

    padding: 12px 24px;

    border-radius: 30px;

    background: transparent;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

    color: #ffffff;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

    color: #ffffff;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

    border-radius: 3px;

    display: block;

    font-size: 14px;

    height: 50px;

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    vertical-align: middle;

    width: 100%;

    background-color: #fefefe;

    border: 1px solid #dcdcdc;

    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/

    color: #121212;

}



select {

    background-clip: padding-box;

    border-color: #ccc;

    border-width: 1px;

    border-style: solid;

    border-radius: 3px;

    color: #444;

    display: block;

    font-weight: 400;

    overflow: hidden;

    padding: 6px 12px;

    position: relative;

    text-decoration: none;

    white-space: nowrap;

	width: 100%;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

    color: #111;

     -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"] {

    padding: 3px;

}



textarea {

    padding-left: 3px;

    width: 100%;

    height: 150px;

}