* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
    margin: 0;
    border: 1px solid #ccc5b9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fffefd;
    font-family: 'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;
    color: #66615b;
    font-size: 18px;
    padding: 13px 18px;
    width: 100%;
    outline: none;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
input[type="text"]:active,
input[type="email"]:active,
input[type="tel"]:active,
input[type="url"]:active,
textarea:active,
select:active {
    background-color: #fff;
    outline: none
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #a49e93;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #a49e93;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #a49e93;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #a49e93;
}

input[type="text"].error,
input[type="email"].error,
input[type="tel"].error,
input[type="url"].error,
textarea.error,
select.error {
    border-color: #b33c12;
    color: #a57f63;
}

input[type="text"].error::-webkit-input-placeholder,
input[type="email"].error::-webkit-input-placeholder,
input[type="tel"].error::-webkit-input-placeholder,
input[type="url"].error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
select.error::-webkit-input-placeholder {
    color: #d8c1ab;
}

input[type="text"].error:-moz-placeholder,
input[type="email"].error:-moz-placeholder,
input[type="tel"].error:-moz-placeholder,
input[type="url"].error:-moz-placeholder,
textarea.error:-moz-placeholder,
select.error:-moz-placeholder {
    color: #d8c1ab;
}

input[type="text"].error::-moz-placeholder,
input[type="email"].error::-moz-placeholder,
input[type="tel"].error::-moz-placeholder,
input[type="url"].error::-moz-placeholder,
textarea.error::-moz-placeholder,
select.error::-moz-placeholder {
    color: #d8c1ab;
}

