html,
body,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: normal;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    vertical-align: middle;
}

/* custom */
a {
    outline: none;
    color: #333;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}

    a:focus {
        outline: none;
    }

input:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 0;
}

button {
    outline: none;
    background: transparent;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
    font-family: Arial,sans-serif;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
    font-family: Arial,sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
    font-family: Arial,sans-serif;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3;
    font-family: Arial,sans-serif;
}