input[type="text"].error:-ms-input-placeholder,
input[type="email"].error:-ms-input-placeholder,
input[type="tel"].error:-ms-input-placeholder,
input[type="url"].error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder,
select.error:-ms-input-placeholder {
    color: #d8c1ab;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

select {
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    -o-text-overflow: '';
    text-overflow: '';
    padding-right: 45px;
    background: -webkit-linear-gradient(top, #fffcf5, #fffcf5);
    background: -moz-linear-gradient(top, #fffcf5, #fffcf5);
    background: -o-linear-gradient(top, #fffcf5, #fffcf5);
    background: -ms-linear-gradient(top, #fffcf5, #fffcf5);
    background: linear-gradient(to bottom, #fffcf5, #fffcf5);
    background-image: url("/assets/images/icons/dropdown_arrow_sprite.png");
    background-image: none, url("/assets/images/icons/dropdown_arrow_sprite.svg");
    background-color: #fffefd;
    background-position: right 0;
    background-repeat: no-repeat;
}

select:hover,
select:focus {
    background-position: right -50px
}

select::-ms-expand {
    display: none
}

select.placeholder {
    color: #a49e93
}

select.error.placeholder {
    color: #d8c1ab
}

select.no-appearance {
    background-image: none;
    padding: 8px 8px 8px 18px
}

select option {
    color: #403d39
}

input[type="checkbox"] {
    display: none;
    outline: none;
}

input[type="checkbox"] + label {
    display: inline-block;
    padding: 6px 0 6px 45px;
    line-height: 25px;
    background-image: url("/assets/images/icons/checkbox_sprite.png");
    background-image: none, url("/assets/images/icons/checkbox_sprite.svg");
    background-position: -108px 0;
    background-repeat: no-repeat;
    -webkit-background-size: 143px 143px;
    -moz-background-size: 143px 143px;
    background-size: 143px 143px;
    overflow: visible;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    cursor: hand;
    color: #66615b;
    outline: none
}

input[type="checkbox"]:hover + label,
input[type="checkbox"] + label:hover,
input[type="checkbox"]:hover + label:hover {
    background-position: -72px -36px;
    color: #403d39
}

input[type="checkbox"]:checked + label {
    background-position: -36px -72px;
    color: #403d39
}

input[type="checkbox"]:checked:hover + label,
input[type="checkbox"]:checked + label:hover,
input[type="checkbox"]:checked:hover + label:hover {
    background-position: 0 -108px;
    color: #403d39
}

[data-toggle="nav"]:hover {
    cursor: pointer
}

[data-toggle="contents"] {
    display: none;
    list-style: none
}

.legal {
    color: #252422;
    font-size: 16px;
    position: relative;
}

.legal .title-heading {
    font: 2.25em/1.05 'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
}

@media screen and (min-width:37.5em) {
    .legal .title-heading {
        font-size: 3em
    }
}

.legal h2 {
    font: 1.125em/1.1 'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
    text-transform: uppercase
}

@media screen and (min-width:37.5em) {
    .legal h2 {
        font-size: 1.25em
    }
}

.legal ol,
.legal ul {
    font-size: 16px;
    padding-left: 1.5em
}

.legal ol li {
    font-size: 1em;
}

@media screen and (min-width:37.5em) {
    .legal ol li {
        font-size: 1.125em
    }
}

.legal ul li {
    font-size: 1em;
}

@media screen and (min-width:37.5em) {
    .legal ul li {
        font-size: 1.125em
    }
}

.legal > p {
    font-size: 1em;
}

@media screen and (min-width:37.5em) {
    .legal > p {
        font-size: 1.125em
    }
}

.legal h3 {
    text-transform: uppercase
}

.legal h4 {
    font-size: 1.5em
}

.legal section {
    margin-bottom: 35px
}

.legal strong {
    font-family: 'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
    font-weight: normal
}

.legal img {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 50px;
}

.legal img.warning {
    height: 43px;
    margin-top: -15px;
    position: absolute
}

.legal img.ce-logo {
    height: 36px
}

.legal .country-select {
    display: inline-block;
    position: relative;
}

.legal .country-select select {
    display: inline-block;
    padding-left: 65px;
    padding-right: 65px
}

.legal .country-select .country-selected {
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: 38px 25px;
    -moz-background-size: 38px 25px;
    background-size: 38px 25px;
    height: 25px;
    left: 15px;
    position: absolute;
    top: 12px;
    width: 38px;
    z-index: 99
}

.legal .country-select select[data-value="au"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_au@1x.png");
    background-image: none, url("/assets/images/icons/flag_au@2x.svg")
}

.legal .country-select select[data-value="ca"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_ca@1x.png");
    background-image: none, url("/assets/images/icons/flag_ca@2x.svg")
}

.legal .country-select select[data-value="cn"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_cn@1x.png");
    background-image: none, url("/assets/images/icons/flag_cn@2x.svg")
}

.legal .country-select select[data-value="de"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_de@1x.png");
    background-image: none, url("/assets/images/icons/flag_de@2x.svg")
}

.legal .country-select select[data-value="fr"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_fr@1x.png");
    background-image: none, url("/assets/images/icons/flag_fr@2x.svg")
}

.legal .country-select select[data-value="it"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_it@1x.png");
    background-image: none, url("/assets/images/icons/flag_it@2x.svg")
}

.legal .country-select select[data-value="jp"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_jp@1x.png");
    background-image: none, url("/assets/images/icons/flag_jp@2x.svg")
}

.legal .country-select select[data-value="uk"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_uk@1x.png");
    background-image: none, url("/assets/images/icons/flag_uk@2x.svg")
}

.legal .country-select select[data-value="us"] ~ .country-selected {
    background-image: url("/assets/images/icons/flag_us@1x.png");
    background-image: none, url("/assets/images/icons/flag_us@2x.svg")
}

.legal .terms-of-use ol {
    list-style-type: none
}

.legal ul.language-links {
    list-style: none;
    margin: 0 0 -20px 0;
    padding: 0;
}

.legal ul.language-links li {
    display: inline-block;
    margin: 0 15px 0 0
}

.legal .language-section {
    border-top: 1px solid #a49e93;
    margin: 50px auto
}

.legal .lettered-list {
    list-style-type: lower-alpha
}

.legal .roman-list {
    list-style-type: lower-roman
}

.legal [data-toggle="nav"] {
    color: #eb5e28;
}

.legal [data-toggle="nav"]:hover {
    color: #71220b
}

.legal .privacy-nav {
    padding: 1rem 0
}

.legal .privacy-nav li,
.legal .toggle-links li {
    list-style: none;
    margin-bottom: 15px
}

@media screen and (min-width:56.25em) {
    .community-safety hr {
        margin-top: 40px
    }
    .community-safety h2 {
        padding-top: 40px;
    }
    .community-safety h2 a {
        padding-top: 20px
    }
    .legal ol,
    .legal ul {
        padding-left: 40px
    }
    .legal .title-heading {
        display: inline-block
    }
    .legal .country-select {
        display: block;
        position: absolute;
        right: 0;
        top: 32px
    }
    .legal .privacy-nav {
        padding: 1rem 0
    }
}