@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-weight: normal
}

body {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif;
    background: #FFF8F0;
}

html {
    line-height: 1
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    color: #222;
    margin: 0;
    padding: 0;
    list-style: none
}

ol,
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0
}

li,
li {
    color: #222;
    font-size: 1em
}

input,
textarea {
    background-image: none
}

select {
    background-color: #fff;
    background-image: none
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

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

img {
    max-width: 100%
}

* {
    transition: all 0.2s
}

#header {
    padding-top: 50px;
    position: relative;
    display: block
}

@media all and (max-width: 1025px) {
    #header {
        padding-top: 40px
    }
}

.no-shrink {
    flex-shrink: 0
}

.container {
    width: calc(100% - 40px);
    max-width: 1024px;
    padding: 0 20px;
    position: relative;
    right: 0;
    left: 0;
    margin: auto
}

@media all and (max-width: 600px) {
    .container {
        width: calc(100% - 20px);
        padding: 20px 10px
    }
}

.container.card-content {
    max-width: 754px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    padding: 20px;
    margin: 20px auto
}

@media all and (max-width: 600px) {
    .container.card-content {
        width: calc(100% - 20px);
        padding: 20px 10px
    }
}

.card-content {
    width: 100%
}

.btn-set {
    display: flex;
    gap: 10px;
    width: 100%
}

@media all and (max-width: 600px) {
    .btn-set {
        justify-content: center;
        gap: 5px
    }
}

.btn-set .icons::before {
    color: #fff;
    padding-right: 5px
}

.title {
    text-align: center
}

.dot-list {
    list-style-type: disc;
    border-radius: 5px;
    margin-bottom: 10px
}

.dot-list li {
    margin-left: 20px
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 10px;
    line-height: 1.2
}

.require::before {
    content: "*";
    color: #8a1c3a;
    position: absolute;
    left: -10px;
    top: 0
}

.user-textarea h1,
.user-textarea h2,
.user-textarea h3,
.user-textarea h4,
.user-textarea h5 {
    margin: 1.2em 0 0.5em;
    line-height: 1.5
}

.user-textarea p {
    margin: 10px 0
}

h1,
.h1 {
    font-size: 24px;
    font-weight: 500;
    color: #4B2E2B;
    position: relative
}

@media all and (max-width: 1025px) {
    h1,
    .h1 {
        font-size: 20px
    }
}

h2,
.h2 {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    position: relative
}

@media all and (max-width: 1025px) {
    h2,
    .h2 {
        font-size: 18px
    }
}

h3,
.h3 {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    position: relative
}

@media all and (max-width: 1025px) {
    h3,
    .h3 {
        font-size: 16px
    }
}

h4,
.h4 {
    font-size: 16px;
    color: #4B2E2B;
    font-weight: 500;
    position: relative
}

@media all and (max-width: 1025px) {
    h4,
    .h4 {
        font-size: 14px
    }
}

caption,
h5,
.h5 {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    position: relative
}

@media all and (max-width: 1025px) {
    caption,
    h5,
    .h5 {
        font-size: 12px
    }
}

p,
li,
th,
td,
.p {
    font-size: 14px;
    color: #222;
    text-decoration: none;
    line-height: 1.75
}

@media all and (max-width: 1025px) {
    p,
    li,
    th,
    td,
    .p {
        font-size: 12px
    }
}

a,
.a {
    font-size: inherit;
    text-decoration: underline;
    color: #222;
    cursor: pointer
}

a:hover,
.a:hover {
    opacity: 0.8
}

a.link--red,
.a.link--red {
    color: #8a1c3a
}

span,
.span {
    font-size: 12px;
    color: #222;
    text-decoration: none
}

span:hover,
.span:hover {
    color: #222
}

@media all and (max-width: 1025px) {
    span,
    .span {
        font-size: 10px
    }
}

input[type='text'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='password'],
input[type='date'],
textarea {
    padding: 6px;
    font-size: 14px;
    color: #222;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type='text']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='date']:focus,
textarea:focus {
    border-color: #222
}

input[type='text'][type="radio"],
input[type='number'][type="radio"],
input[type='tel'][type="radio"],
input[type='email'][type="radio"],
input[type='password'][type="radio"],
input[type='date'][type="radio"],
textarea[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

label {
    cursor: pointer
}

figure {
    margin: 0
}

.error-text {
    color: #8a1c3a
}

.bg-gray {
    background: #eee
}

.bg-yellow {
    background: #FFE6CC
}

.btn {
    display: inline-block;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    color: #7A5C50;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    background: #FFD166;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box
}

@media all and (max-width: 1025px) {
    .btn {
        font-size: 12px;
        min-width: unset
    }
}

.btn .icons {
    margin-right: 3px
}

.btn .icons::before {
    color: #fff
}

.btn:hover {
    opacity: 0.8
}

.btn button {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: block;
    margin: 0 -10px;
    padding: 0 10px;
    position: relative;
    background: none;
    border: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer
}

.btn.btn--big {
    font-size: 18px;
    line-height: 50px;
    min-width: 150px
}

@media all and (max-width: 1025px) {
    .btn.btn--big {
        font-size: 12px;
        min-width: unset;
        line-height: 25px
    }
}

.btn.btn--small {
    padding: 0 5px;
    line-height: 25px
}

.btn.btn--yellow {
    background: #FF6F41
}

.btn.btn--red {
    background: #8a1c3a
}

.btn.btn--opacity-white {
    background: rgba(255, 255, 255, 0.7)
}

.btn.btn--ghost {
    background: #ffff;
    border: 1px solid #555;
    color: #555
}

.btn.btn--ghost .icons::before {
    color: #555
}

.edm__btnset {
    display: flex;
    gap: 5px;
    padding-top: 10px
}

.font-bold {
    font-weight: 700
}

.point-list {
    list-style: inside;
    margin: 10px 0
}

@media all and (min-width: 1025px) {
    .desktop-hide {
        display: none !important
    }
}

@media all and (max-width: 1025px) {
    .tablet-hide {
        display: none !important
    }
}

@media all and (max-width: 600px) {
    .mobile-hide {
        display: none !important
    }
}

@media all and (min-width: 600px) {
    .mobile-show {
        display: none !important
    }
}

.hide {
    display: none !important
}

.pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    flex-wrap: wrap
}

.pagination .page a,
.pagination .current {
    padding: 0 8px;
    line-height: 20px;
    border: 1px solid #d8d8d8;
    display: block;
    margin: 10px 5px;
    text-decoration: none
}

.pagination .current {
    background: #222;
    color: #fff
}

.pagination .page a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last {
    margin: 0 5px
}

.icons {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block
}

.icons::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    color: #222
}

.icons.icon--logo::before {
    background-image: url(../icons-logo-6f3f2163f46a2f538f2550e3ec1faa51bf172e154e2af52adaaebda30db8b183.svg)
}

.icons.icon--logo-w::before {
    background-image: url(../icons-logo-w-b1bd438c9c95bc361cc2001b4c4c955d58c426c06e84acbd66c2367b7a109d0b.svg)
}

.icons.icon--expert {
    width: 40px;
    height: 40px
}

.icons.icon--expert::before {
    background-image: url(../icons-expert-4148f677795278c8bf4c5053dd8aca2e085817e5ad6b0a8abbf287293831bf86.svg)
}

.icons.icon--affordable_price {
    width: 40px;
    height: 40px
}

.icons.icon--affordable_price::before {
    background-image: url(../icons-affordable_price-c15b1fdb6542566808271a9f7ebdd5bff98f75b7af9cef9accc7a6fe5b140041.svg)
}

.icons.icon--home_delivery {
    width: 40px;
    height: 40px
}

.icons.icon--home_delivery::before {
    background-image: url(../icons-home-delivery-3783d242bb4647fc809a8df40ae513a7c3cad4fcafdb0423f2f160291c856c5d.svg)
}

.icons.icon--red_wine::before {
    background-image: url(../icons-red_wine-b-745b7b9ff7692c784a664adbd27cfeaf84d9ba0a706c2b97a7fb5f8a5e5e13d0.svg)
}

.icons.icon--red_wine-w::before {
    background-image: url(../icons-red_wine-w-607e27dd78d526a9e266707e640fb3841bd44e8a37e2cefc14c06f97612db69b.svg)
}

.icons.icon--sake::before {
    background-image: url(../icons-sake-b-075800d8bc62ea8a1b9ad67a0e9975a3049634d1f2a6551307a03e54c55c1746.svg)
}

.icons.icon--sake-w::before {
    background-image: url(../icons-sake-w-e67528950b44abb0a26a9dd04dcfcc91541b90772727d200d760e4e99cb0e5ea.svg)
}

.icons.icon--knowledge::before {
    background-image: url(../icons-knowledge-b-c8d0f77325f4adef17d978d9232ad38083b25b4d4c07cd6c706d397104fe7a1f.svg)
}

.icons.icon--knowledge-w::before {
    background-image: url(../icons-knowledge-w-eaae5e5a25a2dcb67919db7344c045965904c9517e7e60d001f579a9b3665125.svg)
}

.icons.icon--news::before {
    background-image: url(../icons-hot-5c3d5cabc809f9f5b7ca345d0ec7ec4188e31b747fe64679b77a80b52c752ddb.svg)
}

.icons.icon--sub::before {
    background-image: url(../icons-type-5f5b827642c2ceb007ecec25e006b875639aac948f32bd6d7037942e23e54253.svg)
}

.icons.icon--best::before {
    background-image: url(../icons-crown-defb007af013b31499b4c28687b9af49d3fdefa427978e35b758e5dc1fdb7afe.svg)
}

.icons.icon--arrow::before {
    background-image: url(../icons-open-5dc6894093f8a329e4abc6a6d705ad1389cb32dac7242912aea27d8e6a377e17.svg)
}

.icons.icon--fb::before {
    background-image: url(../icons-facebook-e75cc15328188347b2930f126545d45ca2eb924c54148e43d45452cfa6b86318.svg)
}

.icons.icon--line::before {
    background-image: url(../icons-line-dee30e0e8219935c768e72bd750112292979f8d3c93eac7365296789e6460a2f.svg)
}

.icons.icon--ig::before {
    background-image: url(../icons-ig-6d372a1b5cab2b50d0857e31d267a1b9aa43f190fc73354f84c0a1abdc58f0b0.svg)
}

.icons.icon--google::before {
    background-image: url(../icons-google-809133f1bb76e7eaa8f1e74de8087391536932282622a2f41513d00f47f308af.svg)
}

.icons.icon--fb-w::before {
    background-image: url(../icons-facebook-w-4094c357c91a6481643ec129f7649ed46b540c432ffb4803109b67039fe67638.svg)
}

.icons.icon--line-w::before {
    background-image: url(../icons-line-w-b6e717d9d9f3b0cb7ded4f727451a30a268d6b2394bd0082f89991e4678e0728.svg)
}

.icons.icon--ig-w::before {
    background-image: url(../icons-ig-w-fa2c2e85002fbf85b700c31d475fdca39901ee9df429721fddd355a1879a9e09.svg)
}

.icons.icon--fb-g::before {
    background-image: url(../icons-facebook-g-dece47b2afaedecad778cc8c20f410ba882cbefa24abf30addf72c91429e77af.svg)
}

.icons.icon--line-g::before {
    background-image: url(../icons-line-g-621cfa519735308887eee3418e54d005dd7985cb16fc80acc2ac8d8feb3cbe0b.svg)
}

.icons.icon--google-g::before {
    background-image: url(../icons-google-g-bbe9298db8525df02ea836858b4ff0bd6e199cd7873bc70dc7f94aa2d17cecd1.svg)
}

.icons.icon--search::before {
    position: relative;
    font-weight: 900;
    content: '\f002'
}

.icons.icon--user {
    width: unset;
    height: unset;
    margin-right: 3px;
    width: 20px;
    text-align: center
}

.icons.icon--user::before {
    position: relative;
    content: '\f007';
    font-weight: 900
}

.icons.icon--key {
    width: unset;
    height: unset;
    margin-right: 3px;
    width: 20px;
    text-align: center
}

.icons.icon--key::before {
    position: relative;
    content: '\f084';
    font-weight: 900
}

.icons.icon--list {
    width: unset;
    height: unset;
    margin-right: 3px;
    width: 20px;
    text-align: center
}

.icons.icon--list::before {
    position: relative;
    content: '\f00b';
    font-weight: 900
}

.icons.icon--bookmaker {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--bookmaker::before {
    position: relative;
    font-weight: 900;
    content: '\f02e'
}

.icons.icon--calendar {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--calendar::before {
    position: relative;
    font-weight: 900;
    content: '\f073'
}

.icons.icon--droplet {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--droplet::before {
    position: relative;
    font-weight: 900;
    content: '\f043'
}

.icons.icon--map-maker {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--map-maker::before {
    position: relative;
    font-weight: 900;
    content: '\f02e'
}

.icons.icon--medal {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--medal::before {
    position: relative;
    font-weight: 900;
    content: '\f5a2'
}

.icons.icon--wine-location {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--wine-location::before {
    position: relative;
    font-weight: 900;
    content: '\f447'
}

.icons.icon--wine-type {
    width: unset;
    height: unset;
    margin-right: 5px
}

.icons.icon--wine-type::before {
    position: relative;
    font-weight: 900;
    content: '\f4d8'
}

.icons.icon--close::before {
    position: relative;
    content: '\f00d';
    font-weight: 900
}

.icons.icon--checkbox::before {
    position: relative;
    content: '\f14a';
    font-weight: 900
}

.icons.icon--loading::before {
    position: relative;
    content: '\f110';
    font-weight: 900
}

.icons.icon--coupon::before {
    position: relative;
    content: '\f3ff';
    font-weight: 900;
    left: 3px
}

.icons.icon--question {
    width: 10px;
    height: 10px;
    cursor: pointer
}

.icons.icon--question::before {
    position: relative;
    content: '\f059';
    font-weight: 900;
    font-size: 12px
}

.icons.icon--hashtags::before {
    position: relative;
    content: '\f292';
    font-weight: 900
}

.icons.icon--hashtags-menu::before {
    background-image: url(../icons-hashtag-b1a92798114b9cb592f559a3057088bcd737b93bef4e0b863b6f9076080ed128.svg)
}

.icons.icon--thumbs-up::before {
    background-image: url(../icons-thumbs-up-07f29bb8e7b4b6e8bba9b58aec24581ada79f193fc94b9bb2ff6013c7d4e6d2c.svg)
}

.icons.icon--cart::before {
    position: relative;
    content: '\f07a';
    font-weight: 900;
    top: -1px
}

.icons.icon--heart--full {
    width: unset;
    height: unset
}

.icons.icon--heart--full::before {
    position: relative;
    content: '\f004';
    font-weight: 900
}

.icons.icon--heart--empty {
    width: unset;
    height: unset
}

.icons.icon--heart--empty::before {
    position: relative;
    content: '\f004';
    font-weight: 100
}

.icons.icon--star-empty {
    width: unset;
    height: unset;
    margin: 0 2px
}

.icons.icon--star-empty::before {
    position: relative;
    content: '\f005';
    font-weight: 900;
    color: #222
}

.icons.icon--star-full {
    width: unset;
    height: unset;
    margin: 0 2px
}

.icons.icon--star-full::before {
    position: relative;
    font-weight: 900;
    content: '\f005';
    color: #FF6F41
}

.icons.icon--date {
    width: unset;
    height: unset;
    margin-right: 3px
}

.icons.icon--date::before {
    position: relative;
    content: '\f017';
    font-weight: 900
}

.icons.icon--view {
    width: unset;
    height: unset;
    margin-right: 3px
}

.icons.icon--view::before {
    position: relative;
    content: '\f06e';
    font-weight: 900
}

.icons.icon--truck {
    width: unset;
    height: unset;
    margin-right: 3px
}

.icons.icon--truck::before {
    position: relative;
    content: '\f0d1';
    font-weight: 900;
    line-height: 40px;
    font-size: 32px;
    color: #8a1c3a
}

.icons.icon--filter-up {
    width: 15px
}

.icons.icon--filter-up::before {
    position: relative;
    content: '\f30c';
    font-weight: 900
}

.icons.icon--filter-down {
    width: 15px
}

.icons.icon--filter-down::before {
    position: relative;
    content: '\f309';
    font-weight: 900
}

.icons.icon--new-product {
    width: unset;
    height: unset
}

.icons.icon--new-product::before {
    position: relative;
    content: 'Hot';
    font-weight: 600;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif
}

.icons.icon--quick {
    width: unset;
    height: unset
}

.icons.icon--quick::before {
    position: relative;
    content: '\f0e7';
    font-weight: 900
}

.icons.icon--event {
    width: unset;
    height: unset
}

.icons.icon--event::before {
    position: relative;
    content: '特價';
    font-weight: 600;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif
}

.icons.icon--pre-sale {
    width: unset;
    height: unset
}

.icons.icon--pre-sale::before {
    position: relative;
    content: '預購';
    font-weight: 600;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif
}

.icons.icon--in-stock {
    width: unset;
    height: unset
}

.icons.icon--in-stock::before {
    position: relative;
    content: '現貨';
    font-weight: 600;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif
}

.icons.icon--plus {
    width: unset;
    height: unset
}

.icons.icon--plus::before {
    position: relative;
    content: '\f067';
    font-weight: 600
}

.icons.icon--minus {
    width: unset;
    height: unset
}

.icons.icon--minus::before {
    position: relative;
    content: '\f068';
    font-weight: 600
}

.icons.icon--cheers {
    width: unset;
    height: unset;
    margin-right: 3px
}

.icons.icon--cheers::before {
    position: relative;
    content: '\f79f';
    font-weight: 900;
    line-height: 40px;
    font-size: 32px;
    color: #8a1c3a
}

.icons.icon--donate {
    width: unset;
    height: unset;
    margin-right: 3px
}

.icons.icon--donate::before {
    position: relative;
    content: '\f4b9';
    font-weight: 900;
    line-height: 40px;
    font-size: 32px;
    color: #8a1c3a
}

.icons.icon--wine {
    width: unset;
    height: unset;
    margin-right: 3px;
    width: 20px;
    text-align: center
}

.icons.icon--wine::before {
    position: relative;
    content: '\f5ce';
    font-weight: 900;
    font-size: 14px
}

.icons.icon--article {
    width: unset;
    height: unset;
    margin-right: 3px;
    width: 20px;
    text-align: center
}

.icons.icon--article::before {
    font-size: 13px;
    position: relative;
    content: '\f02d';
    font-weight: 900
}

.icons.icon--member::before {
    background-image: url(../icons-member-b-035c9b2a6621a9b6a3306aae18b159a100f1f5cc6c92928b6b8d38b7246d08c6.svg)
}

.icons.icon--delete {
    width: unset;
    height: unset
}

.icons.icon--delete::before {
    position: relative;
    content: '\f2ed';
    font-weight: 600
}

.icons.icon--edit {
    width: unset;
    height: unset
}

.icons.icon--edit::before {
    position: relative;
    content: '\f044';
    font-weight: 600
}

@media all and (min-width: 600px) {
    .index__section--content .cards__content .card {
        margin: 2px;
        display: flex;
        flex-direction: column
    }
    .index__section--content .cards__content .card .card_name {
        height: 75.5px
    }
}

.cards__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

@media all and (max-width: 600px) {
    .cards__content {
        grid-template-columns: repeat(2, 1fr)
    }
}

.cards__content .collection__card {
    box-sizing: border-box;
    border-radius: 5px;
    transition: all 0.3s;
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden
}

.cards__content .collection__card .collection__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.3)
}

.cards__content .collection__card .collection__content {
    padding: 10px
}

.cards__content .collection__card .collection__content .h4 {
    color: #8a1c3a;
    text-decoration: underline;
    line-height: 1.5
}

.cards__content .no-coupon-item {
    width: 100%;
    display: flex;
    align-items: baseline;
    margin: 5px 0
}

.cards__content .no-coupon-item .h5 {
    color: #8a1c3a;
    margin-right: 3px
}

.cards__content .card {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s;
    background: #fff;
    border: 1px solid #d8d8d8;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 6;
    gap: 3px
}

.cards__content .card .card__photo {
    width: 100%;
    margin-bottom: 10px;
    position: relative
}

.cards__content .card .cards__img {
    width: 100%;
    aspect-ratio: 2 / 3;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0
}

.cards__content .card .cards__img--hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.cards__content .card .cards__img--default img {
    width: 100%;
    aspect-ratio: 2 / 3;
    display: block
}

@media all and (min-width: 600px) {
    .cards__content .card .card__photo:hover .cards__img--default {
        display: none
    }
    .cards__content .card .card__photo:hover .cards__img--hover {
        position: relative;
        opacity: 0.6
    }
}

.cards__content .card .card_collections {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3px
}

.cards__content .card .card_collection {
    display: flex;
    align-items: center
}

.cards__content .card .card_collection .icons {
    margin-right: 2px;
    font-size: 10px
}

.cards__content .card .card_collection .card_collection-name {
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.cards__content .card .card_name {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.cards__content .card .card__price {
    display: flex;
    align-items: center;
    gap: 10px
}

.cards__content .card .origin-price {
    text-decoration: line-through;
    color: #555
}

.cards__content .card .sale-price {
    color: #8a1c3a
}

.cards__content .card .card__add-cart {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.cards__content .card .card__add-cart .btn {
    width: 25px;
    height: 22px;
    line-height: 22px;
    min-width: unset;
    padding: 0
}

.cards__content .card .card__add-cart .btn .icons::before {
    color: #fff
}

.cards__content .card .card__add-cart .icon--delete::before {
    padding-left: 10px;
    width: calc(100% - 10px)
}

.cards__content .card .card__add-cart .add-card__qty {
    display: flex;
    width: calc(100% - 40px)
}

.cards__content .card .card__add-cart .add-card__qty .btn:first-child {
    border-radius: 5px 0 0 5px
}

.cards__content .card .card__add-cart .add-card__qty .btn:last-child {
    border-radius: 0 5px 5px 0
}

.cards__content .card .card__add-cart .add-card__qty input {
    width: calc(100% - 40px);
    width: calc(100% - 40px);
    padding: 0 2px;
    height: 20px;
    border-radius: 0;
    text-align: center;
    -moz-appearance: textfield
}

.cards__content .card .card__add-cart .add-card__qty input::-webkit-outer-spin-button,
.cards__content .card .card__add-cart .add-card__qty input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.cards__content .card .card__add-cart .btn--red {
    width: 35px;
    padding-right: 0
}

.cards__content .card .card__status {
    position: absolute;
    top: 10px;
    left: 10px
}

.cards__content .card .status__icon {
    background: rgba(255, 255, 255, 0.85);
    padding: 1px 5px;
    width: fit-content;
    margin-bottom: 5px
}

.cards__content .card .status__icon .icons::before {
    color: #FF6F41
}

.cards__content .card .like-btnset {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    right: 10px;
    top: 10px
}

.cards__content .card .like-btnset .btn--opacity-white {
    width: 30px;
    min-width: unset;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4)
}

.cards__content .card .like-btnset .icons::before {
    color: #8a1c3a
}

.cards__content .card.row-card {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    padding: 10px
}

.cards__content .card.row-card .card__photo {
    margin-bottom: 0;
    width: 45%;
    flex-shrink: 0
}

.cards__content .card.row-card .cards__content {
    flex-grow: 1;
    height: fit-content
}

.nav__submenu .cards__content {
    grid-template-columns: 1fr;
    padding: 5px;
    margin-left: -10px
}

.cards__content.card-row {
    grid-template-columns: 1fr
}

.cards__content.card-row .cards__thead {
    width: 100%;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .cards__content.card-row .cards__thead {
        text-align: center
    }
}

.cards__content.card-row .column1 {
    width: 60%;
    gap: 3px
}

@media all and (max-width: 600px) {
    .cards__content.card-row .column1 {
        width: 100%;
        text-align: left
    }
}

.cards__content.card-row .column1 .icons::before {
    font-size: 13px
}

.cards__content.card-row .column3,
.cards__content.card-row .column4,
.cards__content.card-row .column5,
.cards__content.card-row .column6 {
    width: 20%;
    text-align: center;
    margin: 0
}

.cards__content.card-row .column2 {
    width: 40%;
    margin: 0;
    text-align: center
}

.cards__content.card-row .column2 .card__add-cart {
    margin-top: 0;
    align-items: center;
    justify-content: flex-start
}

.cards__content.card-row .card__td-content {
    width: 40%;
    display: flex;
    align-items: center
}

@media all and (max-width: 600px) {
    .cards__content.card-row .card__td-content {
        background: #eee;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 10px -10px -10px;
        padding: 10px
    }
    .cards__content.card-row .card__td-content .column2 {
        width: 100%;
        display: flex;
        margin-bottom: 10px
    }
    .cards__content.card-row .card__td-content .column2 .card__add-cart .add-card__qty {
        width: 100px
    }
    .cards__content.card-row .card__td-content .column3,
    .cards__content.card-row .card__td-content .column4,
    .cards__content.card-row .card__td-content .column5 {
        width: 33%;
        order: 0;
        text-align: left;
        margin-bottom: 3px
    }
    .cards__content.card-row .card__td-content .column4 {
        text-align: center
    }
    .cards__content.card-row .card__td-content .column5 {
        text-align: right
    }
    .cards__content.card-row .card__td-content .origin-price,
    .cards__content.card-row .card__td-content .sale-price {
        display: inline;
        margin-left: 3px;
        line-height: normal
    }
}

.cards__content.card-row .cards__tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.cards__content.card-row .cards__tbody .sold-out.card {
    background: #eee
}

.cards__content.card-row .cards__tbody .card {
    display: flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    position: relative
}

@media all and (max-width: 600px) {
    .cards__content.card-row .cards__tbody .card {
        flex-wrap: wrap;
        overflow: hidden
    }
}

.cards__content.card-row .cards__tbody .card .cards__img {
    width: 80px
}

.cards__content.card-row .cards__tbody .card .move-to-like {
    position: absolute;
    top: 10px;
    right: 10px
}

@media all and (max-width: 600px) {
    .cards__content.card-row .cards__tbody .card .move-to-like {
        top: unset;
        bottom: 37px
    }
}

.cards__content.card-row .cards__tbody .card .move-to-like .icons::before {
    color: #555;
    padding-right: 10px
}

.cards__content.card-row .cards__tbody .card .column1 {
    display: flex;
    align-items: center
}

.cards__content.card-row .cards__tbody .card .column1__content {
    width: calc(100% - 90px);
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.cards__content.card-row .cards__tbody .card .card__event {
    line-height: 24px
}

@media all and (max-width: 600px) {
    .cards__content.card-row .cards__tbody .card .card__event {
        line-height: 20px
    }
}

.cards__content.card-row .cards__tbody .card .card__event .event__tag {
    border: 1px solid #222;
    display: inline-block;
    padding: 0 7px;
    border-radius: 14px;
    margin-right: 5px;
    line-height: 16px
}

.cards__content.card-row .cards__tbody .card .card__event .event__tag.event-fail {
    border: 1px solid #8a1c3a;
    color: #8a1c3a
}

.cards__content.card-row .cards__tbody .discount-code {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    gap: 5px;
    line-height: 20px
}

.cards__content.card-row .cards__tbody .discount-code form {
    display: flex;
    width: 100%;
    align-items: center
}

.cards__content.card-row .cards__tbody .discount-code form span {
    flex-grow: 1
}

.cards__content.card-row .cards__tbody .discount-code .h5 {
    display: flex;
    align-items: center
}

@media all and (max-width: 600px) {
    .cards__content.card-row .cards__tbody .discount-code {
        flex-wrap: wrap
    }
    .cards__content.card-row .cards__tbody .discount-code form {
        flex-wrap: wrap;
        justify-content: center
    }
}

.cards__content.card-row .cards__tfooter {
    text-align: right;
    margin: 0 10px 20px
}

.cards__content.card-row .cards__tfooter .text-row p {
    display: inline-block
}

.cards__content.card-row .cart-total {
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.cards__content.card-row .cart-total .text-row p {
    display: inline-block
}

.cards__content.card-row .cart-total .price {
    color: #8a1c3a
}

.cards__content.card-row .cart-total .coupon-name {
    margin-right: 3px;
    color: #FF6F41
}

.cards__content.card-row .cart-bottom {
    width: 100%
}

.popup__content.sold-out-items .cards__tbody .card .column2 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end
}

.popup__content.sold-out-items .cards__tbody .card .move-to-like {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    margin: unset
}

.like-list {
    width: 100%
}

.like-list .column-end {
    flex-grow: 1;
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

#step2_cart .cards__content.card-row .column1,
.member-order-detail .cards__content.card-row .column1 {
    width: 12%
}

#step2_cart .cards__content.card-row .column2,
.member-order-detail .cards__content.card-row .column2 {
    flex-grow: 1;
    text-align: left
}

#step2_cart .cards__content.card-row .column3,
#step2_cart .cards__content.card-row .column4,
#step2_cart .cards__content.card-row .column5,
.member-order-detail .cards__content.card-row .column3,
.member-order-detail .cards__content.card-row .column4,
.member-order-detail .cards__content.card-row .column5 {
    width: 10%
}

@media all and (max-width: 600px) {
    #step2_cart .cards__content.card-row .column3,
    #step2_cart .cards__content.card-row .column4,
    #step2_cart .cards__content.card-row .column5,
    .member-order-detail .cards__content.card-row .column3,
    .member-order-detail .cards__content.card-row .column4,
    .member-order-detail .cards__content.card-row .column5 {
        width: 15%
    }
}

#step2_cart .cards__content.card-row .cart-total,
.member-order-detail .cards__content.card-row .cart-total {
    margin-bottom: 0
}

.member-order-detail .cards__content.card-row .column1 {
    width: 13%
}

.member-order .cards__content.card-row .column1,
.member-order .cards__content.card-row .column3 {
    width: 30%
}

@media all and (max-width: 600px) {
    .member-order .cards__content.card-row .column1,
    .member-order .cards__content.card-row .column3 {
        width: 100%;
        display: flex
    }
}

.member-order .cards__content.card-row .column2 {
    flex-grow: 1;
    width: 30%;
    text-align: left
}

@media all and (max-width: 600px) {
    .member-order .cards__content.card-row .column2 {
        width: 100%;
        display: flex
    }
}

.member-order .cards__content.card-row .card__td-left {
    display: flex;
    width: 60%
}

@media all and (max-width: 600px) {
    .member-order .cards__content.card-row .card__td-left {
        flex-wrap: wrap
    }
}

.member-order .cards__content.card-row .card__td-right {
    display: flex;
    width: 40%;
    justify-content: space-between;
    align-items: center
}

@media all and (max-width: 600px) {
    .member-order .cards__content.card-row .card__td-right {
        flex-wrap: wrap;
        justify-content: flex-end
    }
}

.member-order .cards__content.card-row .column4 {
    width: 30%
}

@media all and (max-width: 600px) {
    .member-order .cards__content.card-row .column4 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding-bottom: 10px
    }
}

.member-order .cards__content.card-row .column4 .order-error {
    color: #8a1c3a
}

.member-order .cards__content.card-row .column5 {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end
}

.popup__content .cards__content.card-row {
    max-width: 260px
}

.popup__content .cards__content.card-row .cards__tbody-popup {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    max-height: 45vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.popup__content .cards__content.card-row .cards__tbody-popup .card {
    display: flex;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px;
    align-items: center
}

.popup__content .cards__content.card-row .cards__tbody-popup .card:first-child {
    margin: 0
}

.popup__content .cards__content.card-row .cards__tbody-popup .card .cards__img {
    width: 50px
}

.popup__content .cards__content.card-row .cards__tbody-popup .card .item-details {
    display: flex;
    width: calc(100% - 60px);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.popup__content .cards__content.card-row .cards__tbody-popup .card .item-details .column1 {
    width: 100%;
    margin-bottom: 10px
}

.popup__content .cards__content.card-row .cards__tbody-popup .card .item-details .add-card__qty--left {
    width: 60%;
    display: flex
}

.popup__content .cards__content.card-row .cards__tbody-popup .card .item-details .add-card__qty {
    display: flex;
    width: 80px
}

.popup__content .cards__content.card-row .cards__tbody-popup .icon--heart--empty::before {
    color: #fff;
    padding-right: 5px
}

.popup__content .cards__content.card-row .cards__tfooter-popup {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.popup__content .cards__content.card-row .cards__tfooter-popup .total-price {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.article-ad {
    position: fixed;
    right: 10px;
    bottom: 75px;
    width: 250px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    translate: 110%
}

.article-ad.show {
    translate: 0
}

.article-ad .cards__content {
    grid-template-columns: 1fr
}

.article-ad .card_name {
    height: 75.5px
}

.article-ad .article-ad__title .icon--close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.article-ad .ad-slider {
    width: 100%
}

.article-ad .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

.article-ad .owl-prev,
.article-ad .owl-next {
    position: absolute;
    top: -10px
}

.article-ad .owl-prev {
    left: -10px
}

.article-ad .owl-next {
    right: -10px
}

.article-ad .owl-prev span,
.article-ad .owl-next span {
    display: block;
    width: 25px;
    height: 25px;
    background: #FF6F41;
    opacity: 0.6;
    line-height: 25px;
    color: #fff;
    transition: all 0.3s
}

.article-ad .owl-prev span:hover,
.article-ad .owl-next span:hover {
    opacity: 1
}

.articles__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.articles__content .article {
    position: relative;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #d8d8d8;
    margin: 5px;
    display: flex;
    overflow: hidden
}

.articles__content .article .articles__img {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.articles__content .article .articles__img:hover {
    opacity: 0.6
}

.articles__content .article .article__content {
    padding: 15px
}

.articles__content .article .article__content .h4 {
    line-height: 1.5;
    margin-bottom: 5px
}

.articles__content .article .article__content p a {
    color: #555
}

.articles__content .article .article__content p a:hover {
    opacity: 0.6
}

.articles__content .article .article__content .article__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.articles__content .article .article__content .article__date {
    margin-right: 10px;
    line-height: 15px
}

.articles__content .article .article__content .article__readmore a {
    color: #B23A48;
    line-height: 15px
}

.articles__content .article .article__content .article__readmore a:hover {
    opacity: 0.6
}

.articles__content .article--small {
    flex-wrap: wrap
}

@media all and (max-width: 600px) {
    .articles__content .article--small {
        width: 100%
    }
}

.articles__content .article--small .articles__img {
    width: 100%;
    padding-bottom: 52%
}

.articles__content .article--small .article__content {
    width: calc(100% - 30px)
}

.popup {
    position: fixed;
    width: 100vw;
    height: calc(100vh - 50px);
    top: 50px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 150;
    left: 0
}

@media all and (max-width: 1025px) {
    .popup {
        height: calc(100vh - 40px);
        top: 40px
    }
}

.popup .popup__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 240px;
    width: fit-content;
    max-width: 800px;
    padding: 40px 20px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 65vh;
    overflow: hidden
}

@media all and (max-width: 1025px) {
    .popup .popup__content {
        max-width: calc(100vw - 100px)
    }
}

.popup .popup__content .icon--close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.popup .popup__content .icon--loading {
    animation: ro 1s linear infinite;
    transform-origin: center;
    transform: rotate(0deg);
    font-size: 20px
}

@keyframes ro {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.popup .popup__content .h3 {
    margin-bottom: 20px
}

.popup .popup__content.sold-out-items .card-row {
    max-width: 540px
}

.popup .forget-psw-mail {
    margin: 10px 0
}

.popup .btn-center {
    display: flex;
    justify-content: center
}

.popup .btn-set {
    justify-content: center;
    padding-top: 10px
}

.popup .move-to-like {
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: fit-content
}

@media all and (max-width: 600px) {
    .popup .move-to-like {
        bottom: 15px
    }
}

.popup .arrival-popup .coupon__card-content {
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.popup .arrival-popup .coupon__card-content span {
    color: #8a1c3a
}

.popup .login__sns {
    padding: 10px 0
}

.popup .login__sns .icons {
    width: 40px;
    height: 40px
}

.popup .login__sns .icons:hover {
    opacity: 0.6
}

.popup .login__form {
    text-align: center;
    padding: 10px 0
}

.popup .login__form .login__input {
    margin-bottom: 10px
}

.popup .login__form .error-text {
    margin-bottom: 10px
}

.popup .login__link {
    display: flex;
    padding-top: 10px
}

.popup .login__link .login__link--item {
    padding: 0 5px
}

.popup .login__link~p {
    color: #8a1c3a
}

.popup-banner {
    display: grid;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    align-items: center;
    justify-content: center;
    z-index: 100
}

.popup-banner .popup-banner__content {
    position: relative;
    margin: 10px
}

.popup-banner .icon--close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-banner .icon--close::before {
    color: #fff;
    font-size: 20px;
    width: fit-content;
    height: fit-content
}

.flash {
    padding: 40px 20px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    color: #fff;
    border-radius: 5px;
    min-width: 200px;
    text-align: center;
    right: 10px;
    top: 60px;
    z-index: 150
}

.flash .icon--close {
    position: absolute;
    top: 10px;
    right: 10px
}

.flash .icon--close::before {
    color: #fff
}

.swear {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../index_swear-c4e98ac3e4f153c2cd4086c5fee5a93a9c4a9f37abfad83d47eb17befc631315.jpg);
    padding: 40px 0
}

@media all and (max-width: 600px) {
    .swear {
        background-image: url(../index_swear_m-645a10e6c9ec63cc9e386ed44a9f8e2f3658caa36529da4e2a40625b363ff703.jpg)
    }
}

.swear .swear__content {
    max-width: 900px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.2);
    position: relative;
    margin: auto
}

.swear .swear__content .swear__list {
    display: flex;
    padding: 0 10px
}

@media all and (max-width: 600px) {
    .swear .swear__content .swear__list {
        flex-wrap: wrap;
        justify-content: center
    }
}

.swear .swear__content .swear__list--item {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    flex-basis: 33.3%
}

@media all and (max-width: 600px) {
    .swear .swear__content .swear__list--item {
        flex-basis: 70%;
        margin-bottom: 20px
    }
    .swear .swear__content .swear__list--item:last-child {
        margin-bottom: 0
    }
}

.swear .swear__content .swear__list--item .icons,
.swear .swear__content .swear__list--item .h4 {
    margin-bottom: 10px
}

.sidebar-container .swear {
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 20px
}

@media all and (max-width: 1025px) {
    .sidebar-container .swear {
        margin: 0 -10px;
        width: calc(100% + 20px);
        padding: 20px 10px
    }
}

.sidebar-container .swear .h3 {
    margin-bottom: 20px
}

.sidebar-container .swear .swear__content {
    padding: 20px;
    width: calc(100% - 40px)
}

.search-us {
    width: 100%;
    padding: 20px;
    display: flex
}

.search-us .search-us__content {
    width: fit-content;
    min-width: 260px;
    margin: auto
}

.search-us .search-us__content .h5 {
    color: #8a1c3a
}

.search-us .fake-search {
    display: flex;
    justify-content: center
}

.search-us .fake-search .fake-input {
    width: 150px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 5px 0 0 5px;
    background: #fff
}

.search-us .fake-search .fake-input p {
    margin-left: 10px;
    line-height: 30px
}

.search-us .fake-search .fake-btn {
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0 5px 5px 0;
    background: #000
}

.search-us .fake-search .fake-btn .icon--search {
    padding: 0 10px;
    width: auto;
    height: auto
}

.search-us .fake-search .fake-btn .icon--search::before {
    color: #fff;
    line-height: 30px
}

.search-us .search-us__description-content {
    display: flex;
    align-items: center;
    margin: 10px 0;
    justify-content: center
}

.search-us .search-us__description-content .qr-code {
    flex-basis: 100px;
    height: 100px;
    background-image: url(../qr-382fe8f0e3ff599a211fc46b1c82994abeb3dd1e1a63dcb337455347aedf5a6c.jpg);
    background-size: contain;
    background-repeat: no-repeat
}

.search-us .search-us__description-content .search-us__description p {
    display: inline
}

.packing-time {
    width: 350px;
    display: block;
    margin: auto auto 10px
}

@media all and (max-width: 600px) {
    .packing-time {
        width: 280px
    }
}

.age-checker {
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.age-checker input,
.age-checker p {
    display: inline;
    cursor: pointer;
    vertical-align: middle
}

.input-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 404px;
    min-width: 50%;
    justify-content: space-between;
    margin: 0 auto 20px
}

.input-content .text-row {
    display: flex;
    flex-basis: 100%;
    margin-bottom: 10px;
    align-items: center
}

.input-content .text-row p {
    line-height: 30px;
    flex: 0 0 auto
}

.input-content .text-row input[type='text'] {
    flex: 1 1 auto;
    width: 100%
}

.input-content .text-row.invoice-row {
    align-items: baseline
}

.input-content .helf-width {
    flex-basis: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

@media all and (max-width: 600px) {
    .input-content .helf-width {
        flex-basis: 100%
    }
}

.input-content .recipient__radio {
    width: 100%;
    text-align: center
}

.input-content .recipient__content,
.input-content .common__data,
.input-content .common__create-data,
.input-content .common__new-data {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.input-content .recipient__content {
    padding-top: 10px
}

.input-content .recipient__content turbo-frame {
    width: 100%
}

.input-content .recipient__content turbo-frame a {
    text-decoration: none
}

.input-content .time__radio {
    display: flex;
    flex-wrap: wrap
}

.input-content .time__radio-tips {
    margin-top: -5px;
    margin-bottom: 10px;
    line-height: 1.5
}

.input-content .payment__radio {
    display: flex;
    flex-wrap: wrap
}

.input-content label * {
    vertical-align: middle
}

.input-content .invoice-B2C-data,
.input-content .invoice-B2B-data,
.input-content .invoice-donate-data {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 20px 20px 10px;
    margin-bottom: 20px
}

.input-content .invoice-B2C-data .text-row,
.input-content .invoice-B2B-data .text-row,
.input-content .invoice-donate-data .text-row {
    flex-basis: fit-content;
    display: flex;
    flex-wrap: wrap
}

.input-content textarea {
    width: 100%;
    line-height: 1;
    padding: 6px 6px 10px
}

.input-content .common__data {
    justify-content: space-around;
    align-items: center;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding-top: 10px;
    margin-bottom: 10px
}

.input-content .common__data .common__data--left,
.input-content .common__data .common__data--right {
    padding: 0 20px
}

@media all and (max-width: 600px) {
    .input-content .common__data .common__data--left,
    .input-content .common__data .common__data--right {
        padding: 0 10px
    }
}

.input-content .common__data .common__data--left .icons,
.input-content .common__data .common__data--right .icons {
    margin: 0 5px
}

.input-content .common__data .common__data--middle {
    flex: 1 0 auto
}

.input-content .common__create-data {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 10px;
    justify-content: center;
    cursor: pointer
}

.input-content .common__new-data {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px;
    justify-content: space-between;
    width: calc(100% - 40px)
}

.input-content .common__new-data .btn {
    margin: auto
}

.input-content .recipient--other {
    justify-content: space-between
}

.tags {
    width: 100%
}

.tags .tags__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 10px
}

.tags .tags__content a {
    text-decoration: none
}

@media all and (max-width: 600px) {
    .tags .tags__content {
        justify-content: center
    }
}

.tags .tag {
    background: #8a1c3a;
    cursor: pointer;
    padding: 0 5px
}

.tags .tag:hover {
    opacity: 0.6
}

.tags .tag p {
    color: white
}

.tags.tags--black .tag {
    background: #222;
    border-radius: 5px
}

.tags.tags--black .tag.active {
    background: #8a1c3a
}

@media all and (max-width: 600px) {
    .tags.tags--black .tags__content {
        justify-content: left
    }
}

.filter {
    display: flex;
    margin-bottom: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-basis: 100%;
    height: fit-content
}

.filter .filter__type {
    display: flex;
    border-right: 1px solid #eee;
    padding: 0 5px
}

.filter .filter__type a {
    text-decoration: none
}

.filter .filter__type .icons {
    text-align: center;
    text-decoration: none
}

.filter .filter__type .icons ::before {
    font-size: 15px
}

.filter .filter__type .icons.active::before {
    color: #8a1c3a
}

.filter .filter__type .icons:hover::before {
    color: #FF6F41
}

.like__filter-area {
    display: flex
}

@media all and (max-width: 600px) {
    .like__filter-area {
        flex-wrap: wrap
    }
}

.birthday-tips span {
    color: #FF6F41
}

.birthday-cant-edit-tips span {
    color: #8a1c3a
}

.news__title {
    color: #8a1c3a;
    margin-right: 3px
}

.coupon__info {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: hidden
}

.coupon__using {
    display: flex;
    gap: 5px;
    align-items: center
}

.coupon__using .coupon__using-text {
    color: #8a1c3a
}

.popup__content.coupon-popup .h4 {
    color: #8a1c3a
}

@media all and (min-width: 600px) {
    .popup__content.coupon-popup {
        width: 800px
    }
}

.coupon__card-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: auto;
    overflow-x: hidden
}

@media all and (min-width: 600px) {
    .coupon__card-content {
        min-width: fit-content
    }
}

.coupon__card-content .title {
    width: 100%
}

.coupon__card-content .coupon__cards {
    width: calc(50% - 5px);
    margin-bottom: 10px
}

@media all and (max-width: 1025px) {
    .coupon__card-content .coupon__cards {
        width: 100%
    }
}

.coupon__card-content .coupon__cards .coupon__top,
.coupon__card-content .coupon__cards .coupon__bottom {
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4)
}

@media all and (max-width: 600px) {
    .coupon__card-content .coupon__cards .coupon__top,
    .coupon__card-content .coupon__cards .coupon__bottom {
        padding: 10px;
        flex-wrap: wrap
    }
}

.coupon__card-content .coupon__cards.expired .coupon__top,
.coupon__card-content .coupon__cards.expired .coupon__bottom {
    background: #eee
}

.coupon__card-content .coupon__cards .coupon__top {
    border-color: #d8d8d8;
    border-style: solid solid none solid;
    border-width: 1px;
    display: flex;
    align-items: center
}

@media all and (max-width: 600px) {
    .coupon__card-content .coupon__cards .coupon__top {
        flex-direction: column
    }
}

.coupon__card-content .coupon__cards .coupon__bottom {
    border-color: #d8d8d8;
    border-style: dashed solid solid solid;
    border-width: 1px
}

.coupon__card-content .coupon__cards .coupon__top-left {
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media all and (max-width: 600px) {
    .coupon__card-content .coupon__cards .coupon__top-left {
        width: 100%;
        padding-right: 0
    }
}

.coupon__card-content .coupon__cards .coupon__top-left .coupon__price {
    color: #8a1c3a;
    font-weight: 700;
    font-size: 34px
}

@media all and (max-width: 600px) {
    .coupon__card-content .coupon__cards .coupon__top-left .coupon__price {
        font-size: 24px
    }
}

.coupon__card-content .coupon__cards .coupon__content {
    flex-grow: 1
}

@media all and (max-width: 600px) {
    .coupon__card-content .coupon__cards .coupon__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 5px
    }
}

.coupon__card-content .coupon__cards .coupon__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.coupon__card-content .coupon__cards .coupon__title .h3 {
    margin-right: 5px;
    margin-bottom: 0
}

.coupon__card-content .coupon__cards .coupon__btn {
    border-radius: 20px;
    min-width: unset
}

.coupon__card-content .coupon__cards .coupon__btn.coupon-used {
    cursor: default;
    background: #d8d8d8
}

.coupon__card-content .coupon__cards .coupon__btn.second-btn {
    border: 1px solid #222;
    color: #222;
    background: none;
    font-size: 12px
}

.coupon__card-content .coupon__cards .coupon__tips {
    color: #FF6F41;
    line-height: 1.5
}

.member-coupon .coupon__card-content {
    overflow: hidden
}

.member-coupon .h1.title .icon--question {
    margin: 5px
}

.member-coupon .h1.title .icon--question::before {
    font-size: 18px
}

.member-coupon .coupon__input {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 10px 0 20px
}

.member-coupon .coupon__input .btn.coupon--submit {
    margin: 0 5px;
    width: 100px
}

.member-coupon .coupon__input form {
    align-items: center
}

@media all and (max-width: 600px) {
    .member-coupon .coupon__input form {
        flex-direction: column;
        gap: 5px
    }
}

.medals__link {
    text-decoration: none;
    display: block
}

.medals {
    display: flex;
    align-items: center;
    cursor: pointer
}

.medals__medal {
    width: 50px;
    height: 50px;
    position: relative
}

.medals__label {
    padding: 5px 10px 5px 24px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #d8d8d8;
    margin-left: -20px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4)
}

@media all and (max-width: 600px) {
    .medals__label {
        padding: 5px 6px 5px 20px
    }
}

.medals__label span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-width: 100px;
    width: 100%;
    line-height: 1.2em
}

@media all and (max-width: 600px) {
    .medals__label span {
        max-width: 75px
    }
}

.medal--scores {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-image: url(../medal-scores-00d209eb29c0839ae87a40d15037ba25648d689e3af28bb25f6b5a41890790e3.svg);
    display: grid
}

.medal--scores .h5 {
    color: #fff;
    margin: auto
}

.medals__awards {
    border: 2px solid;
    border-radius: 50%;
    overflow: hidden;
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    background: #000;
    border-color: #000;
    position: relative;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr, 20px
}

.medals__awards::before {
    content: '';
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    width: 17px;
    height: 32px;
    rotate: 8deg;
    position: absolute;
    top: -1px
}

.medals__awards span {
    color: #fff;
    text-align: center;
    margin: auto;
    position: relative
}

.medals__flag {
    background-image: url(../medal-flag-17a784df07946e07771fab9d216481b2bb62bb4fb3d5df6c1d3a846ae2a956a0.svg);
    background-size: 50px 20px;
    background-repeat: no-repeat;
    width: 50px;
    height: 20px;
    text-align: center;
    position: absolute;
    bottom: 0px
}

.medals__flag span {
    color: #fff;
    line-height: 18px;
    display: block;
    font-size: 10px
}

.medal--gold {
    background: #DBB808;
    border-color: #DBB808
}

.medal--silver {
    background: #A4A4A4;
    border-color: #A4A4A4
}

.medal--bronze {
    background: #CB6D17;
    border-color: #CB6D17
}

.medal--red {
    background: #E2180E;
    border-color: #E2180E
}

.medal--blue {
    background: #2889B0;
    border-color: #2889B0
}

.medal--white {
    background: #ADC7BE;
    border-color: #ADC7BE
}

.medal--white::before {
    background: linear-gradient(to bottom, #D4C3D5, rgba(212, 195, 213, 0))
}

.medal--deepBlue {
    background: #203044;
    border-color: #203044
}

.fixed-window {
    overflow: hidden;
    margin: 0;
    touch-action: none;
    -ms-touch-action: none;
    height: 100vh
}

.nav {
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.2);
    position: fixed;
    top: 0;
    z-index: 200;
    background: #FF6F41
}

.nav__content {
    max-width: 1500px;
    height: 50px;
    padding: 0 20px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-between
}

@media all and (max-width: 1025px) {
    .nav__content {
        height: 40px
    }
}

@media all and (max-width: 600px) {
    .nav__content {
        padding: 0 10px
    }
}

.nav__content--left {
    display: flex;
    height: 50px;
    align-items: center
}

@media all and (max-width: 1025px) {
    .nav__content--left {
        height: 40px
    }
}

.nav__content--left .nav__menu-list--bar {
    display: none;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url(../icons-menu-690ed96c4089c3d90f74c56570dfab18758271838a5808a77b2e53588cad9355.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list--bar {
        display: inline-block;
        cursor: pointer
    }
    .nav__content--left .nav__menu-list--bar.open {
        background-image: url(../icons-close-8a5790b7172652893da77306c8d3db07dcba6c32af5b9bab74e048c3622e93e7.svg)
    }
}

.nav__content--left .nav__menu-list--logo {
    display: flex;
    align-items: center;
    margin-right: 10px
}

.nav__content--left .nav__menu-list--logo .logo {
    display: block;
    width: 100px;
    height: 40px;
    background: url(../winentaste_logo-255c381bdc4e72100922dc09b33d47fefbdc9602002bccfaa8d6f2bf4ebfa6a3.svg)no-repeat center center /cover;
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list--logo .logo {
        width: 100px;
        height: 40px
    }
}

.nav__content--left .nav__menu-list-contain {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list-contain {
        position: absolute;
        left: 0;
        top: 40px;
        width: 0vw;
        height: calc(100vh - 40px);
        background: rgba(0, 0, 0, 0.3);
        overflow: hidden;
        z-index: 10000;
        align-items: flex-start;
        justify-content: flex-start
    }
    .nav__content--left .nav__menu-list-contain.open {
        width: 100vw;
        transition: 0.3s all;
        display: flex
    }
    .nav__content--left .nav__menu-list-contain.open .nav__menu-list-content {
        left: 0;
        transition: 0.3s 0.3s all
    }
}

.nav__content--left .nav__menu-list-contain .nav__close-area {
    flex: 1 1 auto;
    height: 100vh
}

.nav__content--left .nav__menu-list-content {
    display: flex
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list-content {
        width: 260px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
        border-top: 1px solid #d8d8d8;
        height: calc(100% - 101px);
        flex-direction: column;
        overflow: scroll;
        padding-bottom: 100px;
        position: relative;
        left: -300px
    }
}

.nav__content--left .nav__menu-list {
    position: relative
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__menu-list:hover {
        background: #d8d8d8;
        background: #eee
    }
    .nav__content--left .nav__menu-list:hover .nav__submenu-bg {
        display: flex
    }
    .nav__content--left .nav__menu-list:hover .fixed-height {
        height: 450px
    }
    .nav__content--left .nav__menu-list:hover .nav__menu-list--title .h4 {
        color: #8a1c3a
    }
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #d8d8d8
    }
}

.nav__content--left .nav__menu-list .nav__submenu-bg {
    background: #eee;
    width: 100vw;
    top: 50px;
    left: 0;
    position: fixed;
    display: none;
    justify-content: center
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__menu-list .nav__submenu-bg {
        max-height: calc(100vh - 50px);
        overflow: scroll
    }
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list .nav__submenu-bg {
        top: 0;
        display: flex;
        width: unset;
        position: relative;
        justify-content: left
    }
}

.nav__content--left .nav__menu-list .nav__submenu-bg .cards__content {
    margin-left: -10px;
    padding: 10px;
    gap: 5px
}

.nav__content--left .nav__menu-list .nav__submenu {
    display: flex;
    padding: 5px 0;
    flex-direction: row;
    width: 85vw
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list .nav__submenu {
        width: calc(100% - 10px);
        justify-content: flex-start;
        position: relative;
        top: 0;
        padding: 0 0 0 10px;
        align-items: flex-start;
        background: #fff;
        height: 0;
        overflow: hidden;
        flex-direction: column
    }
}

.nav__content--left .nav__menu-list--title {
    width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__menu-list--title {
        height: 40px;
        width: 100%;
        justify-content: flex-start
    }
    .nav__content--left .nav__menu-list--title.open~.nav__submenu-bg .nav__submenu {
        border-top: 1px solid #d8d8d8;
        height: auto;
        transition: 0.3s height
    }
    .nav__content--left .nav__menu-list--title.open .icon--arrow {
        transform: rotate(0deg)
    }
}

.nav__content--left .nav__menu-list--title>.icons {
    margin: 0 10px
}

.nav__content--left .nav__menu-list--title .icon--arrow {
    position: absolute;
    right: 0;
    margin: 0 10px;
    transform: rotate(180deg);
    transition: 0.3s all
}

.nav__content--left .nav__menu-list--title a {
    text-decoration: none
}

.nav__content--left .nav__submenu-list {
    padding: 10px 0;
    display: flex;
    justify-content: center
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__submenu-list {
        display: block;
        width: 100%
    }
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__submenu-list {
        justify-content: flex-start
    }
}

.nav__content--left .nav__submenu-list.nav__collapse {
    padding: 0
}

.nav__content--left .nav__submenu-list .h4 {
    text-decoration: none
}

.nav__content--left .nav__submenu-list .nav__submenu-second_list {
    margin-right: 50px
}

.nav__content--left .nav__submenu-list .nav__submenu-second_list:last-child {
    margin-right: 0
}

@media all and (max-width: 1025px) {
    .nav__content--left .nav__submenu-list .nav__submenu-second_list {
        margin-right: 0
    }
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__submenu-list .nav__submenu-second_list {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__submenu-list .nav__submenu-second_title .h4 {
        color: #8a1c3a;
        cursor: default
    }
}

.nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu {
    display: none
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu {
        display: block
    }
    .nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu .icons {
        vertical-align: middle
    }
    .nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu .icons::before {
        transform: rotate(-90deg)
    }
    .nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu .h5 {
        cursor: pointer;
        vertical-align: middle
    }
    .nav__content--left .nav__submenu-list .nav__submenu-second_title.back-menu .h4 {
        margin-right: 10px;
        vertical-align: middle
    }
}

.nav__content--left .nav__submenu-list .nav__submenu-second_item {
    margin-bottom: 5px;
    width: 100%
}

@media all and (min-width: 1025px) {
    .nav__content--left .nav__submenu-list .nav__submenu-second_item:not(.nav__collapse--title):hover .h4 {
        color: #FF6F41
    }
}

.nav__content--left .nav__submenu-list .nav__submenu-third_item {
    padding-left: 5px
}

.nav__content--left .nav__submenu-list .news__title {
    color: #8a1c3a;
    margin-right: 3px
}

.nav__content--left .nav__submenu-list a {
    text-decoration: none
}

.nav__content--left .nav__submenu-list .nav__submenu--first {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column
}

@media all and (max-width: 1025px) {
    .nav__content--left .cards__content {
        width: calc(100% - 10px)
    }
}

.search {
    position: relative
}

@media all and (max-width: 1025px) {
    .search {
        padding: 20px 10px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #d8d8d8
    }
}

.search__content {
    position: relative;
    display: flex
}

.search__content .search__input {
    border-radius: 5px 0 0 5px;
    padding: 6px 5px 6px 20px;
    position: relative;
    margin: 0
}

.search__content .icons {
    position: absolute;
    top: 7px;
    left: 5px
}

.search__content .btn {
    min-width: unset;
    border-radius: 0 5px 5px 0;
    flex: 0 0 auto
}

.search__keyword {
    position: absolute;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
    background: #fff;
    top: 34px;
    left: 0;
    display: none
}

@media all and (max-width: 1025px) {
    .search__keyword {
        display: block;
        position: relative;
        padding: 10px 0 0;
        top: 0;
        border: none;
        box-shadow: none
    }
}

.search__keyword .search__keyword--title {
    font-weight: 500;
    margin-bottom: 5px
}

.search__keyword .search__keyword--content {
    display: flex
}

.search__keyword .search__keyword--keyword {
    padding-right: 10px
}

.nav__content--right {
    display: flex;
    justify-content: flex-end;
    align-content: center
}

.nav__content--right .icons {
    width: 15px;
    height: 15px
}

.nav__content--right .have-item::after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #8a1c3a;
    top: 0;
    right: 0
}

.nav__content--right .nav__menu-list {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
    outline: none
}

@media all and (max-width: 1025px) {
    .nav__content--right .nav__menu-list {
        height: 40px
    }
}

.nav__content--right .nav__logout-menu {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
    border-radius: 5px;
    width: 89px;
    border: 1px solid #d8d8d8;
    top: 45px;
    right: 0;
    padding: 10px 0
}

.nav__content--right .nav__logout-menu .nav__logout-menu--list {
    text-align: center;
    line-height: 25px
}

.nav__content--right .nav__logout-menu::after {
    content: '';
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: #fff;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    position: absolute;
    top: -7px;
    right: 10px
}

.announce {
    width: 100%;
    text-align: center;
    display: block;
    background: #FFE6CC;
    color: #4B2E2B;
    font-size: 14px;
    line-height: 30px
}

.nav__collapse {
    padding: 0
}

@media all and (min-width: 1025px) {
    .nav__collapse {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.nav__collapse .icon--arrow {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: 0.3s all
}

.nav__collapse--title {
    padding: 5px 0;
    width: 100%;
    position: relative;
    cursor: pointer
}

@media all and (min-width: 1025px) {
    .nav__collapse--title {
        padding: 0;
        margin-bottom: 5px
    }
    .nav__collapse--title:not(.nav__submenu-second_title):hover .h4 {
        color: #FF6F41
    }
}

.nav__collapse--title.open~.nav__submenu--first,
.nav__collapse--title.open~.nav__submenu--second {
    height: auto
}

.nav__collapse--title.open~.nav__submenu--first:last-child,
.nav__collapse--title.open~.nav__submenu--second:last-child {
    margin-bottom: 10px
}

.nav__collapse--title.open .icon--arrow {
    transform: rotate(0deg)
}

.nav__submenu--first {
    border-left: 1px solid #eee;
    padding-left: 10px;
    height: 0;
    overflow: hidden
}

.nav__submenu--second {
    height: 0;
    overflow: hidden
}

.nav__submenu--second .h5 {
    color: #555
}

@media all and (min-width: 1025px) {
    .nav__menu-list-contain .nav__submenu--first {
        height: auto;
        overflow: auto;
        padding: 0
    }
    .nav__menu-list-contain .nav__collapse--title .icon--arrow {
        display: none
    }
}

.sidebar-container {
    display: flex;
    justify-content: space-between
}

.sidebar-container .sidebar-content {
    width: calc(100% - 270px);
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

@media all and (max-width: 1025px) {
    .sidebar-container .sidebar-content {
        width: 100%
    }
}

.sidebar-container .sidebar {
    width: 250px;
    display: flex
}

.sidebar-container .sidebar .nav__menu-list-content {
    display: flex;
    width: 100%;
    background: #fff;
    flex-direction: column;
    position: relative;
    width: 100%
}

.sidebar-container .sidebar .nav__menu-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
    border: 1px solid #d8d8d8
}

.sidebar-container .sidebar .nav__menu-list .nav__submenu {
    display: none;
    flex-direction: column;
    display: flex;
    height: auto;
    width: calc(100% - 10px);
    justify-content: flex-start;
    position: relative;
    padding: 0 0 0 10px;
    align-items: flex-start;
    height: 0;
    overflow: hidden
}

.sidebar-container .sidebar .nav__menu-list:hover .nav__submenu {
    display: flex
}

.sidebar-container .sidebar .nav__menu-list--title {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 100%;
    justify-content: flex-start
}

.sidebar-container .sidebar .nav__menu-list--title.open~.nav__submenu {
    border-top: 1px solid #d8d8d8;
    height: auto;
    transition: 0.3s height
}

.sidebar-container .sidebar .nav__menu-list--title.open .icon--arrow {
    transform: rotate(0deg)
}

.sidebar-container .sidebar .nav__menu-list--title>.icons {
    margin: 0 10px
}

.sidebar-container .sidebar .nav__menu-list--title .icon--arrow {
    position: absolute;
    right: 0;
    margin: 0 10px;
    transform: rotate(180deg);
    transition: 0.3s all
}

.sidebar-container .sidebar .nav__submenu-list {
    padding: 5px 0;
    display: block;
    width: 100%
}

.sidebar-container .sidebar .nav__submenu-list.nav__collapse {
    padding: 0
}

.sidebar-container .sidebar .nav__submenu-list .p,
.sidebar-container .sidebar .nav__submenu-list .span {
    text-decoration: none;
    color: #222
}

.sidebar-container .sidebar .nav__submenu-list .p:hover,
.sidebar-container .sidebar .nav__submenu-list .span:hover {
    color: #FF6F41
}

.sidebar-container .sidebar .nav__submenu-list .news__title {
    color: #8a1c3a;
    margin-right: 3px
}

.sidebar-container .sidebar .nav__submenu-list a {
    text-decoration: none
}

.sidebar-container .sidebar .nav__submenu-list .nav__submenu--first {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column
}

.sidebar-container .sidebar .nav__collapse .nav__collapse--title {
    padding: 5px 0
}

.sidebar-container .sidebar .nav__submenu--second .nav__submenu-list .span {
    color: #555
}

.sidebar-container .sidebar .nav__submenu--second .nav__submenu-list .span:hover {
    color: #FF6F41
}

.member .sidebar-container .sidebar a {
    text-decoration: none
}

.member .sidebar-container .sidebar .icon--heart--full::before {
    width: 20px;
    text-align: center
}

@media all and (max-width: 600px) {
    .member .sidebar-container .sidebar {
        flex-basis: 100%
    }
}

.member .sidebar-container .sidebar .cards__content {
    width: unset;
    margin: 5px 10px 5px 0
}

.member .sidebar-container .sidebar .cards__content:first-child {
    margin: 10px 10px 5px 0
}

.member .sidebar-container .sidebar .news__title {
    color: #8a1c3a;
    margin-left: 3px
}

.member .sidebar-container .sidebar .member_sale {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    margin-left: -10px;
    padding: 10px
}

@media all and (max-width: 600px) {
    .member .sidebar-container .sidebar .member_sale {
        grid-template-columns: repeat(2, 1fr)
    }
}

.member .sidebar-container .sidebar .member_sale img {
    display: block
}

@media all and (max-width: 600px) {
    .member .sidebar-container {
        flex-wrap: wrap
    }
    .member .sidebar-container .nav__menu-list-content {
        flex-direction: row;
        flex-wrap: wrap
    }
    .member .sidebar-container .nav__menu-list {
        order: 2
    }
    .member .sidebar-container .nav__menu-list:last-child {
        order: 1;
        width: 100%
    }
    .member .sidebar-container .nav__menu-list:last-child .nav__submenu {
        flex-direction: row;
        flex-wrap: wrap
    }
    .member .sidebar-container .nav__menu-list:last-child .cards__content {
        width: calc(50% - 10px)
    }
    .member .sidebar-container .nav__menu-list:last-child .cards__content:nth-child(2) {
        margin: 10px 10px 5px 0
    }
    .member .sidebar-container .nav__menu-list:not(:last-child) {
        width: fit-content;
        padding: 0 10px;
        box-shadow: none;
        background: #eee
    }
    .member .sidebar-container .nav__menu-list.active:not(:last-child) {
        background: #fff
    }
}

.collection {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media all and (max-width: 600px) {
    .collection {
        padding: 10px
    }
}

.collection .h3 {
    margin-bottom: 10px
}

.collection .collection__info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px
}

@media all and (max-width: 600px) {
    .collection .collection__info {
        flex-wrap: wrap;
        justify-content: center
    }
}

.collection .collection__info .collection__image {
    flex-basis: 150px;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.collection .collection__info .collection__introduction {
    flex-basis: calc(100% - 160px);
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media all and (max-width: 600px) {
    .collection .collection__info .collection__introduction {
        flex-basis: 100%
    }
}

.collection .collection__info .collection-introduction__title {
    display: flex;
    align-items: center
}

@media all and (max-width: 600px) {
    .collection .collection__info .collection-introduction__title {
        flex-direction: column
    }
}

.collection .collection__info .collection-introduction__title .h4 {
    flex-grow: 1;
    margin: 0
}

.collection .collection__info .collection-introduction__title .medals__content {
    display: flex
}

.collection .collection__info .collection-introduction__title .medals__label {
    display: none
}

.collection .collection__description {
    display: none
}

.collection .collection__description.open {
    display: block
}

.collection--tags .sidebar-content {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 0 20px;
    flex-basis: calc(100% - 310px);
    height: fit-content
}

@media all and (max-width: 1025px) {
    .collection--tags .sidebar-content {
        flex-basis: 100%;
        padding: 0px 10px
    }
}

.collection--tags .tag__section {
    width: 100%;
    padding: 20px 0
}

.collection--tags .tag__section:nth-child(even) {
    background: #eee;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 20px
}

@media all and (max-width: 1025px) {
    .collection--tags .tag__section:nth-child(even) {
        width: calc(100% + 20px);
        margin: 0 -10px;
        padding: 20px 10px
    }
}

.footer {
    background: #FFD166;
    width: 100%;
    color:#4B2E2B;
}

.footer__content {
    padding: 10px 10px 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media all and (max-width: 1025px) {
    .footer__content {
        padding: 0 10px 80px;
        justify-content: flex-start
    }
}

.footer__content a:hover {
    opacity: 0.6
}

.footer__content .icons::after {
    background-size: 100%
}

.footer__content .footer__list--title {
    padding: 40px 0 5px
}

.footer__content .footer__list {
    flex-basis: 150px;
    margin: 0 10px
}

@media all and (max-width: 1025px) {
    .footer__content .footer__list {
        margin: 0 5px;
        flex-basis: 130px
    }
}

.footer__content .footer__list .footer__list--link,
.footer__content .footer__list .footer__list--sns {
    margin-top: 10px
}

.footer__content .footer__list .icons.icon--line-w {
    margin: 0 20px
}

.footer__content .footer__list .p,
.footer__content .footer__list .h4 {
    color: #4B2E2B;
    font-weight: 400
}

.footer__copyright {
    margin-top: 40px;
    flex-basis: 100%;
    text-align: center
}

.footer__copyright .icon--logo-w {
    vertical-align: middle;
    margin-right: 5px
}

@media all and (max-width: 1025px) {
    .footer__copyright .icon--logo-w {
        width: 15px;
        height: 15px
    }
}

@media all and (max-width: 1025px) {
    .footer__copyright .copy__mobile-block {
        display: block;
        margin: 5px 0
    }
}

.footer__copyright span {
    color: #fff;
    line-height: 20px;
    vertical-align: middle;
    margin: 0 5px
}

.notice {
    width: 100%;
    background: #222;
    position: fixed;
    bottom: 0;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.2);
    z-index: 100
}

.notice .notice__text {
    background-image: url(../winentaste_warning-c891822a641b8e4222a3ceaa62717a92d1b4b788127295ccb1408b5847e5bad9.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    height: 8vh
}

@media all and (max-width: 600px) {
    .notice .notice__text {
        background-size: 100%;
        background-image: url(../winentaste_warning_m-ae6042e9f4913ebef0a40b60fca76a494beae926b43ad29d4a24eeabc7be34fa.svg)
    }
}

.notice .contact__btn {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -50px;
    right: 20px;
    background-image: url(../icons-msg-90dbcdf26e956e6786c2edaf2268f9395d517d18d08c3bcb37b3587518fa2394.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.2);
    border: 1px solid #d8d8d8;
    cursor: pointer
}

.notice .contact__btn.open {
    background-image: url(../icons-msg-w-11b2cc913ec1bab628ccd97559564faec35dd68f01ac092d5e5139bc58b0ed0f.svg);
    background-color: #d8d8d8
}

.notice .contact__content {
    display: none;
    position: absolute;
    cursor: default;
    right: 60px;
    top: -15px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
    border-radius: 5px;
    border: 1px solid #d8d8d8
}

.notice .contact__content.open {
    display: block
}

.notice .contact__content .contact__list {
    display: flex;
    margin: 5px 0;
    align-items: center
}

.notice .contact__content .contact__link {
    line-height: 20px
}

.notice .contact__content::after {
    content: '';
    width: 12px;
    height: 12px;
    transform: rotate(135deg);
    background: #fff;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    position: absolute;
    top: 28px;
    right: -7px
}

@media all and (max-width: 600px) {
    .product-detail~.notice .contact__btn {
        top: -150px
    }
}

.index-content {
    max-width: 1920px;
    margin: auto;
    box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.2)
}

.banner {
    width: 100%;
    overflow: hidden
}

@media all and (min-width: 1025px) {
    .banner {
        padding: 3.9% 0 5%
    }
    .banner .owl-carousel {
        transform: scale(1.5)
    }
    .banner .owl-item {
        opacity: 0.6
    }
    .banner .owl-item.center {
        opacity: 1
    }
}

.banner img {
    transform: translateZ(0)
}

.banner .owl-nav {
    width: 100%
}

@media all and (max-width: 1025px) {
    .banner .owl-nav {
        display: none
    }
}

.banner .owl-nav .owl-prev,
.banner .owl-nav .owl-next {
    position: absolute;
    width: 33.35%;
    height: calc(100% - 20px);
    top: 0
}

.banner .owl-nav .owl-prev span,
.banner .owl-nav .owl-next span {
    width: 100%;
    display: block;
    opacity: 0;
    height: 100%
}

.banner .owl-nav .owl-prev {
    left: 0
}

.banner .owl-nav .owl-next {
    right: 0
}

.banner .owl-dots {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

@media all and (min-width: 1025px) {
    .banner .owl-dots {
        transform: scale(0.6)
    }
}

.banner .owl-dots .owl-dot {
    margin: 0 5px
}

.banner .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #d8d8d8;
    border-radius: 50%;
    display: block
}

.banner .owl-dots .owl-dot.active span {
    background: #8a1c3a
}

.index .h1 {
    margin-bottom: 20px
}

.index .index__section {
    padding: 40px 0
}

@media all and (max-width: 600px) {
    .index .index__section {
        padding: 20px 0
    }
}

.index .index__section--content {
    display: flex;
    position: relative
}

@media all and (max-width: 600px) {
    .index .index__section--content {
        flex-wrap: wrap
    }
}

.index .cards__content {
    width: calc(65% - 60px);
    flex-basis: calc(70% - 60px);
    position: relative;
    margin: 0 30px
}

@media all and (max-width: 600px) {
    .index .cards__content {
        order: 2;
        width: 100%;
        flex-basis: 100%;
        margin: 0
    }
}

.index .articles__content {
    width: calc(100% - 60px);
    position: relative;
    margin: auto
}

@media all and (max-width: 600px) {
    .index .articles__content {
        width: 100%
    }
}

.index .cards__content .owl-nav,
.index .articles__content .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

.index .cards__content .owl-prev,
.index .cards__content .owl-next,
.index .articles__content .owl-prev,
.index .articles__content .owl-next {
    position: absolute;
    top: -10px
}

.index .cards__content .owl-prev,
.index .articles__content .owl-prev {
    left: -30px
}

.index .cards__content .owl-next,
.index .articles__content .owl-next {
    right: -30px
}

.index .cards__content .owl-prev span,
.index .cards__content .owl-next span,
.index .articles__content .owl-prev span,
.index .articles__content .owl-next span {
    display: block;
    width: 20px;
    height: 20px;
    background: #FF6F41;
    opacity: 0.6;
    line-height: 20px;
    color: #fff;
    transition: all 0.3s
}

.index .cards__content .owl-prev span:hover,
.index .cards__content .owl-next span:hover,
.index .articles__content .owl-prev span:hover,
.index .articles__content .owl-next span:hover {
    opacity: 1
}

.index .index__wine .index__section--info {
    margin-left: 10px;
    background-image: url(../index_view3.jpg);
    background-size: cover
}

@media all and (max-width: 600px) {
    .index .index__wine .index__section--info {
        margin: 0 0 20px
    }
}

.index .index__wine .index__section--info .wine--bg2,
.index .index__wine .index__section--info .wine--bg3 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover
}

.index .index__wine .index__section--info .wine--bg2 {
    background-image: url(../index_view1.jpg);
    animation: index__bg1 25s infinite
}

.index .index__wine .index__section--info .wine--bg3 {
    background-image: url(../index_view2.jpg);
    animation: index__bg2 25s infinite
}

.index .index__sake .index__section--info {
    margin-right: 10px;
    background-size: cover;
    background-image: url(../articles-4.jpg)
}

.index .index__sake .index__section--info .sake--bg2,
.index .index__sake .index__section--info .sake--bg3 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover
}

.index .index__sake .index__section--info .sake--bg2 {
    background-image: url(../articles-1.jpg);
    animation: index__bg1 25s infinite
}

.index .index__sake .index__section--info .sake--bg3 {
    background-image: url(../articles-5.jpg);
    animation: index__bg2 25s infinite
}

@media all and (max-width: 600px) {
    .index .index__sake .index__section--info {
        margin: 0 0 20px
    }
}

@keyframes index__bg1 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    66% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes index__bg2 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.index .index__section--info {
    flex-basis: calc(35% - 10px);
    height: 0;
    padding-bottom: 43%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

@media all and (max-width: 600px) {
    .index .index__section--info {
        order: 1;
        flex-basis: 100%;
        padding-bottom: 69%
    }
}

.index .index__section--info .info__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    text-align: center;
    height: fit-content
}

.index .index__section--info .h3,
.index .index__section--info p {
    color: #fff;
    margin-bottom: 10px
}

.index .index__subscription .index__subscription--description {
    flex-basis: calc(100% - 310px);
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative
}

@media all and (max-width: 600px) {
    .index .index__subscription .index__subscription--description {
        flex-basis: 100%;
        margin-right: 0;
        height: 220px;
        margin-bottom: 10px
    }
}

.index .index__subscription .index__subscription--description .description__content {
    position: absolute;
    width: 50%;
    height: fit-content;
    top: 0;
    bottom: 0;
    left: 40px;
    margin: auto
}

@media all and (max-width: 600px) {
    .index .index__subscription .index__subscription--description .description__content {
        text-align: center;
        width: 100%;
        left: 0
    }
}

.index .index__subscription .index__subscription--description p,
.index .index__subscription .index__subscription--description h3 {
    color: #fff;
    margin-bottom: 10px
}

.index .index__subscription .index__subscription--join {
    width: 300px;
    height: 300px;
    background: #fff;
    position: relative
}

@media all and (max-width: 600px) {
    .index .index__subscription .index__subscription--join {
        width: 100%;
        height: 200px
    }
}

.index .index__subscription .index__subscription--join .join__content {
    position: absolute;
    width: 200px;
    height: fit-content;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.index .index__subscription .index__subscription--join .join__content p,
.index .index__subscription .index__subscription--join .join__content h3 {
    margin-bottom: 10px
}

.index .partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 900px;
    position: relative;
    margin: auto
}

.index .partners .partner {
    flex-basis: 150px;
    height: 62px;
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.webp");
    background-size: 200%;
    margin: 10px
}

.index .partners .partner:nth-child(1) {
    background-position: 0 0
}

.index .partners .partner:nth-child(2) {
    background-position: 0 11.11%
}

.index .partners .partner:nth-child(3) {
    background-position: 0 22.22%
}

.index .partners .partner:nth-child(4) {
    background-position: 0 33.33%
}

.index .partners .partner:nth-child(5) {
    background-position: 0 44.44%
}

.index .partners .partner:nth-child(6) {
    background-position: 0 55.55%
}

.index .partners .partner:nth-child(7) {
    background-position: 0 66.66%
}

.index .partners .partner:nth-child(8) {
    background-position: 0 77.77%
}

.index .partners .partner:nth-child(9) {
    background-position: 0 88.88%
}

.index .partners .partner:nth-child(10) {
    background-position: 0 99.99%
}

.title-banner {
    height: 130px;
    width: 100%;
    background-image: url(../swear-bg-045fe36327df3c58154d7c481562d7de480bb6fb54e17cfb6dce77ede3adde09.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media all and (max-width: 1025px) {
    .title-banner {
        margin-bottom: 20px
    }
}

@media all and (max-width: 600px) {
    .title-banner {
        margin-bottom: 0
    }
}

.title-banner .icons {
    margin-right: 5px
}

.title-banner .icons::before {
    color: #fff;
    font-size: 16px
}

.title-banner .h1 {
    width: fit-content;
    color: #fff;
    margin: 0
}

.products .product__banner {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 20px
}

.products .product__banner .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

.products .product__banner .owl-prev,
.products .product__banner .owl-next {
    position: absolute;
    top: -10px
}

.products .product__banner .owl-prev {
    left: 0px
}

.products .product__banner .owl-next {
    right: 0px
}

.products .product__banner .owl-prev span,
.products .product__banner .owl-next span {
    display: block;
    width: 25px;
    height: 25px;
    background: #FF6F41;
    opacity: 0.6;
    line-height: 25px;
    color: #fff;
    transition: all 0.3s
}

.products .product__banner .owl-prev span:hover,
.products .product__banner .owl-next span:hover {
    opacity: 1
}

.products .event-h3 {
    text-align: center;
    margin-bottom: 20px;
    width: 100%
}

@media all and (min-width: 600px) {
    .products .event-h3 {
        display: none
    }
}

.products .fixed-events {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media all and (min-width: 600px) {
    .products .fixed-events {
        box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
        border: 1px solid #d8d8d8
    }
}

.products .fixed-events .fixed-events__title {
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px;
    flex-basis: 1%;
    cursor: pointer;
    overflow: hidden;
    background: #eee;
    flex-grow: 1;
    flex-shrink: 1
}

.products .fixed-events .fixed-events__title:nth-child(6) {
    border-right: none
}

.products .fixed-events .fixed-events__title:hover {
    background: #FF6F41
}

.products .fixed-events .fixed-events__title.active {
    border-bottom: none;
    background: #fff;
    cursor: default
}

.products .fixed-events .fixed-events__title p {
    line-height: 40px
}

@media all and (max-width: 600px) {
    .products .fixed-events .fixed-events__title {
        display: none
    }
}

.products .fixed-events .fixed-events__content {
    padding: 10px;
    position: relative;
    flex-basis: 100%
}

@media all and (max-width: 600px) {
    .products .fixed-events .fixed-events__content {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.products .fixed-events .fixed-events__content .event {
    min-height: 150px;
    background: rgba(0, 0, 0, 0.3);
    flex-basis: calc(50% - 5px)
}

@media all and (min-width: 600px) {
    .products .fixed-events .fixed-events__content .event {
        display: none
    }
    .products .fixed-events .fixed-events__content .event .fixed-events__mobile-img {
        display: none
    }
}

@media all and (max-width: 600px) {
    .products .fixed-events .fixed-events__content .event {
        margin-bottom: 10px;
        min-height: 70px
    }
    .products .fixed-events .fixed-events__content .event .fixed-events__desktop-img {
        display: none
    }
}

@media all and (min-width: 600px) {
    .products .fixed-events .event-1.active~.fixed-events__content .event-1,
    .products .fixed-events .event-2.active~.fixed-events__content .event-2,
    .products .fixed-events .event-3.active~.fixed-events__content .event-3,
    .products .fixed-events .event-4.active~.fixed-events__content .event-4,
    .products .fixed-events .event-5.active~.fixed-events__content .event-5,
    .products .fixed-events .event-6.active~.fixed-events__content .event-6 {
        display: block
    }
}

.products .other-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.products .other-events .event {
    flex-basis: calc(50% - 5px);
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    min-height: 150px
}

@media all and (max-width: 600px) {
    .products .other-events .event {
        flex-basis: 100%
    }
}

.product-detail .sidebar-container {
    margin: 50px auto
}

@media all and (max-width: 600px) {
    .product-detail .sidebar-container {
        margin: 0 auto
    }
}

.product-detail .sidebar-content {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px;
    gap: 40px;
    box-sizing: border-box
}

@media all and (max-width: 1025px) {
    .product-detail .sidebar-content {
        padding: 20px 10px;
        gap: 20px
    }
}

.product-detail .product-detail__title {
    width: 100%;
    display: flex;
    flex-direction: column
}

.product-detail .product-detail__title h2 {
    order: -1
}

.product-detail .product-detail__title .product-detail__title-bottom {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: baseline
}

.product-detail .product-detail__head {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__head {
        flex-direction: column
    }
}

.product-detail .product-detail__img-area {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 10px);
    aspect-ratio: 357 / 404
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__img-area {
        width: 100%
    }
}

.product-detail .product-detail__img {
    border: 1px solid #d8d8d8;
    position: relative
}

.product-detail .product-detail__img img {
    display: block;
    aspect-ratio: 2 / 3
}

.product-detail .product-detail__img .sale-cover {
    position: absolute;
    top: 0;
    left: 0
}

.product-detail .product-detail__img-thumbnail {
    width: 22%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__img-thumbnail {
        width: 23%
    }
}

.product-detail .product-detail__img-thumbnail .small-img {
    opacity: 0.6
}

.product-detail .product-detail__img-thumbnail .small-img.active {
    opacity: 1
}

.product-detail .product-detail__img-thumbnail .small-img:hover {
    opacity: 1;
    cursor: pointer
}

.product-detail .product-detail__img-origin {
    width: 75.35%
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__img-origin {
        width: 74%
    }
}

.product-detail .product-detail__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(50% - 10px)
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__info {
        width: 100%
    }
}

.product-detail .medals__content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    line-height: 1;
    align-items: center
}

.product-detail .product-detail__cart {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-detail .detail-cart__box-sale {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center
}

.product-detail .detail-cart__box-sale .icon--cart {
    padding: 0
}

@media all and (max-width: 600px) {
    .product-detail .detail-cart__box-sale .icon--cart {
        width: 10px;
        height: 10px
    }
    .product-detail .detail-cart__box-sale .icon--cart::before {
        font-size: 10px
    }
}

.product-detail .product-detail__price {
    display: flex;
    gap: 10px;
    align-items: center
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__price form {
        display: flex;
        width: 100%
    }
}

.product-detail .origin-price {
    line-height: 30px;
    text-decoration: line-through;
    color: #555
}

.product-detail .sale-price {
    line-height: 30px;
    color: #8a1c3a
}

.product-detail .product-qty {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.product-detail .product-qty .add-card__qty {
    display: flex;
    width: 100px
}

.product-detail .product-qty .add-card__qty .btn {
    min-width: 30px;
    margin: 0;
    padding: 0;
    height: 30px;
    display: flex;
    justify-content: center
}

.product-detail .product-qty .add-card__qty .btn .icons {
    margin: 0
}

.product-detail .product-qty .add-card__qty .btn .icons::before {
    color: #fff
}

.product-detail .product-qty .add-card__qty .btn:first-child {
    border-radius: 5px 0 0 5px
}

.product-detail .product-qty .add-card__qty .btn:last-child {
    border-radius: 0 5px 5px 0
}

.product-detail .product-qty .add-card__qty input {
    text-align: center;
    flex-shrink: 1;
    width: 100%
}

.product-detail .product-qty .btn-set {
    display: flex;
    width: fit-content;
    flex-wrap: nowrap
}

.product-detail .product-qty .btn-set .btn {
    min-width: fit-content
}

@media all and (max-width: 600px) {
    .product-detail .product-qty.content-price {
        justify-content: center;
        width: 100%;
        gap: 5px
    }
    .product-detail .product-qty.content-price .add-card__qty {
        width: 100%
    }
    .product-detail .product-qty.content-price .btn-set {
        width: 100%;
        flex-wrap: wrap
    }
    .product-detail .product-qty.content-price .btn-set .btn {
        width: 100%
    }
}

.product-detail .fixed-area {
    width: fit-content;
    position: fixed;
    bottom: 8vh;
    right: 80px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4);
    border-radius: 5px 5px 0 0;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    z-index: 10
}

@media all and (max-width: 600px) {
    .product-detail .fixed-area {
        margin: auto;
        left: 0;
        right: 0
    }
}

.product-detail .product-detail__order-type {
    display: flex;
    flex-direction: column;
    background: #eee;
    border-radius: 5px;
    padding: 10px
}

.product-detail .product-detail__order-type .h5 {
    display: flex;
    gap: 3px;
    color: #8a1c3a;
    align-items: center
}

.product-detail .product-detail__order-type .h5 .icons {
    width: fit-content;
    height: fit-content
}

.product-detail .product-detail__collection {
    display: flex;
    flex-direction: column
}

.product-detail .product-detail__collection figcaption {
    display: flex;
    align-items: center
}

.product-detail .product-detail__collection .product-collection {
    list-style: disc;
    padding-left: 1rem
}

.product-detail .product-detail__collection .product-collection__name {
    color: #8a1c3a
}

.product-detail .product-detail__collection .product-collection__name:hover {
    opacity: 0.6
}

.product-detail .product-detail__coupon {
    margin-top: 10px;
    display: flex;
    align-items: baseline
}

.product-detail .product-detail__coupon .h5 {
    color: #8a1c3a;
    margin-right: 3px
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__coupon {
        justify-content: center
    }
    .product-detail .product-detail__coupon .btn {
        width: 100%
    }
}

.product-detail .product-detail__info-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden
}

.product-detail .product-info-list__description {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
    gap: 10px
}

@media all and (max-width: 600px) {
    .product-detail .product-info-list__description {
        grid-template-columns: 1fr;
        gap: 10px 0
    }
}

.product-detail .info__description--table {
    grid-column: span 2;
    display: grid;
    grid-template: repeat(3, auto)/repeat(2, 1fr);
    grid-auto-flow: column;
    column-gap: 10px
}

@media all and (max-width: 600px) {
    .product-detail .info__description--table {
        grid-template-columns: 1fr;
        grid-auto-flow: row
    }
}

.product-detail .description-table__list {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 5px 0
}

.product-detail .description-table__list .h5 {
    flex-shrink: 0
}

.product-detail .description-table__list .table-list__content {
    flex-grow: 1
}

.product-detail .description-table__list .table-list__content-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%
}

.product-detail .description-table__list .table-list__content-text:not(:only-child) {
    line-height: 1.5em
}

.product-detail .info__description--points {
    list-style: disc;
    padding: 5px 5px 5px 1.5em;
    border-radius: 5px;
    background: rgba(209, 162, 82, 0.3);
    align-self: start
}

.product-detail .product-info-list__tags {
    padding: 10px;
    background: #eee
}

.product-detail .product-detail__ad img {
    display: block;
    width: 100%
}

.product-detail .product-detail__all-years {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    justify-content: center
}

@media all and (max-width: 600px) {
    .product-detail .product-detail__all-years {
        padding: 10px 5px
    }
}

.product-detail .product-years__item {
    padding: 5px;
    border-bottom: 1px solid #d8d8d8
}

.product-detail .product-years__item:last-of-type {
    border: none
}

.product-detail .product-year__item-info {
    display: grid;
    align-items: center;
    grid-template-columns: 50px 100px 120px 1fr;
    gap: 5px
}

@media all and (max-width: 600px) {
    .product-detail .product-year__item-info {
        grid-template-columns: 50px repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 3px
    }
    .product-detail .product-year__item-info .year-item__year {
        grid-row: span 2
    }
}

.product-detail .product-year__item-info .year-data {
    display: flex;
    align-items: center
}

.product-detail .product-year__item-info .year-data>.h5 {
    margin: 0;
    flex-shrink: 0
}

.product-detail .product-year__item-info .year-data p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.product-detail .product-year__item-info .year-data.year-item__year .h5 {
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #8a1c3a;
    color: #fff;
    text-align: center
}

.product-detail .product-year__item-info .year-data:last-of-type {
    display: flex
}

.product-detail .product-year__item-info .year-data:last-of-type .btn--small {
    margin-left: auto
}

@media all and (max-width: 600px) {
    .product-detail .product-year__item-info .year-data:last-of-type {
        grid-column: span 2
    }
}

.product-detail .product-year__item-info .year-data:last-of-type .medals {
    flex-grow: 1
}

.product-detail .product-description .title {
    margin: 0 0 10px
}

.product-detail .product-description__how-to-drink {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-detail .product-how-to-drink__card {
    display: flex;
    padding: 10px;
    gap: 20px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    align-items: center
}

@media all and (max-width: 600px) {
    .product-detail .product-how-to-drink__card {
        flex-direction: column
    }
}

.product-detail .how-to-drink-card__img {
    width: 150px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.product-detail .how-to-drink-card__img img {
    width: 150px;
    aspect-ratio: 1 / 1
}

.product-detail .how-to-drink-card__content {
    flex-grow: 1
}

.product-detail .how-to-drink-card__content .h5 {
    color: #8a1c3a
}

.product-detail .how-to-drink-card__content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.product-detail .more-product-info {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.product-detail .more-product-info .more-info__content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

@media all and (max-width: 600px) {
    .product-detail .more-product-info .more-info__content {
        gap: 4px
    }
}

.product-detail .more-product-info .info-card {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    width: calc(50% - 5px);
    display: flex;
    overflow: hidden;
    align-items: center;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .product-detail .more-product-info .info-card {
        width: calc(50% - 2px);
        flex-direction: column
    }
}

.product-detail .more-product-info .info-card .info-card__photo {
    display: block;
    width: 150px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    flex-shrink: 0
}

@media all and (max-width: 600px) {
    .product-detail .more-product-info .info-card .info-card__photo {
        width: 100%
    }
}

.product-detail .more-product-info .info-card .info-card__photo:hover {
    opacity: 0.6
}

.product-detail .more-product-info .info-card .info-card__photo img {
    display: block;
    aspect-ratio: 1 / 1;
    width: 100%
}

.product-detail .more-product-info .info-card .info-card__content {
    padding: 0 10px;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .product-detail .more-product-info .info-card .info-card__content {
        padding: 10px;
        width: 100%
    }
}

.product-detail .more-product-info .info-card .info-card__title a {
    color: #8a1c3a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.product-detail .more-product-info .info-card .info-card__title a:hover {
    opacity: 0.6
}

@media all and (max-width: 600px) {
    .product-detail .more-product-info .info-card .info-card__description {
        display: none
    }
}

.product-detail .more-product-info .info-card .info-card__description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.product-detail .sake-rice {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.4)
}

.product-detail .sake-rice summary {
    padding: 10px;
    border: 1px solid #d8d8d8;
    position: relative;
    cursor: pointer
}

.product-detail .sake-rice .sake-rice__conetnt {
    background-image: url(../sake-rice-bg-a300890911736e06f00bd18144645f69f86c43c319e9aabd1c8109e1b5144f45.jpg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-top: none;
    gap: 10px;
    align-items: center
}

.product-detail .sake-rice .sake-rice__card-conetnt {
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    max-width: 700px;
    width: 100%
}

@media all and (max-width: 600px) {
    .product-detail .sake-rice .sake-rice__card-conetnt {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px
    }
}

.product-detail .sake-rice .sake-rice__card {
    background: #fff;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box
}

.product-detail .sake-rice .sake-rice__card .sake-rice__type {
    margin: 10px 0
}

.product-detail .sake-rice .sake-rice__card .sake-rice__type-name {
    color: #8a1c3a;
    margin: 5px 0
}

.product-detail .sake-rice .sake-rice__img {
    width: 100%;
    max-width: 690px;
    background-image: url(../sake-rice-981e8bf8970dd9b63d466fc88c0fe9090153b87837d52d53f08cd88d978c3018.jpg);
    padding-bottom: 20%;
    margin: auto;
    background-size: cover;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center
}

.product-detail .sake-rice .sake-rice__description {
    margin: 10px 0;
    text-align: center
}

.product-detail .sake-promise {
    width: 100%;
    padding: 20px 0
}

.product-detail .sake-promise .sake-promise__content {
    display: flex;
    justify-content: space-between;
    max-width: 700px;
    margin: auto
}

@media all and (max-width: 600px) {
    .product-detail .sake-promise .sake-promise__content {
        flex-wrap: wrap
    }
}

.product-detail .sake-promise .sake-promise__list {
    width: calc(50% - 10px);
    display: flex;
    align-content: center;
    flex-wrap: wrap
}

@media all and (max-width: 600px) {
    .product-detail .sake-promise .sake-promise__list {
        width: calc(50% - 5px);
        align-content: flex-start
    }
}

.product-detail .sake-promise .sake-promise__list .sake-promise__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

@media all and (max-width: 600px) {
    .product-detail .sake-promise .sake-promise__list .sake-promise__item {
        flex-direction: column;
        flex-grow: 1;
        gap: 5px;
        align-items: flex-start
    }
    .product-detail .sake-promise .sake-promise__list .sake-promise__item p {
        height: 4em
    }
}

.product-detail .sake-promise .sake-promise__list .sake-promise__item-img {
    width: 100px;
    aspect-ratio: 1 / 1;
    margin-right: 10px;
    background-size: cover
}

@media all and (max-width: 600px) {
    .product-detail .sake-promise .sake-promise__list .sake-promise__item-img {
        margin-right: 0;
        width: 100%
    }
}

.product-detail .sake-promise .sake-promise__left .sake-promise__item:nth-child(1) .sake-promise__item-img {
    background-image: url(../promise-1-557e971851395a63d41cf1f18bd18b25c05230cf38b5e86706b3ee81b226f222.jpg)
}

.product-detail .sake-promise .sake-promise__left .sake-promise__item:nth-child(2) .sake-promise__item-img {
    background-image: url(../promise-2-4814d2b62615cc3ac1a2e92ee9b8e4a2cff442ce1f4ed23788ea2f1b8b4fac52.jpg)
}

.product-detail .sake-promise .sake-promise__left .sake-promise__item:nth-child(3) .sake-promise__item-img {
    background-image: url(../promise-3-a9fe8499280a058f46de8b2c666c3366ad810a213074541913d5b32a9e57929e.jpg)
}

.product-detail .sake-promise .sake-promise__right .sake-promise__item:nth-child(1) .sake-promise__item-img {
    background-image: url(../promise-4-a45b1c76b4d1a78ccabdd02a9d15cce91ac0298c1d3c6178e077f410201a4928.jpg)
}

.product-detail .sake-promise .sake-promise__right .sake-promise__item:nth-child(2) .sake-promise__item-img {
    background-image: url(../promise-5-9971ae96db73abc3e56c3f3c21d3569a32dc80d8d3bbb589a8aba4b492687cdb.jpg)
}

.product-detail .product-detail__4steps {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.product-detail .product-detail__4steps picture {
    width: 100%
}

.product-detail .product-detail__rules {
    background: #eee;
    margin: 0 -20px;
    box-sizing: border-box;
    padding: 40px
}

@media all and (max-width: 1025px) {
    .product-detail .product-detail__rules {
        padding: 20px;
        margin: 0 -10px
    }
}

.product-detail turbo-frame#reviews {
    width: 100%
}

.product-detail .comment {
    width: 100%;
    padding: 20px 0
}

.product-detail .comment .comment-form {
    padding: 20px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px
}

@media all and (max-width: 600px) {
    .product-detail .comment .comment-form {
        padding: 20px 10px
    }
}

.product-detail .comment .comment-form__data {
    width: 100%;
    max-width: 500px;
    margin: auto;
    text-align: left
}

.product-detail .comment .comment-form__data p {
    display: inline
}

.product-detail .comment .comment-form__data .comment-form__list {
    margin-bottom: 10px
}

.product-detail .comment .comment-form__data .comment-form__comment {
    display: flex
}

.product-detail .comment .comment-form__data .comment-form__comment textarea {
    flex-grow: 1
}

.product-detail .comment .comment__card {
    padding: 20px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px
}

.product-detail .comment .comment__card .comment__card-data {
    margin: 5px 0
}

.article-list .title-banner {
    background-image: url(../product_list_knowledge-779b61285675c8f1e25b87e64289ebb099c945a923e5f5dfc01d0279fce24999.jpeg)
}

.author-list .title-banner,
.author .title-banner {
    background-image: url(../product_list_author-3ae5cdcff5d9c3f592e122075cc8dde7b2a93a7adb42fd5d65eda07e29fe2300.jpeg)
}

.forget-psw {
    min-height: 60vh;
    padding: 40px 20px
}

.forget-psw .forget-psw__form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 250px;
    margin: auto
}

.forget-psw .forget-psw__row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 10px
}

.forget-psw .forget-psw__row span {
    margin-left: 5px
}

.forget-psw .forget-psw__row input {
    margin-top: 5px;
    width: 100%
}

.member {
    min-height: 60vh
}

.member .title-banner {
    background-image: url(../member-bg-16b4d9c5374b9c515044a1384f1028e4baa96a4c330c436add167e951feb9cc2.jpeg)
}

@media all and (max-width: 1025px) {
    .member .title-banner {
        margin-bottom: 20px
    }
}

@media all and (max-width: 600px) {
    .member .title-banner {
        margin-bottom: 0
    }
}

.member:not(.wishlist) form {
    display: flex;
    margin: auto
}

.member:not(.wishlist) form input[type='tel'] {
    width: 100%
}

.member .sidebar-content {
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px;
    width: calc(100% - 310px)
}

@media all and (max-width: 600px) {
    .member .sidebar-content {
        width: 100%;
        padding: 20px 10px
    }
}

.member .sidebar-content .title {
    width: 100%
}

.member .sidebar-content .btn {
    margin: auto
}

.member .sidebar-content .member-flag {
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    border-radius: 13px;
    margin-right: 5px
}

.member .sidebar-content .member-type--free span {
    color: #555
}

.member .sidebar-content .member-type--member .member-flag {
    border: 1px solid #000
}

.member.wishlist .btn {
    margin: unset
}

.member .text-row.member-edm {
    flex-wrap: nowrap;
    gap: 5px
}

.member .text-row.member-edm form {
    margin: unset
}

.member .text-row.member-edm .btn {
    margin: unset
}

.member .text-row.member-edm .span {
    align-self: center
}

.member .text-row.order__note {
    align-items: baseline
}

.member .text-row.order__note .note__content {
    flex-wrap: wrap;
    flex-basis: 100%
}

.member .member-psw .text-row {
    flex-basis: 250px;
    margin: 0 auto 10px
}

.member .conect-sns .text-row {
    justify-content: center
}

.member .conect-sns .text-row .icons {
    width: 40px;
    height: 40px
}

.member.member-order .cards__tbody .card {
    flex-wrap: nowrap
}

.cart-pages .step-area {
    display: flex;
    justify-content: center
}

.cart-pages .step-bar {
    height: 3px;
    width: 300px;
    background: #d8d8d8;
    margin: 50px 0;
    position: relative
}

@media all and (max-width: 600px) {
    .cart-pages .step-bar {
        width: 200px;
        height: 2px;
        margin: 30px 0
    }
}

.cart-pages .step-bar .step-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d8d8d8;
    top: 0;
    transform: translateY(-50%) translateX(-50%)
}

@media all and (max-width: 600px) {
    .cart-pages .step-bar .step-dot {
        width: 15px;
        height: 15px
    }
}

.cart-pages .step-bar .step-dot::before {
    position: absolute;
    font-family: "Noto Sans", "PingFangTC", "Microsoft Jhenghei", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #555;
    width: 90px;
    text-align: center;
    top: 30px;
    left: 0;
    transform: translateX(calc(-50% + 10px))
}

@media all and (max-width: 1025px) {
    .cart-pages .step-bar .step-dot::before {
        font-size: 12px
    }
}

@media all and (max-width: 600px) {
    .cart-pages .step-bar .step-dot::before {
        top: 20px
    }
}

.cart-pages .step-bar .step-dot.step1 {
    left: 0
}

.cart-pages .step-bar .step-dot.step1::before {
    content: '購物車'
}

.cart-pages .step-bar .step-dot.step2 {
    left: 50%
}

.cart-pages .step-bar .step-dot.step2::before {
    content: '填寫訂購資料'
}

.cart-pages .step-bar .step-dot.step3 {
    left: 100%
}

.cart-pages .step-bar .step-dot.step3::before {
    content: '訂單送出（確認中）';
    width: 70px;
    line-height: 1.5;
    text-align: center
}

.cart-pages .order-status-info .step-bar {
    width: 400px;
    margin-bottom: 70px;
    margin-top: 0
}

@media all and (max-width: 600px) {
    .cart-pages .order-status-info .step-bar {
        width: 220px;
        margin-bottom: 60px;
        margin-top: 0
    }
}

.cart-pages .order-status-info .step-bar .step-dot.step1 {
    left: 0
}

.cart-pages .order-status-info .step-bar .step-dot.step1::before {
    content: '客服確認庫存中';
    width: 100px
}

@media all and (max-width: 600px) {
    .cart-pages .order-status-info .step-bar .step-dot.step1::before {
        width: 50px
    }
}

.cart-pages .order-status-info .step-bar .step-dot.step2 {
    left: 40%
}

.cart-pages .order-status-info .step-bar .step-dot.step2::before {
    content: '客服發送匯款資料或電聯確認訂單';
    width: 112px
}

@media all and (max-width: 600px) {
    .cart-pages .order-status-info .step-bar .step-dot.step2::before {
        width: 97px
    }
}

.cart-pages .order-status-info .step-bar .step-dot.step3 {
    left: 75%
}

.cart-pages .order-status-info .step-bar .step-dot.step3::before {
    content: '款項確認'
}

.cart-pages .order-status-info .step-bar .step-dot.step4 {
    left: 100%
}

.cart-pages .order-status-info .step-bar .step-dot.step4::before {
    content: '出貨'
}

.cart-pages.cart-step1 .step-bar .step-dot.step1 {
    background: #8a1c3a
}

.cart-pages.cart-step1 .step-bar .step-dot.step1::before {
    color: #8a1c3a
}

.cart-pages.cart-step1 .tips {
    color: #8a1c3a;
    margin-bottom: 10px
}

.cart-pages.cart-step1 .more-product {
    margin-bottom: 10px
}

.cart-pages.cart-step2 .step-bar::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: #8a1c3a
}

.cart-pages.cart-step2 .step-bar .step-dot.step1,
.cart-pages.cart-step2 .step-bar .step-dot.step2 {
    background: #8a1c3a
}

.cart-pages.cart-step2 .step-bar .step-dot.step1::before,
.cart-pages.cart-step2 .step-bar .step-dot.step2::before {
    color: #8a1c3a
}

.cart-pages.cart-step3 .step-bar {
    background: #8a1c3a
}

.cart-pages.cart-step3 .step-bar .step-dot {
    background: #8a1c3a
}

.cart-pages.cart-step3 .step-bar .step-dot::before {
    color: #8a1c3a
}

.cart-pages.cart-step3 .order-status-info .step-bar {
    background: #000
}

.cart-pages.cart-step3 .order-status-info .step-dot.step2,
.cart-pages.cart-step3 .order-status-info .step-dot.step3,
.cart-pages.cart-step3 .order-status-info .step-dot.step4 {
    background: #000
}

.cart-pages.cart-step3 .order-status-info .step-dot.step2::before,
.cart-pages.cart-step3 .order-status-info .step-dot.step3::before,
.cart-pages.cart-step3 .order-status-info .step-dot.step4::before {
    top: 25px;
    bottom: unset;
    color: #000;
    line-height: 1.3
}

.cart-pages.cart-step3 .order-status-info .step-dot.step1 {
    background: #8a1c3a
}

.cart-pages.cart-step3 .order-status-info .step-dot.step1::before {
    top: 25px;
    bottom: unset;
    color: #8a1c3a;
    line-height: 1.3
}

.cart-pages .checkout-policy {
    padding: 20px;
    border-radius: 5px;
    background: #eee;
    margin-bottom: 20px
}

.cart-pages .checkout-policy li {
    margin-left: 20px
}

.cart-pages .cart__next {
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-pages .cart__next .btn {
    margin-left: 20px
}

.cart-pages .complete {
    text-align: center
}

.cart-pages .complete .order-status-info {
    width: 100%;
    display: flex;
    background: #eee;
    margin: 0 -20px 20px;
    padding: 40px 20px;
    justify-content: center;
    flex-wrap: wrap
}

@media all and (max-width: 600px) {
    .cart-pages .complete .order-status-info {
        margin: 0 -10px 10px;
        padding: 20px 10px
    }
}

.cart-pages .complete .order-status-info .payment-info {
    width: 500px;
    text-align: left
}

.cart-pages .complete .order-status-info .payment-info p {
    margin: 0 10px 10px
}

.cart-pages .complete .find-order {
    text-align: center;
    line-height: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media all and (max-width: 600px) {
    .cart-pages .complete .find-order {
        margin-bottom: 20px
    }
}

.cart-pages .complete .find-order a {
    margin: 0 5px
}

.cart-pages .complete .search-us {
    padding: 20px 0;
    text-align: left
}

@media all and (max-width: 600px) {
    .cart-pages .complete .search-us {
        padding: 10px 0
    }
}

.cart-pages .complete .dot-list {
    width: fit-content;
    margin: 20px auto;
    text-align: left
}

.cart-pages .invoice-comment a {
    color: #8a1c3a
}

.member-order-detail .bg-gray,
.member-order-detail .bg-yellow {
    width: 100%;
    padding: 20px 40px;
    margin: 0 -20px
}

@media all and (max-width: 600px) {
    .member-order-detail .bg-gray,
    .member-order-detail .bg-yellow {
        margin: 0 -10px;
        padding: 20px 20px
    }
}

.member-order-detail .bg-gray .dot-list,
.member-order-detail .bg-yellow .dot-list {
    margin: 10px 0
}

.member-order-detail .order__status {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
    flex-wrap: wrap
}

.member-order-detail .order__status .icons,
.member-order-detail .order__status .status {
    margin: 0 5px;
    display: flex
}

.member-order-detail .order__status .error-status {
    color: #8a1c3a
}

.member-order-detail .item-list {
    margin-bottom: 40px
}

@media all and (max-width: 600px) {
    .member-order-detail .item-list {
        margin-bottom: 20px
    }
}

.member-order-detail .item-list.stocking {
    background: #eee;
    margin: 0 -20px 40px;
    padding: 40px 20px
}

@media all and (max-width: 600px) {
    .member-order-detail .item-list.stocking {
        margin: 0 -10px 20px;
        padding: 20px 10px
    }
}

.member-order-detail .search-us {
    margin: 0 -20px 40px;
    padding: 40px 20px
}

@media all and (max-width: 600px) {
    .member-order-detail .search-us {
        margin: 0 -10px 20px;
        padding: 20px 10px
    }
}

.member-order-detail .search-us .contact-mail {
    text-align: center
}

.member-order-detail .item-out-of-stock {
    border: 1px solid #8a1c3a
}

.member-order-detail .customer-service-history {
    background: #eee;
    margin: 0 -20px;
    padding: 40px 20px
}

@media all and (max-width: 600px) {
    .member-order-detail .customer-service-history {
        margin: 0 -10px;
        padding: 20px 10px
    }
}

.member-order-detail .customer-service-history .no-answer {
    color: #8a1c3a
}

.member-order-detail .order-cantact-us.search-us {
    flex-wrap: wrap
}

.member-order-detail .order-cantact-us.search-us .order-cantact-details {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch
}

@media all and (max-width: 600px) {
    .member-order-detail .order-cantact-us.search-us .order-cantact-details {
        flex-wrap: wrap
    }
}

.member-order-detail .order-cantact-us.search-us .order-cantact-card {
    padding: 20px 10px;
    background: #fff;
    border-radius: 5px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 200px;
    align-items: center
}

.member-order-detail .order-cantact-us.search-us .order-cantact-card .qr-code {
    margin: 10px 0
}

.member-order-detail .order-cantact-us.search-us .order-cantact-card .mail-us {
    color: #8a1c3a
}

.member-order-detail .payment-form {
    display: flex;
    flex-wrap: wrap;
    background: rgba(209, 162, 82, 0.3);
    width: 100%;
    margin: 0 -20px;
    padding: 40px 20px;
    justify-content: center
}

@media all and (max-width: 600px) {
    .member-order-detail .payment-form {
        margin: 0 -10px;
        padding: 20px 10px
    }
}

.member-order-detail .payment-form .payment-form__content {
    max-width: 390px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.member-order-detail .payment-form .payment-form__content>.h5 {
    width: 100%;
    text-align: center;
    margin: 5px 0
}

.member-order-detail .payment-form .payment-form__content .payment-form__form {
    background: #fff;
    border-radius: 5px;
    padding: 20px 50px;
    margin: 10px 0
}

.member-order-detail .payment-form .payment-form__content .payment-form__form .text-row input[type='text'] {
    flex: 1 1 auto;
    width: auto
}

@media all and (max-width: 600px) {
    .member-order-detail .payment-form .payment-form__content .payment-form__form {
        padding: 20px 20px
    }
}

.member-order-detail .payment-form .payment-form__content .payment-detail {
    background: #fff;
    padding: 20px 40px;
    border-radius: 5px
}

.member-order-detail .payment-form .payment-form__content .payment-detail .btn {
    margin: 10px 0
}

.old-pages .comparison-table-premium .comparison-table-action .button,
.old-pages .premiumBanner-content a.button,
.old-pages .event-detail .sub-edm a.btn,
.old-pages .event-detail .event-btn a.btn-join,
.old-pages .event-latest .item-link a.btn,
.old-pages .cart-side-price .cart-side-button .button-next,
.old-pages .cart-side-button .button-next,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-next,
.old-pages~.footer .cart-side-button .button-next,
.old-pages .verification-code a.btn,
.old-pages~.vex.vex-theme-plain .verification-code a.btn,
.old-pages~.footer .verification-code a.btn,
.old-pages .lightbox-button .submit-btn,
.old-pages~.vex.vex-theme-plain .lightbox-button .submit-btn,
.old-pages~.footer .lightbox-button .submit-btn,
.old-pages .purchase-btn,
.old-pages .card-submit-btn,
.old-pages .next .checkout-btn,
.old-pages .next .next-btn,
.old-pages .completion-link-text a.button,
.old-pages .completion-banner-des-inner .join-btn a,
.old-pages~.vex.vex-theme-plain .promo-login a.promo-join-btn,
.old-pages~.vex.vex-theme-plain .promo-bottom a.btn,
.old-pages .blog-author-intro .blog-author-btn input.submit,
.old-pages .order .join a.btn,
.old-pages .article-content .event-btn a.btn-join,
.old-pages .loading-list a.btn,
.old-pages.marketplace .bistroPlan .join-btn a,
.old-pages.marketplace .pricing-box .join-btn a,
.old-pages.marketplace .parallax-nav a.button-prime,
.old-pages.marketplace .banner-nav a.button-prime,
.old-pages.marketplace .column-quarter a.button,
.old-pages.marketplace .column-third a.button,
.old-pages.marketplace .row a.button,
.old-pages .memberForm-action .next-btn,
.old-pages~.vex.vex-theme-plain .vex-content .button {
    display: inline-block;
    border: none;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #ff1a55;
    color: white;
    -webkit-appearance: none;
    background: linear-gradient(#ff1a55, #e6002f);
    transition: all .5s;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .comparison-table-premium .comparison-table-action .button:hover,
.old-pages .premiumBanner-content a.button:hover,
.old-pages .event-detail .sub-edm a.btn:hover,
.old-pages .event-detail .event-btn a.btn-join:hover,
.old-pages .event-latest .item-link a.btn:hover,
.old-pages .cart-side-button .button-next:hover,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-next:hover,
.old-pages~.footer .cart-side-button .button-next:hover,
.old-pages .verification-code a.btn:hover,
.old-pages~.vex.vex-theme-plain .verification-code a.btn:hover,
.old-pages~.footer .verification-code a.btn:hover,
.old-pages .lightbox-button .submit-btn:hover,
.old-pages~.vex.vex-theme-plain .lightbox-button .submit-btn:hover,
.old-pages~.footer .lightbox-button .submit-btn:hover,
.old-pages .purchase-btn:hover,
.old-pages .card-submit-btn:hover,
.old-pages .next .checkout-btn:hover,
.old-pages .next .next-btn:hover,
.old-pages .completion-link-text a.button:hover,
.old-pages .completion-banner-des-inner .join-btn a:hover,
.old-pages~.vex.vex-theme-plain .promo-login a.promo-join-btn:hover,
.old-pages~.vex.vex-theme-plain .promo-bottom a.btn:hover,
.old-pages .blog-author-intro .blog-author-btn input.submit:hover,
.old-pages .order .join a.btn:hover,
.old-pages .article-content .event-btn a.btn-join:hover,
.old-pages .loading-list a.btn:hover,
.old-pages.marketplace .bistroPlan .join-btn a:hover,
.old-pages.marketplace .pricing-box .join-btn a:hover,
.old-pages.marketplace .parallax-nav a.button-prime:hover,
.old-pages.marketplace .banner-nav a.button-prime:hover,
.old-pages.marketplace .column-quarter a.button:hover,
.old-pages.marketplace .column-third a.button:hover,
.old-pages.marketplace .row a.button:hover,
.old-pages .memberForm-action .next-btn:hover,
.old-pages~.vex.vex-theme-plain .vex-content .button:hover {
    background-color: #e6002f;
    background: linear-gradient(#e6002f, #e6002f)
}

.old-pages .email-subscription .button,
.old-pages .order-faq h4 span,
.old-pages .checkout h3 span.more,
.old-pages .cart-list-quantity .quantity-button,
.old-pages~.vex.vex-theme-plain .text .email-subscription .button,
.old-pages .bottom-order .bottom-order-btn input.submit,
.old-pages .bottom-order .bottom-order-btn a,
.old-pages .blog-author-intro .blog-author-btn a,
.old-pages .email-subscription-content .button {
    display: inline-block;
    border: none;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #911E3B;
    color: white;
    -webkit-appearance: none;
    background: linear-gradient(#911E3B, #6C0A26);
    transition: all .5s;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .email-subscription .button:hover,
.old-pages .order-faq h4 span:hover,
.old-pages .checkout h3 span.more:hover,
.old-pages .cart-list-quantity .quantity-button:hover,
.old-pages~.vex.vex-theme-plain .text .email-subscription .button:hover,
.old-pages .bottom-order .bottom-order-btn input.submit:hover,
.old-pages .bottom-order .bottom-order-btn a:hover,
.old-pages .blog-author-intro .blog-author-btn a:hover,
.old-pages .email-subscription-content .button:hover {
    background-color: #6C0A26;
    background: linear-gradient(#6C0A26, #6C0A26)
}

.old-pages .cart-side-price .cart-side-button .button-prev,
.old-pages .cart-side-button .button-prev,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-prev,
.old-pages~.footer .cart-side-button .button-prev,
.old-pages .lightbox-button .cancel-btn,
.old-pages~.vex.vex-theme-plain .lightbox-button .cancel-btn,
.old-pages~.footer .lightbox-button .cancel-btn,
.old-pages .next .prev-btn,
.old-pages .memberForm-action .prev-btn {
    display: inline-block;
    border: none;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #555;
    color: white;
    -webkit-appearance: none;
    background: linear-gradient(#555, #262626);
    transition: all .5s;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .cart-side-button .button-prev:hover,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-prev:hover,
.old-pages~.footer .cart-side-button .button-prev:hover,
.old-pages .lightbox-button .cancel-btn:hover,
.old-pages~.vex.vex-theme-plain .lightbox-button .cancel-btn:hover,
.old-pages~.footer .lightbox-button .cancel-btn:hover,
.old-pages .next .prev-btn:hover,
.old-pages .memberForm-action .prev-btn:hover {
    background-color: #262626;
    background: linear-gradient(#262626, #262626)
}

.old-pages .comparison-table-free .comparison-table-action .button,
.old-pages .order-info-des a,
.old-pages .article-products-list a.button,
.old-pages .article-content .button,
.old-pages:not(.article) .main .card-bottom .button,
.old-pages .products-list-text .button,
.old-pages .aside-banners .aside-banners-content .bottom .button {
    display: inline-block;
    border: 1px solid #ff1a55;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-align: center;
    color: #ff1a55;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .comparison-table-free .comparison-table-action .button:hover,
.old-pages .order-info-des a:hover,
.old-pages .article-products-list a.button:hover,
.old-pages .article-content .button:hover,
.old-pages:not(.article) .main .card-bottom .button:hover,
.old-pages .products-list-text .button:hover,
.old-pages .aside-banners .aside-banners-content .bottom .button:hover {
    color: white;
    background-color: #e6002f;
    border: 1px solid #e6002f
}

.old-pages .member-info-btn a,
.old-pages.marketplace .wine-club-nav .wine-club-button,
.old-pages .member-table .button,
.old-pages .products-list-button button {
    display: inline-block;
    border: 1px solid #555;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-align: center;
    color: #555;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .member-info-btn a:hover,
.old-pages.marketplace .wine-club-nav .wine-club-button:hover,
.old-pages .member-table .button:hover,
.old-pages .products-list-button button:hover {
    color: white;
    background-color: #911E3B;
    border: 1px solid #911E3B
}

.month.old-pages .benefits-description a.button {
    display: inline-block;
    border: 1px solid white;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-align: center;
    color: white;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.month.old-pages .benefits-description a.button:hover {
    color: #911E3B;
    background-color: white;
    border: 1px solid white
}

.old-pages .premium-lightbox-inner,
.old-pages .premium-team ul,
.month.old-pages .pricing,
.month.old-pages .benefits-description .benefits-section,
.month.old-pages .benefits-description,
.month.old-pages .team-intro ul,
.old-pages .event-detail .item,
.old-pages .event-detail .section,
.old-pages .event-latest .item-info ul,
.old-pages .event-latest .item,
.old-pages .order-comment,
.old-pages .order-wine,
.old-pages .order-info,
.old-pages .cart-side-content li,
.old-pages~.vex.vex-theme-plain .cart-side-content li,
.old-pages~.footer .cart-side-content li,
.old-pages .cart-side-content ul,
.old-pages~.vex.vex-theme-plain .cart-side-content ul,
.old-pages~.footer .cart-side-content ul,
.old-pages .lightbox-inner,
.old-pages~.vex.vex-theme-plain .lightbox-inner,
.old-pages~.footer .lightbox-inner,
.old-pages .lightbox-area,
.old-pages~.vex.vex-theme-plain .lightbox-area,
.old-pages~.footer .lightbox-area,
.old-pages .info-inner li,
.old-pages .info-inner ul,
.old-pages .checkout-process,
.old-pages .checkout h3,
.old-pages .completion-link,
.old-pages .cart-related ul,
.old-pages .cart-bottom,
.old-pages .cart-list-note a,
.old-pages .cart-list li,
.old-pages .cart-list ul,
.old-pages .faq .team-info,
.old-pages .faq .answer,
.old-pages~.vex.vex-theme-plain .popup-email,
.old-pages .author-about,
.old-pages .article-content .photo,
.old-pages .article-content .photeWrap,
.old-pages .article-wrap .social,
.old-pages.marketplace .bistroPlan,
.old-pages.marketplace .pricing,
.old-pages.marketplace .faq,
.old-pages.marketplace .wine-info,
.old-pages.marketplace .column-list,
.old-pages.marketplace .row,
.old-pages.month .pricing,
.old-pages.month .benefits-description,
.old-pages .products-footer-content,
.old-pages .memberForm-inner li,
.old-pages .memberForm-inner ul,
.old-pages .memberForm-inner .memberForm-top ul,
.old-pages .member-inner,
.old-pages .products-list-items ul,
.old-pages .products-sort-nav,
.old-pages .products-sort,
.old-pages .products-collections-content ul,
.old-pages .products-content,
.old-pages .popup-inner,
.old-pages .popup-area,
.old-pages .aside-articlesList li,
.old-pages .login-authorization,
.old-pages .title-area,
.old-pages .wrapper {
    *zoom: 1
}

.old-pages .premium-lightbox-inner:before,
.old-pages .premium-team ul:before,
.month.old-pages .pricing:before,
.month.old-pages .benefits-description .benefits-section:before,
.month.old-pages .benefits-description:before,
.month.old-pages .team-intro ul:before,
.old-pages .event-detail .item:before,
.old-pages .event-detail .section:before,
.old-pages .event-latest .item-info ul:before,
.old-pages .event-latest .item:before,
.old-pages .order-comment:before,
.old-pages .order-wine:before,
.old-pages .order-info:before,
.old-pages .cart-side-content li:before,
.old-pages~.vex.vex-theme-plain .cart-side-content li:before,
.old-pages~.footer .cart-side-content li:before,
.old-pages .cart-side-content ul:before,
.old-pages~.vex.vex-theme-plain .cart-side-content ul:before,
.old-pages~.footer .cart-side-content ul:before,
.old-pages .lightbox-inner:before,
.old-pages~.vex.vex-theme-plain .lightbox-inner:before,
.old-pages~.footer .lightbox-inner:before,
.old-pages .lightbox-area:before,
.old-pages~.vex.vex-theme-plain .lightbox-area:before,
.old-pages~.footer .lightbox-area:before,
.old-pages .info-inner li:before,
.old-pages .info-inner ul:before,
.old-pages .checkout-process:before,
.old-pages .checkout h3:before,
.old-pages .completion-link:before,
.old-pages .cart-related ul:before,
.old-pages .cart-bottom:before,
.old-pages .cart-list-note a:before,
.old-pages .cart-list li:before,
.old-pages .cart-list ul:before,
.old-pages .faq .team-info:before,
.old-pages .faq .answer:before,
.old-pages~.vex.vex-theme-plain .popup-email:before,
.old-pages .author-about:before,
.old-pages .article-content .photo:before,
.old-pages .article-content .photeWrap:before,
.old-pages .article-wrap .social:before,
.old-pages.marketplace .bistroPlan:before,
.old-pages.marketplace .pricing:before,
.old-pages.marketplace .faq:before,
.old-pages.marketplace .wine-info:before,
.old-pages.marketplace .column-list:before,
.old-pages.marketplace .row:before,
.old-pages.month .pricing:before,
.old-pages.month .benefits-description .benefits-section:before,
.old-pages.month .benefits-description:before,
.old-pages.month .team-intro ul:before,
.old-pages .products-footer-content:before,
.old-pages .memberForm-inner li:before,
.old-pages .memberForm-inner ul:before,
.old-pages .memberForm-inner .memberForm-top ul:before,
.old-pages .member-inner:before,
.old-pages .products-list-items ul:before,
.old-pages .products-sort-nav:before,
.old-pages .products-sort:before,
.old-pages .products-collections-content ul:before,
.old-pages .products-content:before,
.old-pages .popup-inner:before,
.old-pages .popup-area:before,
.old-pages .aside-articlesList li:before,
.old-pages .login-authorization:before,
.old-pages .title-area:before,
.old-pages .wrapper:before,
.old-pages .premium-lightbox-inner:after,
.old-pages .premium-team ul:after,
.month.old-pages .pricing:after,
.month.old-pages .benefits-description .benefits-section:after,
.month.old-pages .benefits-description:after,
.month.old-pages .team-intro ul:after,
.old-pages .event-detail .item:after,
.old-pages .event-detail .section:after,
.old-pages .event-latest .item-info ul:after,
.old-pages .event-latest .item:after,
.old-pages .order-comment:after,
.old-pages .order-wine:after,
.old-pages .order-info:after,
.old-pages .cart-side-content li:after,
.old-pages~.vex.vex-theme-plain .cart-side-content li:after,
.old-pages~.footer .cart-side-content li:after,
.old-pages .cart-side-content ul:after,
.old-pages~.vex.vex-theme-plain .cart-side-content ul:after,
.old-pages~.footer .cart-side-content ul:after,
.old-pages .lightbox-inner:after,
.old-pages~.vex.vex-theme-plain .lightbox-inner:after,
.old-pages~.footer .lightbox-inner:after,
.old-pages .lightbox-area:after,
.old-pages~.vex.vex-theme-plain .lightbox-area:after,
.old-pages~.footer .lightbox-area:after,
.old-pages .info-inner li:after,
.old-pages .info-inner ul:after,
.old-pages .checkout-process:after,
.old-pages .checkout h3:after,
.old-pages .completion-link:after,
.old-pages .cart-related ul:after,
.old-pages .cart-bottom:after,
.old-pages .cart-list-note a:after,
.old-pages .cart-list li:after,
.old-pages .cart-list ul:after,
.old-pages .faq .team-info:after,
.old-pages .faq .answer:after,
.old-pages~.vex.vex-theme-plain .popup-email:after,
.old-pages .author-about:after,
.old-pages .article-content .photo:after,
.old-pages .article-content .photeWrap:after,
.old-pages .article-wrap .social:after,
.old-pages.marketplace .bistroPlan:after,
.old-pages.marketplace .pricing:after,
.old-pages.marketplace .faq:after,
.old-pages.marketplace .wine-info:after,
.old-pages.marketplace .column-list:after,
.old-pages.marketplace .row:after,
.old-pages.month .pricing:after,
.old-pages.month .benefits-description .benefits-section:after,
.old-pages.month .benefits-description:after,
.old-pages.month .team-intro ul:after,
.old-pages .products-footer-content:after,
.old-pages .memberForm-inner li:after,
.old-pages .memberForm-inner ul:after,
.old-pages .memberForm-inner .memberForm-top ul:after,
.old-pages .member-inner:after,
.old-pages .products-list-items ul:after,
.old-pages .products-sort-nav:after,
.old-pages .products-sort:after,
.old-pages .products-collections-content ul:after,
.old-pages .products-content:after,
.old-pages .popup-inner:after,
.old-pages .popup-area:after,
.old-pages .aside-articlesList li:after,
.old-pages .login-authorization:after,
.old-pages .title-area:after,
.old-pages .wrapper:after {
    display: table;
    content: "";
    line-height: 0
}

.old-pages .premium-lightbox-inner:after,
.old-pages .premium-team ul:after,
.month.old-pages .pricing:after,
.month.old-pages .benefits-description .benefits-section:after,
.month.old-pages .benefits-description:after,
.month.old-pages .team-intro ul:after,
.old-pages .event-detail .item:after,
.old-pages .event-detail .section:after,
.old-pages .event-latest .item-info ul:after,
.old-pages .event-latest .item:after,
.old-pages .order-comment:after,
.old-pages .order-wine:after,
.old-pages .order-info:after,
.old-pages .cart-side-content li:after,
.old-pages~.vex.vex-theme-plain .cart-side-content li:after,
.old-pages~.footer .cart-side-content li:after,
.old-pages .cart-side-content ul:after,
.old-pages~.vex.vex-theme-plain .cart-side-content ul:after,
.old-pages~.footer .cart-side-content ul:after,
.old-pages .lightbox-inner:after,
.old-pages~.vex.vex-theme-plain .lightbox-inner:after,
.old-pages~.footer .lightbox-inner:after,
.old-pages .lightbox-area:after,
.old-pages~.vex.vex-theme-plain .lightbox-area:after,
.old-pages~.footer .lightbox-area:after,
.old-pages .info-inner li:after,
.old-pages .info-inner ul:after,
.old-pages .checkout-process:after,
.old-pages .checkout h3:after,
.old-pages .completion-link:after,
.old-pages .cart-related ul:after,
.old-pages .cart-bottom:after,
.old-pages .cart-list-note a:after,
.old-pages .cart-list li:after,
.old-pages .cart-list ul:after,
.old-pages .faq .team-info:after,
.old-pages .faq .answer:after,
.old-pages~.vex.vex-theme-plain .popup-email:after,
.old-pages .author-about:after,
.old-pages .article-content .photo:after,
.old-pages .article-content .photeWrap:after,
.old-pages .article-wrap .social:after,
.old-pages.marketplace .bistroPlan:after,
.old-pages.marketplace .pricing:after,
.old-pages.marketplace .faq:after,
.old-pages.marketplace .wine-info:after,
.old-pages.marketplace .column-list:after,
.old-pages.marketplace .row:after,
.old-pages .products-footer-content:after,
.old-pages .memberForm-inner li:after,
.old-pages .memberForm-inner ul:after,
.old-pages .memberForm-inner .memberForm-top ul:after,
.old-pages .member-inner:after,
.old-pages .products-list-items ul:after,
.old-pages .products-sort-nav:after,
.old-pages .products-sort:after,
.old-pages .products-collections-content ul:after,
.old-pages .products-content:after,
.old-pages .popup-inner:after,
.old-pages .popup-area:after,
.old-pages .aside-articlesList li:after,
.old-pages .login-authorization:after,
.old-pages .title-area:after,
.old-pages .wrapper:after {
    clear: both
}

body.fixed {
    overflow: hidden;
    height: 100%
}

.old-pages img {
    border: 0
}

.old-pages .main-title {
    position: relative;
    clear: both;
    padding: 2em 0
}

.old-pages .main-title h2,
.old-pages .main-title h3 {
    font-size: 1.75em;
    line-height: 1.35;
    text-align: center;
    letter-spacing: 1px;
    color: #1F1122;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages .main-title h2,
    .old-pages .main-title h3 {
        font-size: 2.5em
    }
}

.old-pages .main-title span {
    font-size: 1em;
    font-weight: bold;
    position: relative
}

.old-pages .main-title span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 1000px;
    border-bottom: 1px solid;
    margin-right: 1.5em;
    opacity: .2
}

.old-pages .main-title span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 1000px;
    border-bottom: 1px solid;
    margin-left: 1.5em;
    opacity: .2
}

.old-pages .main-subtitle {
    font-size: 1.35em;
    text-align: center;
    line-height: 1.35;
    margin-bottom: 1em
}

@media (min-width: 801px) {
    .old-pages .main-subtitle {
        font-size: 1.75em
    }
}

.old-pages .page {
    position: relative
}

.old-pages .page .page_title {
    border-bottom: 1px solid whitesmoke
}

.old-pages .page .page_title .row {
    position: relative;
    padding: 10px 0 20px 0
}

.old-pages .page .page_title .row h1 {
    font-size: 2em;
    line-height: 1.5;
    letter-spacing: 0.05em
}

.old-pages .page .page_title .row .subcrible {
    width: 35%;
    position: absolute;
    margin: 0;
    top: 15px;
    right: 0
}

.old-pages .page .page_title .row .subcrible h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 5px
}

.old-pages .page .page_title .row .subcrible input.sub_email {
    margin: 0;
    width: 270px;
    height: 25px
}

.old-pages .page .page_title .row .subcrible input.sub_submit {
    background-color: #911E3B;
    color: white;
    cursor: pointer;
    position: absolute;
    height: 40px;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 3px 14px 3px 18px;
    right: 0;
    top: 23px;
    font-size: 1.2em
}

.old-pages .page .page_title .row .subcrible input.sub_submit:hover {
    background-color: #B22B4D
}

.old-pages .page .titleArea {
    position: relative;
    padding-bottom: 5px
}

.old-pages .page .titleArea .crumbs {
    margin: 20px 0 0 0;
    clear: both
}

.old-pages .page .titleArea .crumbs span {
    padding: 0 5px;
    display: inline
}

.old-pages .page .titleArea .crumbs span a {
    color: #B22B4D
}

.old-pages .page .titleArea .crumbs span a:hover {
    text-decoration: underline
}

.old-pages .page .titleArea .crumbs span.first {
    background-position: 0 0;
    background-repeat: no-repeat
}

.old-pages .page .titleArea .FB_like {
    position: absolute;
    top: 18px;
    right: 0;
    width: 360px
}

.old-pages .title-area {
    border-bottom: 1px solid whitesmoke;
    margin-bottom: 2.5em
}

.old-pages .title-area h1 {
    float: left;
    padding-right: 30px;
    line-height: 35px
}

.old-pages .article-type {
    float: left
}

.old-pages .article-type li {
    float: left
}

.old-pages .article-type li a {
    display: block;
    font-size: 1.25em;
    line-height: 35px;
    padding: 0 15px;
    margin-right: .25em;
    background-color: white;
    border-radius: 2px;
    border: 1px solid whitesmoke;
    border-bottom: none
}

.old-pages .article-type li a:hover {
    background-color: #1ad6a2;
    color: white
}

.old-pages .article-type li a.active {
    background-color: #911E3B;
    color: white
}

.old-pages .breadcrumb {
    display: none;
    padding: .2em 0;
    line-height: 35px;
    margin: 0;
    clear: none;
    text-align: right;
    color: #81827D
}

@media (min-width: 801px) {
    .old-pages .breadcrumb {
        display: block
    }
}

.old-pages .breadcrumb span {
    padding: 0 10px;
    font-size: 1.5;
    color: #81827D
}

.old-pages .breadcrumb span:last-child {
    padding-right: 0
}

.old-pages .breadcrumb span a {
    color: #81827D
}

.old-pages .breadcrumb span.current {
    font-weight: bold
}

.old-pages .login-authorization {
    position: relative;
    padding: 0 2em 1em
}

.old-pages .login-authorization li {
    display: block;
    max-width: 280px;
    margin: 2% auto
}

.old-pages .login-authorization li img {
    width: 100%;
    display: block
}

.old-pages .login-authorization li img:hover {
    opacity: .75
}

.old-pages .login-form {
    position: relative;
    padding: 4em 2em 2em;
    border-top: 1px solid #D8D8D7;
    background-color: #FAFAFA
}

.old-pages .login-form span {
    position: absolute;
    top: 1em;
    left: 50%;
    height: 1em;
    width: 200px;
    margin-left: -100px;
    font-size: 1.35em;
    text-align: center
}

.old-pages .login-links {
    padding: 1em 0
}

.old-pages .login-links a {
    padding: 0 1em;
    color: #6C0A26
}

.old-pages .login-links a:hover {
    color: #911E3B;
    text-decoration: underline
}

.old-pages~.vex.vex-theme-plain {
    padding-top: 2em
}

.old-pages~.vex.vex-theme-plain .vex-content {
    text-align: center;
    background: white;
    color: #444444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 450px;
    font-size: 1.1em;
    line-height: 1.5em
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .vex-content {
        width: 400px
    }
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top {
    padding: 1.5em 2em 0
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top h2 {
    margin: 0 0 .5em;
    font-size: 1.5em;
    line-height: 1;
    color: #262626
}

@media (min-width: 481px) {
    .vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top h2 {
        font-size: 2.25em
    }
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top h3 {
    padding: .35em 0;
    margin: 0 0 .2em;
    font-size: 1em
}

@media (min-width: 481px) {
    .vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top h3 {
        font-size: 1.35em
    }
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top h3 span {
    font-size: 1em;
    font-weight: bold;
    color: #B22B4D
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top ul {
    padding: .5em 0;
    margin: 0 0 1em;
    border-radius: 2px;
    border-top: 1px solid #D8D8D7;
    border-bottom: 1px solid #D8D8D7
}

.vex.vex-theme-plain .old-pages~.vex.vex-theme-plain .vex-content .login-top li {
    display: inline-block;
    width: 48%;
    padding-left: 1.5em;
    margin: .35em 0;
    font-size: 1em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_check.svg") left center no-repeat;
    background-size: 15px auto
}

.old-pages~.vex.vex-theme-plain .vex-content.login-completion {
    padding: 0;
    width: 100%
}

.old-pages~.vex.vex-theme-plain .vex-content.login-completion img {
    width: 100%
}

.old-pages~.vex.vex-theme-plain .vex-content .lightbox-logo {
    padding-left: 2em
}

.old-pages~.vex.vex-theme-plain .vex-content h3 {
    margin: 1em 0 .5em;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.35;
    color: #ff1a55
}

.old-pages~.vex.vex-theme-plain .vex-content p {
    font-size: 1em
}

.old-pages~.vex.vex-theme-plain .vex-content ul {
    margin-bottom: 1em
}

.old-pages~.vex.vex-theme-plain .vex-content li {
    margin-bottom: .5em;
    text-align: left
}

.old-pages~.vex.vex-theme-plain .vex-content label {
    display: inline-block;
    padding-right: 5px;
    padding-bottom: .5em;
    vertical-align: middle;
    font-size: 1.15em
}

.old-pages~.vex.vex-theme-plain .vex-content input[type=text],
.old-pages~.vex.vex-theme-plain .vex-content input[type=email],
.old-pages~.vex.vex-theme-plain .vex-content input[type=password],
.old-pages~.vex.vex-theme-plain .vex-content textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #b7b7b7;
    margin-bottom: .5em;
    height: 40px;
    font-size: 1em;
    outline: none;
    box-shadow: inset 1px 1px 1px #D8D8D7
}

.old-pages~.vex.vex-theme-plain .vex-content input[type=file] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: none;
    margin-bottom: .5em;
    font-size: 1em;
    outline: none;
    background-color: whitesmoke
}

.old-pages~.vex.vex-theme-plain .vex-content textarea {
    height: 80px
}

.old-pages~.vex.vex-theme-plain .vex-content span.note {
    display: block;
    text-align: center;
    color: #911E3B
}

.old-pages~.vex.vex-theme-plain .vex-content .button {
    padding: 0 3em;
    height: 40px;
    margin: .25em 0;
    font-size: 1.5em;
    border: none;
    box-shadow: none
}

.old-pages~.vex.vex-theme-plain .vex-content .button:hover {
    cursor: pointer
}

.old-pages .aside {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .aside {
        float: left;
        width: 20%
    }
}

.old-pages .aside-content {
    display: none
}

@media (min-width: 801px) {
    .old-pages .aside-content {
        display: block
    }
}

.old-pages .aside-title {
    position: relative;
    margin-bottom: 1.75em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    color: #262626
}

.old-pages .aside-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2em;
    width: 1.5em;
    height: 2px;
    background-color: #911E3B
}

.old-pages .aside-nav {
    margin-bottom: 3.5em
}

.old-pages .aside-nav li {
    position: relative;
    display: block
}

.old-pages .aside-nav li a {
    display: block;
    padding: .45em 0;
    font-size: 1.25em;
    line-height: 1.5
}

.old-pages .aside-nav li .badge {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 1px 0 0 .25em;
    font-size: .7em;
    font-weight: 500;
    letter-spacing: 1px;
    color: #B22B4D;
    border-radius: 2px
}

.old-pages .aside-nav li .arrow {
    display: inline-block;
    vertical-align: middle;
    width: .6em;
    height: .6em;
    margin-top: -3px;
    margin-left: .5em;
    font-size: 1.5em;
    color: #81827D;
    transition: transform .35s;
    opacity: .35;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: auto 100%;
    backface-visibility: hidden
}

.old-pages .aside-nav li.active a {
    color: #911E3B
}

.old-pages .aside-nav li.active span {
    transform: rotate(90deg)
}

.old-pages .aside-nav .aside-subnav {
    display: none
}

.old-pages .aside-nav .aside-subnav ul {
    border-left: 1px solid #b7b7b7
}

.old-pages .aside-nav .aside-subnav li:last-child {
    border-bottom: none
}

.old-pages .aside-nav .aside-subnav li a {
    padding: .5em 0 .5em 1em;
    font-weight: normal;
    color: #555
}

.old-pages .aside-nav .aside-subnav li a:hover {
    color: #262626
}

.old-pages .aside-nav .aside-subnav li.active a {
    color: #911E3B
}

.old-pages .aside-fb {
    margin-bottom: 3.5em
}

.old-pages .aside-fb p {
    font-size: 1.2em;
    color: #81827D
}

.old-pages .aside-articles {
    display: none;
    margin-bottom: 3.5em
}

@media (min-width: 481px) {
    .old-pages .aside-articles {
        display: block
    }
}

.old-pages .aside-articles li {
    margin-bottom: 2em
}

.old-pages .aside-articles .aside-articles-image {
    width: 100%;
    margin-bottom: .25em
}

.old-pages .aside-articles .aside-articles-text h4 {
    margin-bottom: .25em;
    font-size: 1.5em;
    line-height: 1.5
}

.old-pages .aside-articles .aside-articles-text p {
    font-size: 1.15em
}

.old-pages .aside-articlesList {
    display: none;
    margin-bottom: 3.5em
}

@media (min-width: 481px) {
    .old-pages .aside-articlesList {
        display: block
    }
}

.old-pages .aside-articlesList li {
    padding: 10px 0
}

.old-pages .aside-articlesList .aside-articlesList-image {
    float: left;
    width: 35%;
    margin-right: 3%
}

.old-pages .aside-articlesList .aside-articlesList-text {
    float: left;
    width: 60%
}

.old-pages .aside-articlesList a {
    display: block;
    font-size: 1.25em;
    line-height: 1.5;
    color: #262626
}

.old-pages .aside-banner {
    display: none
}

@media (min-width: 801px) {
    .old-pages .aside-banner {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 2.5em
    }
    .old-pages .aside-banner img {
        width: 100%;
        max-width: 300px;
        margin-bottom: 1em
    }
}

.old-pages .aside-stick {
    max-width: 235px
}

.old-pages .aside-banners .aside-banners-wrapper {
    padding: 0 1em
}

@media (min-width: 801px) {
    .old-pages .aside-banners .aside-banners-wrapper {
        padding: 0
    }
}

.old-pages .aside-banners .aside-banners-content {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #D8D8D7;
    border-radius: 2px;
    margin-bottom: 1.5em;
    box-shadow: 0 1px 3px rgba(31, 17, 34, 0.1)
}

.old-pages .aside-banners .aside-banners-content:hover {
    border: 1px solid #D8D8D7;
    box-shadow: 0 3px 15px rgba(31, 17, 34, 0.15)
}

.old-pages .aside-banners .aside-banners-content img {
    display: block
}

.old-pages .aside-banners .aside-banners-content span {
    display: inline-block;
    min-height: 1.75em;
    padding: .35em .5em;
    font-size: 1.15em;
    line-height: 1.65;
    color: #555
}

@media (min-width: 801px) {
    .old-pages .aside-banners .aside-banners-content span {
        font-size: 1.25em
    }
}

.old-pages .aside-banners .aside-banners-content .bottom {
    position: relative;
    width: 100%;
    height: 3em;
    border-top: 1px solid whitesmoke
}

.old-pages .aside-banners .aside-banners-content .bottom .button {
    position: absolute;
    right: .9em;
    bottom: .5em;
    padding: .35em .5em;
    font-size: 1em;
    line-height: 1
}

.old-pages .aside-banners.owl-carousel {
    width: 92%;
    padding: 3em 4%
}

@media (min-width: 801px) {
    .old-pages .aside-banners.owl-carousel {
        width: 94%;
        padding: 0 3%
    }
}

.old-pages .aside-banners.owl-theme .owl-controls .owl-buttons .owl-prev,
.old-pages .aside-banners.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 30%;
    width: .75em;
    height: 2em;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
    font-size: 3em;
    background-color: transparent;
    opacity: .5
}

.old-pages .aside-banners.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_left.svg") center center no-repeat;
    background-size: 20px
}

.old-pages .aside-banners.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: 20px
}

.old-pages .main-content:after {
    content: " ";
    display: block;
    clear: both
}

.old-pages .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200
}

.old-pages .popup-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 3%;
    overflow: hidden
}

@media (min-width: 481px) {
    .old-pages .popup-area {
        top: 3%;
        left: 50%;
        width: 400px;
        margin-left: -200px
    }
}

.old-pages .popup-area .btn-close {
    position: absolute;
    top: .1em;
    right: 0;
    z-index: 1;
    padding: .5em;
    font-size: 2em;
    color: white;
    cursor: pointer
}

.old-pages .popup-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.old-pages .popup-inner {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 75%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
    z-index: 200;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.old-pages .popup-title {
    position: fixed;
    z-index: 201;
    width: 100%;
    padding: .75em 0;
    background-color: #1F1122
}

@media (min-width: 481px) {
    .old-pages .popup-title {
        max-width: 400px
    }
}

.old-pages .popup-title h3 {
    font-size: 1.35em;
    text-align: center;
    font-weight: 400;
    letter-spacing: 2px;
    color: white
}

@media (min-width: 481px) {
    .old-pages .popup-title h3 {
        font-size: 1.5em
    }
}

.old-pages .popup-content {
    padding: 50px 1.5em 80px
}

.old-pages .popup-content h4 {
    padding: 1em 0 .5em;
    font-size: 1.25em;
    font-weight: bold
}

@media (min-width: 481px) {
    .old-pages .popup-content h4 {
        font-size: 1.35em
    }
}

.old-pages .popup-content p {
    margin-bottom: 1em;
    font-size: 1.15em
}

@media (min-width: 481px) {
    .old-pages .popup-content p {
        font-size: 1.25em
    }
}

.old-pages .popup-content p a {
    color: #911E3B;
    border-bottom: 1px solid #911E3B
}

.old-pages .popup-nav {
    position: relative;
    padding: 50px 0 80px;
    width: 100%;
    overflow: hidden
}

.old-pages .popup-nav.active {
    height: calc(100vh - 130px)
}

.old-pages .popup-nav li {
    display: block;
    border-bottom: 1px solid whitesmoke
}

.old-pages .popup-nav a {
    position: relative;
    display: inline-block;
    padding: .75em 1em;
    font-size: 1.25em;
    line-height: 1.5;
    letter-spacing: 1px
}

.old-pages .popup-nav a.popup-nav-next {
    display: block
}

.old-pages .popup-nav a.title-collection {
    display: block;
    background-color: whitesmoke
}

.old-pages .popup-nav a.title-collection:hover {
    color: #262626
}

.old-pages .popup-nav a .badge {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 1px 0 0 .25em;
    font-size: .6em;
    font-weight: 500;
    letter-spacing: 1px;
    color: #B22B4D;
    border-radius: 2px
}

.old-pages .popup-nav a .arrow {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: .7em;
    height: .7em;
    font-size: 1.5em;
    color: #81827D;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: auto 100%;
    opacity: .75;
    backface-visibility: hidden
}

.old-pages .popup-subnav li {
    font-size: .95em
}

.old-pages .popup-subnav li a {
    padding: .75em 2em
}

.old-pages .popup-nav-drawer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50px;
    left: 0;
    z-index: 1;
    background-color: #FFF
}

.old-pages .popup-nav-drawer h4 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: .75em 0;
    font-size: 1.35em;
    text-align: center;
    letter-spacing: 2px;
    background-color: whitesmoke;
    cursor: pointer
}

.old-pages .popup-nav-drawer h4 .arrow {
    position: absolute;
    left: .5em;
    top: 50%;
    display: inline-block;
    width: .7em;
    height: .7em;
    font-size: 1.5em;
    color: #81827D;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: auto 100%;
    opacity: .75;
    transform: translateY(-50%) rotate(180deg);
    backface-visibility: hidden
}

.old-pages .popup-nav-drawer ul {
    padding-top: 50px;
    overflow-y: auto;
    height: calc(90vh - 80px)
}

.old-pages .products-collections {
    position: relative;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages .products-collections {
        float: left;
        width: 18%
    }
}

.old-pages .products-collections h2 {
    position: relative;
    padding: .45em 1em;
    border: 1px solid #911E3B;
    margin-bottom: .5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #911E3B
}

.old-pages .products-collections h2.active {
    color: white;
    background-color: #911E3B
}

.old-pages .products-collections h2.active span {
    top: 4px;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_nav_arrow.png") 0 -40px no-repeat;
    transform: rotate(180deg)
}

.old-pages .products-collections h2 span {
    position: absolute;
    top: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_nav_arrow.png") 0 -20px no-repeat
}

@media (min-width: 801px) {
    .old-pages .products-collections h2 span {
        display: none
    }
}

.old-pages .products-collections-content {
    display: none;
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .products-collections-content {
        display: block
    }
}

.old-pages .products-collections-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width: 801px) {
    .old-pages .products-collections-content ul {
        flex-direction: column
    }
}

.old-pages .products-collections-content li {
    float: left;
    display: block;
    width: 50%;
    border-bottom: 1px solid #D8D8D7
}

@media (min-width: 481px) {
    .old-pages .products-collections-content li {
        width: 33.3%
    }
}

@media (min-width: 801px) {
    .old-pages .products-collections-content li {
        width: 100%
    }
}

.old-pages .products-collections-content li a {
    position: relative;
    display: block;
    padding: .75em 2em;
    font-size: 1em;
    color: #555
}

@media (min-width: 801px) {
    .old-pages .products-collections-content li a {
        font-size: 1.25em
    }
}

.old-pages .products-collections-content li a:hover {
    color: #911E3B;
    background-color: whitesmoke
}

.old-pages .products-collections-content li a:before {
    content: "・";
    position: absolute;
    left: .75em;
    top: .75em;
    font-weight: normal
}

.old-pages .products-collections-content li.active a {
    font-weight: bold;
    color: #911E3B
}

.old-pages .products-sort {
    position: relative;
    min-height: 27px;
    padding: 1em 0 .25em;
    border-bottom: 1px solid #D8D8D7;
    background-color: white
}

@media (min-width: 801px) {
    .old-pages .products-sort {
        padding: 1em 0 .35em
    }
}

.old-pages .products-sort.is_stuck {
    z-index: 2;
    border-bottom: 1px solid white
}

.scroll-down .old-pages .products-sort.is_stuck {
    transform: translateY(-80px)
}

.old-pages .products-sort.active-search .search {
    display: block
}

.old-pages .products-sort:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: .5em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat;
    background-size: 100% 100%
}

.old-pages .products-sort h3 {
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    color: #911E3B
}

@media (min-width: 801px) {
    .old-pages .products-sort h3 {
        font-size: 1.5em;
        line-height: 1
    }
}

.old-pages .products-sort .button-collections {
    display: inline-block;
    vertical-align: top;
    padding-right: .75em;
    border-right: 1px solid #D8D8D7;
    font-size: 1em;
    background-color: transparent
}

@media (min-width: 801px) {
    .old-pages .products-sort .button-collections {
        padding-right: 1em;
        font-size: 1.15em
    }
}

.old-pages .products-sort-nav {
    float: right
}

.old-pages .products-sort-nav button {
    vertical-align: top;
    padding: 0;
    padding-left: .75em;
    border: none;
    font-size: 1em;
    outline: none;
    cursor: pointer;
    color: #81827D;
    background-color: transparent
}

.old-pages .products-sort-nav button:first-child {
    border-left: none
}

@media (min-width: 801px) {
    .old-pages .products-sort-nav button {
        padding-left: 1em;
        font-size: 1.15em
    }
}

.old-pages .products-sort-nav button.active a {
    position: relative;
    font-weight: bold;
    color: #911E3B
}

.old-pages .products-sort-nav button.active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.5em;
    width: 2em;
    height: 2px;
    background-color: #911E3B
}

@media (min-width: 801px) {
    .old-pages .products-sort-nav button.active a:after {
        bottom: -1.15em
    }
}

.old-pages .products-list {
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .products-list {
        float: right;
        width: 75%
    }
}

.old-pages .products-list-items ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 1.5em;
    text-align: left
}

.old-pages .products-list-items li {
    position: relative;
    width: 47.5%;
    margin: 2.5% 4.5% 2.5% 0;
    display: block;
    float: left;
    transition: all .35s
}

.old-pages .products-list-items li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 801px) {
    .old-pages .products-list-items li {
        width: 23%;
        padding: 0;
        margin: 2.5% 2.5% 2.5% 0
    }
    .old-pages .products-list-items li:nth-child(2n) {
        margin-right: 2.5%
    }
    .old-pages .products-list-items li:nth-child(4n) {
        margin-right: 0
    }
}

.old-pages .products-list-photo {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #D8D8D7;
    margin-bottom: .5em;
    overflow: hidden;
    background-color: whitesmoke
}

.old-pages .products-list-photo:hover .products-list-cover {
    display: block
}

.old-pages .products-list-photo img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: opacity .75s
}

.old-pages .products-list-photo img.active {
    opacity: 1
}

.old-pages .products-list-photo .products-list-cover {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center
}

.old-pages .products-list-photo .products-list-cover a {
    display: block;
    width: 100%;
    height: 100%
}

.old-pages .products-list-photo .tag-campaign {
    position: absolute;
    top: .75em;
    left: .75em;
    display: inline-block;
    padding: .25em .5em;
    border: 1px solid #B22B4D;
    font-size: 1em;
    line-height: 1.35;
    color: #B22B4D;
    background-color: white
}

.old-pages .products-list-photo .tag-new {
    position: absolute;
    top: 0;
    right: .75em;
    display: inline-block;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.35;
    color: white;
    background-color: #bda114
}

.old-pages .products-list-photo .tag-new .tag-new-content {
    position: relative;
    padding: .35em .5em .15em
}

.old-pages .products-list-photo .tag-new .tag-new-content:before,
.old-pages .products-list-photo .tag-new .tag-new-content:after {
    content: '';
    position: absolute;
    top: 95%
}

.old-pages .products-list-photo .tag-new .tag-new-content:before {
    left: 0;
    border-top: 1em solid #bda114;
    border-right: 2.5em solid transparent
}

.old-pages .products-list-photo .tag-new .tag-new-content:after {
    right: 0;
    border-top: 1em solid #bda114;
    border-left: 2.5em solid transparent
}

.old-pages .products-list-text h3 {
    min-height: 3em;
    font-size: 1.25em;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .products-list-text h3 {
        min-height: 3.25em;
        font-size: 1.35em
    }
}

.old-pages .products-list-text h4 {
    margin-bottom: .35em;
    font-size: 1.15em;
    line-height: 1.5
}

.old-pages .products-list-text h4 span {
    padding-left: .35em;
    font-size: 1.25em;
    color: #ff1a55
}

.old-pages .products-list-text .market-price {
    display: inline-block;
    padding-left: 0;
    margin-right: .5em;
    font-size: 1em;
    text-decoration: line-through;
    color: #262626
}

.old-pages .products-list-text h5 {
    display: inline-block;
    font-size: 1.15em;
    line-height: 1.5;
    font-weight: normal;
    color: #81827D
}

.old-pages .products-list-text .button {
    padding: .25em .5em;
    margin: .5em 0;
    font-size: 1em;
    line-height: 1
}

@media (min-width: 801px) {
    .old-pages .products-list-text .button {
        bottom: .9em;
        padding: .35em .75em;
        font-size: 1.15em
    }
}

.old-pages .products-list-button {
    text-align: center
}

.old-pages .products-list-button button {
    width: 200px;
    padding: .25em 1.5em;
    font-size: 2em;
    background-color: white;
    cursor: pointer
}

.old-pages .reviews-ratingStar {
    position: relative;
    padding: 0;
    margin-top: -3px;
    display: inline-block;
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: .75em
}

.old-pages .reviews-ratingStar .reviews-ratingStar-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 0;
    color: #bda114
}

.old-pages .reviews-ratingStar .reviews-ratingStar-top span {
    font-size: 2em;
    line-height: 2
}

.old-pages .reviews-ratingStar .reviews-ratingStar-bottom span {
    font-size: 2em;
    line-height: 2
}

.old-pages .reviews-ratingStar-count {
    padding-right: 1em
}

.old-pages:not(.article) .main .cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 3em
}

.old-pages:not(.article) .main .cards.hide {
    display: none
}

.old-pages:not(.article) .main .card {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 46%;
    border: 1px solid #D8D8D7;
    padding-bottom: 4em;
    margin: 0 2% 2em;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(31, 17, 34, 0.1)
}

.old-pages:not(.article) .main .card:hover {
    border: 1px solid #D8D8D7;
    box-shadow: 0 3px 15px rgba(31, 17, 34, 0.15)
}

@media (min-width: 801px) {
    .old-pages:not(.article) .main .card {
        width: 23.5%;
        margin: 0 2% 2em 0
    }
    .old-pages:not(.article) .main .card:nth-child(4n) {
        margin-right: 0
    }
}

.old-pages:not(.article) .main .card .card-image {
    position: relative
}

.old-pages:not(.article) .main .card .card-image:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%;
    background: linear-gradient(to top, rgba(31, 17, 34, 0.45), transparent)
}

.old-pages:not(.article) .main .card .card-image h3 {
    position: absolute;
    left: 0;
    bottom: .5em;
    z-index: 1;
    padding: 0 .75em;
    font-size: 1.5em;
    font-size: 1.15em;
    line-height: 1.35;
    color: white;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.85), 0 0 5px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages:not(.article) .main .card .card-image h3 {
        padding: 0 .5em;
        font-size: 1.65em;
        letter-spacing: 1px
    }
}

@media (min-width: 801px) {
    .old-pages:not(.article) .main .card .card-image h3 {
        padding: 0 .6em
    }
}

.old-pages:not(.article) .main .card .card-image h3 span {
    display: inline-block;
    font-size: 1em;
    font-weight: inherit
}

.old-pages:not(.article) .main .card a {
    position: relative;
    display: block
}

.old-pages:not(.article) .main .card a img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: opacity .75s
}

.old-pages:not(.article) .main .card a img.active {
    opacity: 1
}

.old-pages:not(.article) .main .card h4 {
    padding: .75em;
    font-size: 1.15em;
    font-weight: 400;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages:not(.article) .main .card h4 {
        font-size: 1.25em
    }
}

.old-pages:not(.article) .main .card h4 span {
    font-weight: inherit;
    color: #911E3B
}

.old-pages:not(.article) .main .card-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4em;
    border-top: 1px solid whitesmoke
}

.old-pages:not(.article) .main .card-bottom span {
    padding-left: 1em;
    font-size: .9em;
    line-height: 4.5em;
    color: #81827D
}

@media (min-width: 801px) {
    .old-pages:not(.article) .main .card-bottom span {
        font-size: 1em;
        line-height: 4em
    }
}

.old-pages:not(.article) .main .card-bottom .button {
    position: absolute;
    right: .9em;
    bottom: 1.15em;
    padding: .25em .35em;
    font-size: 1em;
    line-height: 1
}

@media (min-width: 801px) {
    .old-pages:not(.article) .main .card-bottom .button {
        bottom: .9em;
        padding: .35em .75em;
        font-size: 1.15em
    }
}

.old-pages .search-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    margin: -9px 0 0 .5em;
    background: transparent url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_search.svg") center center no-repeat;
    background-size: 70%;
    outline: none;
    cursor: pointer
}

.old-pages .search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.old-pages .search-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(31, 17, 34, 0.5)
}

.old-pages .search-inner {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    background-color: white
}

.old-pages .search-form {
    position: relative;
    box-sizing: border-box;
    max-width: 960px;
    padding: 0 2% 0 2%
}

.old-pages .search-form input[type=text] {
    width: 88%;
    height: 40px;
    box-sizing: border-box;
    padding: 0;
    border: none;
    border-bottom: 1px solid #81827D;
    margin-right: .25em;
    font-size: 2em;
    line-height: 30px;
    color: #911E3B;
    outline: none
}

@media (min-width: 801px) {
    .old-pages .search-form input[type=text] {
        width: 92%;
        font-size: 2.5em
    }
}

.old-pages .search-form input[type=text]::-webkit-input-placeholder {
    color: #b7b7b7
}

.old-pages .search-form input[type=text]::-moz-placeholder {
    color: #b7b7b7
}

.old-pages .search-form input[type=text]:-ms-input-placeholder {
    color: #b7b7b7
}

.old-pages .search-form input[type=text]:-moz-placeholder {
    color: #b7b7b7
}

.old-pages .search-form input[type=submit] {
    position: absolute;
    right: 14%;
    top: 0;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 0 0 0 1em;
    border: none;
    font-size: 1em;
    border-radius: 0;
    background: transparent url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_search.svg") center center no-repeat;
    cursor: pointer;
    outline: none;
    opacity: .75
}

.old-pages .search-form input[type=submit]:hover {
    opacity: 1
}

@media (min-width: 801px) {
    .old-pages .search-form input[type=submit] {
        right: 10%
    }
}

.old-pages .search-form .search-close {
    position: absolute;
    right: 2%;
    top: 8px;
    padding: 0 2%;
    font-size: 2em;
    color: #911E3B;
    cursor: pointer
}

.old-pages .search-result {
    padding: 1em 0 0
}

.old-pages .search-result p {
    font-size: 1em
}

@media (min-width: 801px) {
    .old-pages .search-result p {
        font-size: 1.15em
    }
}

.old-pages .main {
    padding: 2%
}

.old-pages .sub {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .sub {
        float: left;
        width: 20%;
        padding: 0 2%;
        display: block
    }
}

.old-pages .sub h2 {
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid whitesmoke;
    padding: 15px 0 5px 0;
    margin-bottom: 15px
}

.old-pages .sub ul li {
    font-size: 1.5em;
    border-bottom: 1px solid whitesmoke
}

.old-pages .sub ul li a {
    display: block;
    padding: .5em;
    color: #911E3B
}

.old-pages .relate {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.03), 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: white
}

@media (min-width: 801px) {
    .old-pages .relate {
        width: 68%;
        padding: 0 2em 25px
    }
}

.old-pages .member {
    width: 96%;
    max-width: 960px;
    margin: 0 auto
}

.old-pages .member-inner {
    display: flex;
    flex-direction: column;
    min-height: 400px
}

@media (min-width: 481px) {
    .old-pages .member-inner {
        flex-direction: row;
        border: 1px solid #D8D8D7;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(31, 17, 34, 0.1)
    }
}

.old-pages .member-nav {
    width: 100%
}

@media (min-width: 481px) {
    .old-pages .member-nav {
        width: 25%;
        border-right: 1px solid #D8D8D7;
        background-color: whitesmoke
    }
}

.old-pages .member-nav ul {
    text-align: center
}

@media (min-width: 481px) {
    .old-pages .member-nav ul {
        text-align: left
    }
}

.old-pages .member-nav li {
    display: inline-block
}

@media (min-width: 481px) {
    .old-pages .member-nav li {
        width: 100%
    }
}

.old-pages .member-nav a {
    display: block;
    height: 40px;
    padding: 0 1em;
    border: 2px solid #b7b7b7;
    margin: .2em;
    font-size: 1em;
    line-height: 40px;
    color: #262626;
    border-radius: 3px
}

.old-pages .member-nav a:hover {
    background-color: white
}

.old-pages .member-nav a.active {
    border: 2px solid #911E3B;
    color: white;
    background-color: #911E3B
}

@media (min-width: 481px) {
    .old-pages .member-nav a {
        width: 90%;
        border: none;
        padding: 0 5%;
        margin: 0;
        font-size: 1.15em;
        border-radius: 0
    }
    .old-pages .member-nav a.active {
        position: relative;
        border: none;
        border-radius: 0
    }
    .old-pages .member-nav a.active:after {
        content: '';
        position: absolute;
        right: -12px;
        top: 50%;
        border-left: 12px solid #911E3B;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        margin-top: -20px
    }
}

@media (min-width: 801px) {
    .old-pages .member-nav a {
        font-size: 1.25em
    }
}

.old-pages .member-content {
    width: 80%;
    padding: 2em 10%
}

@media (min-width: 481px) {
    .old-pages .member-content {
        width: 90%;
        padding: 3em 5%
    }
}

.old-pages .memberForm {
    padding: 2%
}

@media (min-width: 801px) {
    .old-pages .memberForm {
        max-width: 750px;
        margin: 0 auto
    }
}

.old-pages .memberForm-inner {
    position: relative
}

.old-pages .memberForm-inner .memberForm-top {
    margin: 1em 0 2em
}

.old-pages .memberForm-inner .memberForm-top h2 {
    margin: 0 0 .5em;
    font-size: 1.5em;
    line-height: 1.15;
    text-align: center;
    color: #262626
}

@media (min-width: 481px) {
    .old-pages .memberForm-inner .memberForm-top h2 {
        font-size: 1.75em
    }
}

.old-pages .memberForm-inner .memberForm-top h3 {
    padding: .35em 0;
    margin: 0 0 .2em;
    font-size: 1em;
    letter-spacing: 2px;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages .memberForm-inner .memberForm-top h3 {
        font-size: 1.15em
    }
}

.old-pages .memberForm-inner .memberForm-top h3 span {
    font-size: 1em;
    font-weight: bold;
    color: #ff1a55
}

.old-pages .memberForm-inner .memberForm-top ul {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    border-radius: 2px;
    border-top: 1px solid #D8D8D7;
    border-bottom: 1px solid #D8D8D7;
    background-color: #FAFAFA
}

@media (min-width: 801px) {
    .old-pages .memberForm-inner .memberForm-top ul {
        text-align: center
    }
}

.old-pages .memberForm-inner .memberForm-top li {
    display: block;
    float: left;
    clear: none;
    width: 46%;
    padding: 0 2%;
    margin: .35em 0;
    font-size: 1em
}

@media (min-width: 801px) {
    .old-pages .memberForm-inner .memberForm-top li {
        display: inline-block;
        float: none;
        width: auto;
        padding: .5em 1em;
        font-size: 1.25em
    }
}

.old-pages .memberForm-inner .memberForm-top li span {
    padding-right: .2em;
    font-size: 1em;
    color: #03b381
}

.old-pages .memberForm-inner ul {
    width: 90%;
    padding-left: 5%
}

@media (min-width: 801px) {
    .old-pages .memberForm-inner ul {
        width: 95%
    }
}

.old-pages .memberForm-inner li {
    display: block;
    clear: both;
    width: 95%;
    padding: 2% 0 1em
}

.old-pages .memberForm-inner li.half-column {
    width: 100%;
    float: left;
    clear: none
}

@media (min-width: 801px) {
    .old-pages .memberForm-inner li.half-column {
        width: 45%;
        padding-right: 5%;
        height: 60px
    }
}

.old-pages .memberForm-inner li span {
    color: #262626;
    font-size: 1.2em;
    line-height: 1.5
}

.old-pages .memberForm-inner li span span {
    font-size: 1em;
    padding: 0 .5em 0 5px
}

.old-pages .memberForm-inner li span.tab {
    display: block;
    width: 100%;
    font-size: 1.35em;
    font-weight: bold
}

.old-pages .memberForm-inner li span.tab span {
    font-size: .813em;
    color: #81827D
}

.old-pages .memberForm-inner li span.tab span.star {
    padding: 0;
    color: #911E3B
}

.old-pages .memberForm-inner li .birthday input {
    margin-right: .25em
}

.old-pages .memberForm-inner input[type="text"],
.old-pages .memberForm-inner input[type="tel"],
.old-pages .memberForm-inner input[type="password"],
.old-pages .memberForm-inner input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 10px;
    outline: none;
    transition: .5s all
}

.old-pages .memberForm-inner input[type="radio"],
.old-pages .memberForm-inner input[type="checkbox"] {
    height: auto;
    border: none;
    box-shadow: none
}

.old-pages .memberForm-inner select {
    width: 80px;
    height: 28px;
    margin: 0 10px 10px 0;
    outline: none
}

.old-pages .memberForm-action {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 6em;
    text-align: center
}

.old-pages .memberForm-action .prev-btn {
    width: 120px;
    height: 35px;
    margin: 0 .5em;
    font-size: 1.35em;
    line-height: 35px;
    vertical-align: top
}

.old-pages .memberForm-action .next-btn {
    width: 120px;
    height: 35px;
    margin: 0 .5em;
    font-size: 1.35em;
    line-height: 35px
}

.old-pages .member-table {
    margin-bottom: 1em
}

.old-pages .member-table .note {
    padding: 1em 0;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages .member-table .note {
        text-align: right
    }
}

.old-pages .member-table thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
    color: white
}

@media (min-width: 801px) {
    .old-pages .member-table thead {
        position: static
    }
}

.old-pages .member-table thead th {
    padding: .75em .5em;
    font-size: 1.15em;
    text-align: center
}

.old-pages .member-table thead tr {
    background-color: #1F1122
}

.old-pages .member-table thead:hover,
.old-pages .member-table thead tr:hover {
    background-color: #1F1122
}

.old-pages .member-table td:before {
    color: #911E3B
}

.old-pages .member-table table {
    width: 100%
}

.old-pages .member-table tr {
    display: block;
    border: 1px solid #D8D8D7;
    margin-bottom: .5em;
    background-color: white
}

@media (min-width: 801px) {
    .old-pages .member-table tr {
        display: table-row;
        margin-bottom: 0;
        border: none
    }
}

.old-pages .member-table td {
    display: block;
    padding: 1em .5em;
    font-size: 1.15em;
    border-bottom: 1px solid #D8D8D7
}

@media (min-width: 801px) {
    .old-pages .member-table td {
        text-align: center
    }
}

.old-pages .member-table td:before {
    content: attr(data-title);
    padding-right: 1em;
    white-space: nowrap;
    font-weight: bold
}

@media (min-width: 801px) {
    .old-pages .member-table td:before {
        display: none
    }
}

@media (min-width: 801px) {
    .old-pages .member-table td {
        display: table-cell
    }
}

.old-pages .member-table a {
    color: #911E3B
}

.old-pages .member-table .button {
    padding: .25em .5em
}

.old-pages .products-footer {
    padding: 5em 0 2em;
    background-color: #6C0A26;
    text-align: center
}

.old-pages .products-footer-content {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 380px;
    padding: 0 3%;
    margin: 0 auto 4em;
    text-align: left
}

@media (min-width: 801px) {
    .old-pages .products-footer-content {
        width: 400px;
        max-width: 50%;
        padding: 0 1%;
        margin-bottom: 2em
    }
}

.old-pages .products-footer-content .icon {
    padding-right: .5em;
    float: left
}

.old-pages .products-footer-content .text {
    float: left;
    width: 80%
}

.old-pages .products-footer-content .text h3 {
    font-size: 1.5em;
    color: white
}

@media (min-width: 481px) {
    .old-pages .products-footer-content .text h3 {
        font-size: 1.75em
    }
}

.old-pages .products-footer-content .text p {
    font-size: 1.15em;
    color: white
}

@media (min-width: 481px) {
    .old-pages .products-footer-content .text p {
        font-size: 1.25em
    }
}

.old-pages .products-footer-content .text a {
    color: white
}

.old-pages .products-footer-content .text .button {
    display: inline-block;
    padding: .5em 1em;
    margin: 1em .5em 1em 0;
    font-size: 1.15em;
    color: white;
    border: 1px solid white;
    border-radius: 3em
}

@media (min-width: 481px) {
    .old-pages .products-footer-content .text .button {
        font-size: 1.25em
    }
}

.old-pages .products-footer-content .text .button:hover {
    color: #262626;
    background-color: #FFF;
    opacity: .85
}

.old-pages .products-footer-content .text .button.button-popup-collections {
    color: #911E3B;
    background-color: #FFF
}

.old-pages.month {
    font-size: 12px
}

.old-pages.month .main-content:after {
    content: " ";
    display: block;
    clear: both
}

.old-pages.month .vip-title h3 {
    color: #FCBA00
}

.old-pages.month h3.title {
    font-size: 2.5em
}

.old-pages.month .banner {
    position: relative;
    width: 100%;
    padding: 0
}

.old-pages.month .banner-image img {
    display: block;
    width: 100%
}

.old-pages.month .banner-text {
    position: absolute;
    top: 50%;
    display: table;
    width: 100%;
    transform: translateY(-50%)
}

.old-pages.month .banner-text-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.old-pages.month .banner-text-content h1 {
    margin-bottom: .25em;
    font-size: 2em;
    line-height: 1.25;
    font-weight: 400;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 481px) {
    .old-pages.month .banner-text-content h1 {
        font-size: 3.25em
    }
}

@media (min-width: 801px) {
    .old-pages.month .banner-text-content h1 {
        font-size: 5em
    }
}

.old-pages.month .banner-text-content h2 {
    margin-bottom: .75em;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: 400;
    color: white;
    text-shadow: 0 2px 10px #262626
}

.old-pages.month .banner-text-content h2 span {
    display: inline-block;
    font-size: 1em
}

@media (min-width: 481px) {
    .old-pages.month .banner-text-content h2 {
        font-size: 1.75em
    }
}

@media (min-width: 801px) {
    .old-pages.month .banner-text-content h2 {
        font-size: 2.25em
    }
}

.old-pages.month .banner-text-content p {
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.75;
    color: white;
    text-shadow: 0 1px 3px #262626
}

@media (min-width: 481px) {
    .old-pages.month .banner-text-content p {
        font-size: 1.25em
    }
}

@media (min-width: 801px) {
    .old-pages.month .banner-text-content p {
        font-size: 1.5em
    }
}

.old-pages.month .banner-text-content .button {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: .75em 0;
    border: none;
    margin: 0 .5em 1em;
    font-size: 1.5em;
    font-weight: bold;
    color: #911E3B;
    background-color: white;
    border-radius: 50px;
    transition: .35s all
}

@media (min-width: 801px) {
    .old-pages.month .banner-text-content .button {
        padding: 1em 0;
        width: 250px;
        font-size: 2em
    }
}

.old-pages.month .banner-text-content .button:hover {
    color: white;
    background-color: #911E3B
}

.old-pages.month .partners {
    width: 100%;
    padding: 3em 0 4em;
    text-align: center;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.old-pages.month .partners ul {
    width: 100%;
    text-align: center;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages.month .partners ul {
        width: 90%;
        margin: 0 auto
    }
}

.old-pages.month .partners a {
    display: block;
    width: 120px;
    height: 48px
}

.old-pages.month .partners li {
    display: inline-block;
    width: 120px;
    height: 48px;
    margin: 1em;
    background-size: 200%;
    background-repeat: no-repeat
}

@media (min-width: 801px) {
    .old-pages.month .partners li {
        margin: 1em 2em
    }
}

.old-pages.month .partners li:nth-child(1) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 0
}

.old-pages.month .partners li:nth-child(2) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 11.11%
}

.old-pages.month .partners li:nth-child(3) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 22.22%
}

.old-pages.month .partners li:nth-child(4) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 33.33%
}

.old-pages.month .partners li:nth-child(5) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 44.44%
}

.old-pages.month .partners li:nth-child(6) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 55.55%
}

.old-pages.month .partners li:nth-child(7) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 66.66%
}

.old-pages.month .partners li:nth-child(8) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 77.77%
}

.old-pages.month .partners li:nth-child(9) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 88.88%
}

.old-pages.month .partners li:nth-child(10) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 99.99%
}

.old-pages.month .intro {
    display: table;
    width: 100%;
    height: 320px;
    text-align: center;
    background: #1F1122 url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/join_intro_bg.jpg") center center no-repeat;
    background-size: cover
}

@media (min-width: 801px) {
    .old-pages.month .intro {
        height: 450px
    }
}

.old-pages.month .intro-text {
    display: table-cell;
    vertical-align: middle
}

.old-pages.month .intro-text h2 {
    margin-bottom: .35em;
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 801px) {
    .old-pages.month .intro-text h2 {
        font-size: 4em
    }
}

.old-pages.month .intro-text p {
    font-size: 1.25em;
    line-height: 1.75;
    margin: 1em 0 0;
    color: white;
    text-shadow: 0 2px 3px #262626
}

@media (min-width: 801px) {
    .old-pages.month .intro-text p {
        font-size: 1.75em
    }
}

.old-pages.month .team {
    padding: 5em 0 3em;
    background: #1F1122 url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

.old-pages.month .team-banner {
    position: relative;
    height: 250px;
    width: 100%;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/banner/about_service.jpg") center top no-repeat;
    background-size: cover;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.month .team-banner {
        height: 450px;
        background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_team.jpg") center center no-repeat;
        background-size: cover
    }
}

.old-pages.month .team-banner h3 {
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    line-height: 2;
    color: white;
    text-shadow: 0 2px 10px #262626;
    transform: translateY(50%)
}

@media (min-width: 801px) {
    .old-pages.month .team-banner h3 {
        bottom: 8%;
        font-size: 4em;
        transform: translateY(0)
    }
}

.old-pages.month .team-intro ul {
    padding: 0 2%
}

@media (min-width: 481px) {
    .old-pages.month .team-intro ul {
        padding: 0
    }
}

.old-pages.month .team-intro li {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 3em
}

@media (min-width: 481px) {
    .old-pages.month .team-intro li {
        width: 31%;
        margin-right: 3.5%
    }
    .old-pages.month .team-intro li:last-child {
        margin-right: 0
    }
}

.old-pages.month .team-intro img {
    margin-bottom: 1em
}

.old-pages.month .team-intro h3 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .25em;
    color: #FCBA00
}

@media (min-width: 481px) {
    .old-pages.month .team-intro h3 {
        font-size: 1.75em
    }
}

.old-pages.month .team-intro p {
    font-size: 1.15em;
    color: white
}

@media (min-width: 481px) {
    .old-pages.month .team-intro p {
        font-size: 1.35em
    }
}

.old-pages.month .process {
    width: 100%
}

.old-pages.month .process .process-inner {
    width: 90%;
    max-width: 1100px;
    height: 450px;
    margin: 0 auto;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_delivery_process_m.png") center center no-repeat;
    background-size: auto 80%
}

@media (min-width: 481px) {
    .old-pages.month .process .process-inner {
        height: 650px
    }
}

@media (min-width: 801px) {
    .old-pages.month .process .process-inner {
        padding: 2em 0;
        height: 250px;
        width: 96%;
        min-width: 800px;
        background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_delivery_process.png") center center no-repeat;
        background-size: 100% auto
    }
}

.old-pages.month .benefits {
    padding: 3em 0 6em;
    background-color: #1F1122
}

@media (min-width: 801px) {
    .old-pages.month .benefits {
        background-color: #1F1122
    }
}

.old-pages.month .benefits-description {
    padding: 0 2%
}

@media (min-width: 801px) {
    .old-pages.month .benefits-description {
        padding: 0 10%
    }
}

.old-pages.month .benefits-description .benefits-section {
    margin-bottom: 2em;
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.month .benefits-description .benefits-section {
        float: left;
        width: 32%;
        margin-right: 1.5%
    }
    .old-pages.month .benefits-description .benefits-section:last-child {
        margin-right: 0
    }
}

.old-pages.month .benefits-description img.benefits-icon {
    float: left;
    width: 15%;
    padding-right: 3%
}

.old-pages.month .benefits-description .benefits-text {
    float: left;
    width: 82%
}

.old-pages.month .benefits-description h3 {
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: .25em;
    color: #FCBA00
}

@media (min-width: 481px) {
    .old-pages.month .benefits-description h3 {
        font-size: 1.75em
    }
}

.old-pages.month .benefits-description p {
    margin-bottom: .5em;
    text-align: left;
    font-size: 1.15em;
    color: white
}

@media (min-width: 481px) {
    .old-pages.month .benefits-description p {
        font-size: 1.35em
    }
}

.old-pages.month .benefits-description a.button {
    padding: 0 1em;
    height: 25px;
    font-size: 1.15em;
    line-height: 25px
}

.old-pages.month .feedback {
    padding: 3em 0 6em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

.old-pages.month .feedback-content .feedback-item {
    padding: 0 1.5em
}

@media (min-width: 801px) {
    .old-pages.month .feedback-content .feedback-item {
        padding: 0 1em
    }
}

.old-pages.month .feedback-content .feedback-image {
    width: 100%;
    margin-bottom: 1em
}

.old-pages.month .feedback-content .feedback-text {
    width: 100%
}

.old-pages.month .feedback-content .feedback-text p {
    margin-bottom: .5em;
    font-size: 1.15em;
    line-height: 1.65
}

.old-pages.month .feedback-content .feedback-text p.hangtag {
    font-size: 1em;
    color: #486884
}

.old-pages.month .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.old-pages.month .owl-carousel {
    width: 90%;
    padding: 0 5%
}

@media (min-width: 801px) {
    .old-pages.month .owl-carousel {
        width: 94%;
        padding: 0 3%
    }
}

.old-pages.month .owl-theme .owl-controls .owl-buttons .owl-prev,
.old-pages.month .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    width: 1.25em;
    height: 3em;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
    font-size: 3em;
    background-color: transparent;
    opacity: .5;
    transform: translateY(-50%)
}

.old-pages.month .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_left.svg") center center no-repeat;
    background-size: 20px
}

.old-pages.month .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: 20px
}

.old-pages.month .video {
    width: 96%;
    margin: 0 2% 3em
}

@media (min-width: 801px) {
    .old-pages.month .video {
        float: right;
        width: 55%;
        margin: 0
    }
}

.old-pages.month .video-content {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    border-radius: 5px
}

.old-pages.month .video-content iframe,
.old-pages.month .video-content object,
.old-pages.month .video-content embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.old-pages.month .pricing {
    padding: 3em 0;
    background-color: whitesmoke
}

.old-pages.month .wineclubPlans {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 92em;
    padding: 0 1em;
    margin: 3em auto 0
}

@media (min-width: 481px) {
    .old-pages.month .wineclubPlans {
        flex-direction: row
    }
}

@media (min-width: 801px) {
    .old-pages.month .wineclubPlans {
        padding: 0 1em 6em
    }
}

.old-pages.month .wineclubPlan {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 4.5em 3em;
    margin: 0 0 2em;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

@media (min-width: 481px) {
    .old-pages.month .wineclubPlan {
        margin: 1em .5em;
        padding: 1em 1em 2em
    }
}

@media (min-width: 801px) {
    .old-pages.month .wineclubPlan {
        padding: 1em 3em 3em
    }
}

.old-pages.month .wineclubPlan:nth-child(2) {
    z-index: 1;
    order: -1
}

@media (min-width: 481px) {
    .old-pages.month .wineclubPlan {
        width: 30%;
        max-width: 350px
    }
    .old-pages.month .wineclubPlan:nth-child(2) {
        order: 0;
        transform: scale(1.1)
    }
}

.old-pages.month .wineclubPlan img.hot {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px
}

.old-pages.month .wineclubPlan img.wine {
    width: 100px;
    margin: 0 auto
}

.old-pages.month .wineclubPlan h3 {
    margin: 0 0 .25em;
    font-size: 1.75em;
    font-weight: 400;
    text-align: center;
    line-height: 1.35;
    letter-spacing: 2px;
    color: #555
}

@media (min-width: 801px) {
    .old-pages.month .wineclubPlan h3 {
        font-size: 2.5em
    }
}

.old-pages.month .wineclubPlan .price {
    padding: 1em 0
}

.old-pages.month .wineclubPlan .price p {
    margin-bottom: .5em;
    font-size: 1.25em;
    line-height: 1.75;
    letter-spacing: 1px
}

@media (min-width: 801px) {
    .old-pages.month .wineclubPlan .price p {
        font-size: 1.65em
    }
}

.old-pages.month .wineclubPlan .price span {
    padding-bottom: .5em;
    font-size: 4em;
    letter-spacing: 3px;
    color: #ff1a55
}

@media (min-width: 481px) {
    .old-pages.month .wineclubPlan .price span {
        font-size: 2.5em
    }
}

@media (min-width: 801px) {
    .old-pages.month .wineclubPlan .price span {
        font-size: 4em
    }
}

.old-pages.month .wineclubPlan .price span sup {
    font-size: .5em
}

.old-pages.month .wineclubPlan ul {
    margin-bottom: 1.5em;
    padding-left: 15px
}

.old-pages.month .wineclubPlan li {
    margin-bottom: .5em;
    font-size: 1.15em;
    line-height: 1.5;
    text-indent: -15px;
    text-align: left;
    color: #555
}

.old-pages.month .wineclubPlan li span {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: 0 8px 2px 0;
    border-radius: 4px;
    background-color: #ff1a55
}

.old-pages.month .wineclubPlan a.button {
    display: block;
    width: 100%;
    font-size: 1.75em;
    line-height: 2;
    font-weight: lighter;
    letter-spacing: 2px;
    color: white;
    background-color: #ff1a55;
    border-radius: 5px
}

.old-pages.month .wineclubPlan a.button:hover {
    opacity: .85
}

.old-pages.month .faq {
    padding: 2em 0 4em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.old-pages.month .faq li {
    margin-bottom: 1em;
    cursor: pointer
}

.old-pages.month .faq h4 {
    padding: 6px 15px;
    border-bottom: 1px solid #262626;
    margin-bottom: .5em;
    font-size: 1.5em;
    font-weight: normal;
    color: white
}

@media (min-width: 481px) {
    .old-pages.month .faq h4 {
        font-size: 1.75em
    }
}

.old-pages.month .faq h4 img {
    width: 30px;
    vertical-align: middle
}

.old-pages.month .faq p {
    display: none;
    padding: 6px 15px 15px;
    font-size: 1.15em;
    line-height: 1.5;
    color: #b7b7b7
}

@media (min-width: 481px) {
    .old-pages.month .faq p {
        font-size: 1.25em
    }
}

.old-pages.month .faq li.active p {
    display: block
}

.old-pages.month .contact-us {
    padding: 0 0 6em;
    font-size: 1.15em;
    text-align: center;
    color: #b7b7b7;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.old-pages.month .contact-us a {
    display: inline-block;
    border-bottom: 2px solid #FCBA00;
    cursor: pointer;
    line-height: 1.35;
    color: #FCBA00
}

.old-pages.month .contact-us .fb-like-box {
    width: 320px;
    padding-top: 1.35em;
    margin: 0 auto;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages .about {
        margin: 0 10% 5%
    }
}

.old-pages .about-inner {
    padding: 0 2%;
    margin-bottom: 3%;
    text-align: left
}

@media (min-width: 801px) {
    .old-pages .about-inner {
        padding: 0
    }
}

.old-pages .about-inner h1 {
    margin: 2em 0 .5em;
    font-size: 2.5em;
    line-height: 1.35;
    text-align: center
}

.old-pages .about-inner h3 {
    font-size: 1.35em;
    text-align: center;
    line-height: 1.35;
    margin-bottom: 1em
}

@media (min-width: 801px) {
    .old-pages .about-inner h3 {
        font-size: 1.75em
    }
}

.old-pages .about-inner p {
    font-size: 1.25em;
    text-align: justify;
    margin-bottom: .75em
}

@media (min-width: 801px) {
    .old-pages .about-inner p {
        font-size: 1.5em
    }
}

.old-pages .about-inner img {
    display: block;
    width: 100%;
    margin-bottom: .75em
}

.old-pages .about-inner .btn {
    text-align: center;
    clear: both
}

.old-pages .about-inner .btn a.btn-join {
    font-size: 1.8em;
    padding: .5em 3em;
    display: inline-block;
    border: none;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #911E3B;
    color: white;
    -webkit-appearance: none;
    background: linear-gradient(#911E3B, #6C0A26);
    transition: all 0.5s;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .about-team {
    margin-top: 2em
}

.old-pages .about-team ul {
    display: block
}

.old-pages .about-team ul:before,
.old-pages .about-team ul:after {
    display: table;
    content: "";
    line-height: 0
}

.old-pages .about-team ul:after {
    clear: both
}

.old-pages .about-team li {
    position: relative;
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1.25em
}

.old-pages .about-team li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 801px) {
    .old-pages .about-team li {
        width: 23.5%;
        margin-right: 2%
    }
    .old-pages .about-team li:nth-child(2n) {
        margin-right: 2%
    }
    .old-pages .about-team li:last-child {
        margin-right: 0
    }
}

.old-pages .about-team li a {
    display: block
}

.old-pages .about-team li a:hover {
    opacity: .85
}

.old-pages .about-team li img {
    display: block;
    margin: 0
}

.old-pages .about-team li span.name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 95%;
    padding: 10% 2.5% 3%;
    display: block;
    font-size: 1.15em;
    color: white;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75))
}

.old-pages .about-team li span.button {
    position: absolute;
    right: .5em;
    bottom: .5em;
    display: block;
    padding: 0 .75em;
    line-height: 1.5;
    display: inline-block;
    border: 1px solid white;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-align: center;
    color: white;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 3em;
    cursor: pointer;
    outline: none
}

.old-pages .about-team li a.btn-more:hover span.button {
    color: black;
    background-color: white
}

.old-pages .about-partner ul {
    display: block
}

.old-pages .about-partner ul:before,
.old-pages .about-partner ul:after {
    display: table;
    content: "";
    line-height: 0
}

.old-pages .about-partner ul:after {
    clear: both
}

.old-pages .about-partner li {
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1.75em;
    text-align: center
}

.old-pages .about-partner li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 481px) {
    .old-pages .about-partner li {
        width: 23.5%;
        margin-right: 2%
    }
    .old-pages .about-partner li:nth-child(2n) {
        margin-right: 2%
    }
    .old-pages .about-partner li:last-child {
        margin-right: 0
    }
}

.old-pages .about-partner li img {
    border: 1px solid #D8D8D7
}

.old-pages .about-partner li span {
    font-size: 1.15em
}

.old-pages .about-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200
}

.old-pages .lightbox-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    padding-bottom: 3%;
    overflow: hidden
}

.old-pages .lightbox-area:before,
.old-pages .lightbox-area:after {
    display: table;
    content: "";
    line-height: 0
}

.old-pages .lightbox-area:after {
    clear: both
}

@media (min-width: 481px) {
    .old-pages .lightbox-area {
        top: 3%;
        left: 50%;
        width: 400px;
        margin-left: -200px
    }
}

.old-pages .lightbox-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.old-pages .about-lightbox-inner {
    position: absolute;
    top: 0;
    max-height: 90%;
    padding: 0;
    margin: 3%;
    font-size: 1.2em;
    background-color: white;
    z-index: 200;
    overflow-y: scroll
}

.old-pages .about-lightbox-inner:before,
.old-pages .about-lightbox-inner:after {
    display: table;
    content: "";
    line-height: 0
}

.old-pages .about-lightbox-inner:after {
    clear: both
}

.old-pages .about-lightbox-inner .btn-close {
    position: absolute;
    top: .5em;
    right: .5em;
    cursor: pointer
}

.old-pages .about-lightbox-main {
    width: 100%
}

.old-pages .about-lightbox-main h3 {
    padding: .25em 0 0;
    font-size: 1.75em;
    font-weight: bold;
    color: #911E3B
}

.old-pages .about-lightbox-main img {
    margin-bottom: .25em
}

.old-pages .about-lightbox-main p {
    font-size: 1.15em;
    line-height: 1.65
}

.old-pages .about-lightbox-main a {
    border-bottom: 1px solid #911E3B;
    color: #911E3B
}

.old-pages .about-lightbox-des {
    padding: 0 1.75em 1.5em
}

.old-pages.marketplace .marketplaces-products-list {
    padding: 3em 1em
}

.old-pages.marketplace .products-description p {
    font-size: 1.35em;
    font-weight: 400;
    line-height: 1.75;
    padding: 0 0 1em;
    color: #555
}

@media (min-width: 801px) {
    .old-pages.marketplace .products-description p {
        padding: 0 0 .5em;
        margin: 0 auto;
        font-size: 1.5em
    }
}

.old-pages.marketplace .products-description p span {
    display: inline-block
}

.old-pages.marketplace .products-description h1 {
    margin: 1em 0 .25em;
    font-size: 2.75em;
    font-weight: normal;
    text-align: center;
    line-height: 1.25;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .products-description h1 {
        font-size: 4em
    }
}

.old-pages.marketplace .products-description h2 {
    margin: 1em 0;
    font-size: 2.25em;
    font-weight: 500;
    text-align: center;
    line-height: 1.35;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .products-description h2 {
        font-size: 3.25em
    }
}

.old-pages.marketplace .products-description h3 {
    margin: 1em 0 .25em;
    font-size: 1.75em;
    font-weight: 400;
    text-align: center;
    line-height: 1.35;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .products-description h3 {
        font-size: 2.5em
    }
}

.old-pages.marketplace .products-description h4 {
    margin-bottom: .5em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .products-description h4 {
        font-size: 2em
    }
}

.old-pages.marketplace .products-description h1 span,
.old-pages.marketplace .products-description h2 span,
.old-pages.marketplace .products-description h3 span,
.old-pages.marketplace .products-description h4 span {
    display: inline-block;
    font-size: 1em
}

.old-pages.marketplace .products-description img {
    display: block;
    width: 100%;
    margin-bottom: 1.5em
}

.old-pages.marketplace .products-description .image-full img {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 0
}

.old-pages.marketplace .products-description table {
    border-top: 1px solid #262626
}

.old-pages.marketplace .products-description table th {
    width: 5em;
    padding: .5em 0;
    vertical-align: top;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.65
}

.old-pages.marketplace .products-description table td {
    padding: .5em 0;
    vertical-align: top;
    font-size: 1.5em;
    line-height: 1.65
}

.old-pages.marketplace .wrap {
    background-color: #FAFAFA
}

.old-pages.marketplace .row {
    max-width: 92em;
    padding: 0 1em 3em;
    margin: 0 auto
}

@media (min-width: 801px) {
    .old-pages.marketplace .row {
        padding: 0 1em 6em
    }
}

.old-pages.marketplace .row h3 {
    position: relative;
    margin-top: -.2em;
    margin-bottom: .25em
}

.old-pages.marketplace .row .price {
    padding: .35em 0;
    font-weight: normal;
    color: #555
}

.old-pages.marketplace .row .price .price-market {
    margin-right: .5em;
    text-decoration: line-through;
    color: #555
}

.old-pages.marketplace .row .price .price-member {
    font-weight: bold;
    color: #ff1a55
}

.old-pages.marketplace .row p {
    margin-bottom: .5em;
    font-size: 1.25em;
    line-height: 1.75;
    letter-spacing: 1px
}

@media (min-width: 801px) {
    .old-pages.marketplace .row p {
        font-size: 1.65em
    }
}

.old-pages.marketplace .row li {
    margin-bottom: .5em;
    font-size: 1em;
    line-height: 1.5;
    color: #81827D
}

@media (min-width: 801px) {
    .old-pages.marketplace .row li {
        font-size: 1.15em
    }
}

.old-pages.marketplace .row a.button {
    padding: .65em 1.5em;
    margin: .5em 0;
    font-size: 1.15em;
    cursor: pointer
}

@media (min-width: 481px) {
    .old-pages.marketplace .row a.button {
        font-size: 1.5em
    }
}

.old-pages.marketplace .intro {
    background: none;
    height: unset;
    padding: 0 0 3em;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .intro {
        padding: 0 0 6em
    }
}

.old-pages.marketplace .intro h1 {
    margin: 0 0 .25em
}

.old-pages.marketplace .intro p {
    max-width: 960px;
    padding: 2em 0 0;
    font-size: 1.35em;
    line-height: 1.75;
    padding: 0 2.5em 1em
}

.old-pages.marketplace .intro p:last-child {
    padding: 0 2.5em 0
}

@media (min-width: 801px) {
    .old-pages.marketplace .intro p {
        padding: 0 1em 0.5em;
        font-size: 1.75em
    }
}

.old-pages.marketplace .video {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 4em;
    overflow: hidden
}

.old-pages.marketplace .video iframe,
.old-pages.marketplace .video object,
.old-pages.marketplace .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.old-pages.marketplace .title-underline {
    border-bottom: 1px solid #b7b7b7
}

.old-pages.marketplace .column-half {
    width: 100%;
    margin-bottom: 4em
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-half {
        float: left;
        width: 48%;
        padding-right: 4%
    }
    .column-reverse .old-pages.marketplace .column-half {
        float: right
    }
    .column-reverse .old-pages.marketplace .column-half:first-child {
        padding-right: 0
    }
    .column-reverse .old-pages.marketplace .column-half:nth-child(2n) {
        padding-right: 4%
    }
    .old-pages.marketplace .column-half:nth-child(2n) {
        padding-right: 0
    }
}

.old-pages.marketplace .column-half .note {
    padding: 1.5em
}

.old-pages.marketplace .column-third {
    width: 100%;
    margin-bottom: 3em;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-third {
        float: left;
        width: 31%;
        padding-right: 3.5%
    }
    .old-pages.marketplace .column-third:nth-child(3n) {
        padding-right: 0
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-third h3 {
        font-size: 2em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-third h4 {
        font-size: 1.5em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-third p {
        font-size: 1.35em
    }
}

.old-pages.marketplace .column-third a.button {
    width: auto;
    margin: .5em 0;
    font-size: 1.25em
}

.old-pages.marketplace .column-quarter {
    width: 100%;
    margin-bottom: 3em;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages.marketplace .column-quarter {
        float: left;
        width: 48%;
        padding-right: 4%
    }
    .old-pages.marketplace .column-quarter:nth-child(2n) {
        padding-right: 0
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-quarter {
        padding-right: 4%;
        width: 22%
    }
    .old-pages.marketplace .column-quarter:nth-child(2n) {
        padding-right: 4%
    }
    .old-pages.marketplace .column-quarter:nth-child(4n) {
        padding-right: 0
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-quarter h3 {
        font-size: 1.75em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-quarter h4 {
        font-size: 1.5em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-quarter p {
        font-size: 1.25em;
        line-height: 1.5
    }
}

.old-pages.marketplace .column-quarter a.button {
    width: auto;
    margin: .5em 0;
    font-size: 1.15em
}

.old-pages.marketplace .column-list {
    margin-bottom: 4em
}

.old-pages.marketplace .column-list .column-list-image {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-list .column-list-image {
        float: left;
        width: 35%;
        padding-right: 5%
    }
}

.old-pages.marketplace .column-list .column-list-text {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-list .column-list-text {
        float: left;
        width: 60%
    }
    .old-pages.marketplace .column-list .column-list-text h3 {
        text-align: left
    }
}

@media (min-width: 801px) {
    .column-reverse .old-pages.marketplace .column-list .column-list-image {
        float: right;
        width: 35%;
        padding-left: 5%;
        padding-right: 0
    }
}

@media (min-width: 801px) {
    .column-reverse .old-pages.marketplace .column-list .column-list-text {
        float: left;
        width: 60%
    }
}

.old-pages.marketplace .column-half h3,
.old-pages.marketplace .column-narrow h3,
.old-pages.marketplace .column-wide h3 {
    text-align: left;
    font-weight: 400
}

.old-pages.marketplace .column-half h4,
.old-pages.marketplace .column-narrow h4,
.old-pages.marketplace .column-wide h4 {
    font-weight: normal;
    color: #555
}

.old-pages.marketplace .column-half p,
.old-pages.marketplace .column-narrow p,
.old-pages.marketplace .column-wide p {
    margin: 0
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-half p,
    .old-pages.marketplace .column-narrow p,
    .old-pages.marketplace .column-wide p {
        font-size: 1.5em
    }
}

.old-pages.marketplace .column-half .note,
.old-pages.marketplace .column-narrow .note,
.old-pages.marketplace .column-wide .note {
    padding: 1.5em
}

.old-pages.marketplace .column-narrow {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-narrow {
        float: left;
        width: 40%
    }
}

.old-pages.marketplace .column-wide {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .column-wide {
        float: left;
        width: 55%;
        padding-right: 5%
    }
    .old-pages.marketplace .column-wide h3 {
        text-align: left
    }
}

@media (min-width: 801px) {
    .column-reverse .old-pages.marketplace .column-wide {
        float: right;
        padding-right: 0
    }
}

.old-pages.marketplace .grids {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (min-width: 801px) {
    .old-pages.marketplace .grids {
        flex-direction: row
    }
    .old-pages.marketplace .grids.reverse {
        flex-direction: row-reverse
    }
}

.old-pages.marketplace .grid-half {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .grid-half {
        width: 50%
    }
}

.old-pages.marketplace .grid-half img {
    margin-bottom: 0
}

.old-pages.marketplace .grid-text {
    padding: 2em 0;
    margin-bottom: 1em;
    background-color: #FFF
}

@media (min-width: 801px) {
    .old-pages.marketplace .grid-text {
        padding: 3em;
        background-color: transparent
    }
}

.old-pages.marketplace .grid-text h3 {
    padding: .5em 0 .25em;
    font-weight: 400;
    text-align: left
}

@media (min-width: 801px) {
    .old-pages.marketplace .grid-text h3 {
        text-align: center
    }
}

.old-pages.marketplace .grid-text p {
    line-height: 1.75
}

@media (min-width: 801px) {
    .old-pages.marketplace .grid-text p {
        font-size: 1.5em
    }
}

.old-pages.marketplace .monthly-wine {
    margin-bottom: 6em
}

.old-pages.marketplace .wine-info-image {
    width: 50%;
    margin: 0 auto
}

@media (min-width: 481px) {
    .old-pages.marketplace .wine-info-image {
        float: left;
        width: 25%
    }
}

.old-pages.marketplace .wine-info-image img {
    width: 100%
}

.old-pages.marketplace .wine-info-text {
    width: 100%;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages.marketplace .wine-info-text {
        float: left;
        width: 75%
    }
    .old-pages.marketplace .wine-info-text h3,
    .old-pages.marketplace .wine-info-text h4 {
        text-align: left
    }
}

.old-pages.marketplace .wine-info-commend .head {
    float: left;
    width: 60px;
    margin-right: 5%
}

.old-pages.marketplace .wine-info-commend .head img {
    border-radius: 50%
}

.old-pages.marketplace .wine-info-commend p {
    position: relative;
    float: left;
    max-width: 69%;
    padding: 4%;
    font-size: 1.25em;
    text-align: left;
    background-color: whitesmoke;
    border-radius: .25em
}

@media (min-width: 481px) {
    .old-pages.marketplace .wine-info-commend p {
        max-width: 64%
    }
}

.old-pages.marketplace .wine-info-commend p:after {
    content: "";
    position: absolute;
    left: -.6em;
    top: 1.5em;
    border-right: .65em solid whitesmoke;
    border-top: .65em solid transparent;
    border-bottom: .65em solid transparent
}

.old-pages.marketplace .wine-intro-avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-intro-avatar {
        width: 80px;
        margin-right: 20px
    }
}

.old-pages.marketplace .wine-intro-avatar img {
    margin-bottom: .5em;
    border-radius: 50%
}

.old-pages.marketplace .wine-intro-avatar span {
    color: #81827D;
    font-size: .85em
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-intro-avatar span {
        font-size: 1em
    }
}

.old-pages.marketplace .wine-intro-text {
    position: relative;
    float: left;
    max-width: calc(100% - 100px);
    padding: 15px;
    text-align: left;
    background-color: whitesmoke;
    border-radius: .25em
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-intro-text {
        padding: 30px;
        max-width: calc(100% - 160px)
    }
}

.old-pages.marketplace .wine-intro-text:after {
    content: "";
    position: absolute;
    left: -.6em;
    top: 1.5em;
    border-right: .65em solid whitesmoke;
    border-top: .65em solid transparent;
    border-bottom: .65em solid transparent
}

.old-pages.marketplace .wine-intro-text h4 {
    font-size: 1.5em;
    color: #911E3B
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-intro-text h4 {
        font-size: 1.75em
    }
}

.old-pages.marketplace .wine-intro-text p {
    padding: 0 0 1em;
    font-size: 1.35em
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-intro-text p {
        font-size: 1.5em
    }
}

.old-pages.marketplace .members-count {
    margin-bottom: 2em;
    text-align: center
}

.old-pages.marketplace .members-count h2 {
    margin-top: 0;
    font-size: 1.5em
}

@media (min-width: 801px) {
    .old-pages.marketplace .members-count h2 {
        font-size: 1.75em
    }
}

.old-pages.marketplace .members-count span {
    font-size: 2em;
    font-weight: bold
}

.old-pages.marketplace .shipping-process {
    text-align: center;
    border-bottom: 1px solid #D8D8D7;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.marketplace .shipping-process {
        padding-bottom: 6em;
        padding-right: 2em;
        margin-bottom: 6em
    }
}

.old-pages.marketplace .shipping-process li {
    position: relative;
    display: block;
    width: 260px;
    height: 80px;
    margin: 2px auto;
    font-size: 1.5em;
    line-height: 100px;
    color: white;
    background-color: #911E3B;
    background-image: linear-gradient(to bottom, #6C0A26, #911E3B)
}

@media (min-width: 801px) {
    .old-pages.marketplace .shipping-process li {
        display: inline-block;
        width: 30%;
        height: 80px;
        margin: 0 2px;
        font-size: 1.75em;
        line-height: 80px;
        background-image: linear-gradient(to right, #6C0A26, #911E3B)
    }
}

.old-pages.marketplace .shipping-process li:first-child {
    border-radius: 5px 5px 0 0
}

.old-pages.marketplace .shipping-process li:first-child:before {
    display: none
}

@media (min-width: 801px) {
    .old-pages.marketplace .shipping-process li:first-child {
        border-radius: 5px 0 0 5px
    }
}

.old-pages.marketplace .shipping-process li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 20px solid white;
    border-bottom: 0 solid transparent
}

@media (min-width: 801px) {
    .old-pages.marketplace .shipping-process li:before {
        border-left: 20px solid white;
        border-right: 0 solid transparent;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent
    }
}

.old-pages.marketplace .shipping-process li:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -20px;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 20px solid #911E3B;
    border-bottom: 0 solid transparent
}

@media (min-width: 801px) {
    .old-pages.marketplace .shipping-process li:after {
        right: -20px;
        top: 0;
        bottom: 0;
        border-left: 20px solid #911E3B;
        border-right: 0 solid transparent;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent
    }
}

.old-pages.marketplace .wine-club-nav {
    clear: both;
    text-align: center;
    padding-top: 3em;
    margin: 0 0 5em
}

.old-pages.marketplace .wine-club-nav .wine-club-button {
    box-sizing: border-box;
    margin: 0 .25em 1em;
    padding: .5em 1.25em;
    font-size: 1.5em;
    font-weight: normal
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-club-nav .wine-club-button {
        font-size: 1.75em;
        padding: .5em 2em
    }
}

.old-pages.marketplace .wine-club-nav a {
    font-size: 1.15em;
    font-weight: bold;
    color: #6C0A26
}

@media (min-width: 801px) {
    .old-pages.marketplace .wine-club-nav a {
        font-size: 1.35em
    }
}

.old-pages.marketplace .wine-club-nav a img {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    margin: 0 .25em .3em 0
}

.old-pages.marketplace .timer {
    padding: 2em 0 5em
}

.old-pages.marketplace .timer li {
    position: relative;
    display: inline-block;
    padding: .25em .5em;
    margin: .2em;
    color: white;
    background-color: black;
    border-radius: 10%;
    background: linear-gradient(black, #555 50%, black 51%)
}

.old-pages.marketplace .timer li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.65)
}

.old-pages.marketplace .timer p {
    padding: 0;
    margin-bottom: .1em;
    font-size: 3.5em;
    line-height: 1;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.85);
    color: white
}

@media (min-width: 481px) {
    .old-pages.marketplace .timer p {
        font-size: 5em
    }
}

.old-pages.marketplace .timer span {
    position: absolute;
    top: 103%;
    left: 0;
    width: 100%;
    font-size: 1.25em;
    text-align: center;
    color: black
}

.old-pages.marketplace .timer span.date {
    display: none
}

.old-pages.marketplace .features {
    text-align: center
}

.old-pages.marketplace .features .column-third {
    display: block;
    width: 80%;
    max-width: 250px;
    margin: 0 auto 3em;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages.marketplace .features .column-third {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 25%;
        padding: 0 4%
    }
}

.old-pages.marketplace .features .column-third img {
    margin-bottom: 2em
}

.old-pages.marketplace .features .column-third h3 {
    font-weight: 400
}

.old-pages.marketplace .features .column-third p {
    font-size: 1.35em
}

@media (min-width: 801px) {
    .old-pages.marketplace .features .column-third p {
        font-size: 1.65em
    }
}

.old-pages.marketplace .articles .article {
    display: none
}

@media (min-width: 801px) {
    .old-pages.marketplace .articles .article {
        display: block
    }
}

.old-pages.marketplace .articles .article.show {
    display: block
}

.old-pages.marketplace .articles-buttons {
    clear: both;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .articles-buttons {
        display: none
    }
}

.old-pages.marketplace .articles-buttons .button-articles {
    display: inline-block;
    box-sizing: border-box;
    clear: both;
    height: 2.5em;
    padding: 0 1.5em;
    border: 2px solid #555;
    margin: 0 auto .5em;
    letter-spacing: 2px;
    text-align: center;
    line-height: 2.35em;
    font-size: 1.25em;
    color: #555;
    text-shadow: none;
    border-radius: 50px;
    transition: .35s all;
    background-color: transparent
}

.old-pages.marketplace .articles-buttons .button-articles:hover {
    border: 2px solid #262626;
    color: #262626;
    box-shadow: none
}

@media (min-width: 801px) {
    .old-pages.marketplace .articles-buttons .button-articles {
        font-size: 1.5em
    }
}

.old-pages.marketplace .faq {
    max-width: 92em;
    padding: 1.5em 1em 3em;
    margin: 0 auto
}

@media (min-width: 801px) {
    .old-pages.marketplace .faq {
        padding: 3em 1em 6em
    }
}

.old-pages.marketplace .faq ul {
    border-bottom: 1px solid #81827D;
    margin-bottom: 3em
}

.old-pages.marketplace .faq li {
    padding: 0 0 1.5em;
    border-top: 1px solid #81827D
}

@media (min-width: 801px) {
    .old-pages.marketplace .faq li {
        padding: 0 1em 1.5em
    }
}

.old-pages.marketplace .faq li.active h3:after {
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_minus.svg") center center no-repeat;
    background-size: .85em
}

.old-pages.marketplace .faq li.active p {
    display: block
}

.old-pages.marketplace .faq li h3 {
    position: relative;
    padding-right: 30px;
    padding-bottom: .25em;
    font-size: 1.5em;
    text-align: left;
    line-height: 1.5;
    font-weight: 400
}

@media (min-width: 801px) {
    .old-pages.marketplace .faq li h3 {
        font-size: 1.75em
    }
}

.old-pages.marketplace .faq li h3:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_add.svg") center center no-repeat;
    background-size: .85em
}

.old-pages.marketplace .faq li p {
    display: none;
    padding: 0 30px 0 0;
    text-align: left
}

.old-pages.marketplace .note {
    padding: 1.5em 1em;
    margin-top: 0;
    background-color: whitesmoke
}

@media (min-width: 801px) {
    .old-pages.marketplace .note {
        padding: 2em 3.5em
    }
}

.old-pages.marketplace .note h4 {
    margin-bottom: .25em;
    text-align: left
}

.old-pages.marketplace .note p {
    text-align: left;
    font-size: 1.25em
}

@media (min-width: 801px) {
    .old-pages.marketplace .note p {
        font-size: 1.5em
    }
}

.old-pages.marketplace .note p:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.old-pages.marketplace .product-notice {
    padding: 0 0 3em;
    margin: 0 2%
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-notice {
        padding: 3em 0 6em;
        margin: 0
    }
}

.old-pages.marketplace .product-flowchart {
    padding: 1.5em 0;
    text-align: center
}

.old-pages.marketplace .product-flowchart li {
    text-align: left;
    display: block;
    width: 210px;
    margin: 0 auto;
    font-size: 1.35em
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-flowchart li {
        display: inline-block;
        width: auto
    }
}

.old-pages.marketplace .product-flowchart img {
    width: 3em;
    padding-right: .25em;
    vertical-align: middle
}

.old-pages.marketplace .product-flowchart .arrow {
    display: block;
    width: 1.5em;
    height: 2em;
    margin: 0 auto;
    vertical-align: middle;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/products_flowchart_arrow.svg") center center no-repeat;
    background-size: 100% auto;
    transform: rotate(90deg)
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-flowchart .arrow {
        display: inline-block;
        margin: 0 1em .25em;
        transform: rotate(0)
    }
}

.old-pages.marketplace .product-notice-content {
    padding: 1.5em;
    border: 1px solid #911E3B;
    border-radius: 3px
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-notice-content {
        padding: 3em
    }
}

.old-pages.marketplace .product-notice-content p {
    font-size: 1em;
    color: #555
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-notice-content p {
        font-size: 1.25em
    }
}

.old-pages.marketplace .product-notice-content h3 {
    margin-top: .5em;
    font-size: 1.25em;
    color: #567b9c
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-notice-content h3 {
        font-size: 1.5em
    }
}

.old-pages.marketplace .product-notice-content ul {
    padding-top: 2em;
    border-top: 1px solid #D8D8D7;
    margin-top: 1em
}

.old-pages.marketplace .product-notice-content li {
    margin: 0 0 .35em 1em;
    font-size: 1em;
    line-height: 1.65;
    list-style-type: disc;
    color: #555
}

@media (min-width: 801px) {
    .old-pages.marketplace .product-notice-content li {
        font-size: 1.25em
    }
}

.old-pages.marketplace .guide-banner {
    position: relative;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.marketplace .guide-banner {
        margin-bottom: 4.5em
    }
}

.old-pages.marketplace .guide-banner img {
    display: block;
    width: 100%;
    margin-bottom: 0
}

.old-pages.marketplace .guide-banner .guide-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 80%;
    text-align: center;
    transform: translate(-50%, -50%)
}

@media (min-width: 801px) {
    .old-pages.marketplace .guide-banner .guide-banner-text {
        left: 10%;
        width: auto;
        transform: translate(0, -50%)
    }
}

.old-pages.marketplace .guide-banner .guide-banner-text h1,
.old-pages.marketplace .guide-banner .guide-banner-text h2 {
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.75), 0 0 15px rgba(0, 0, 0, 0.35)
}

.old-pages.marketplace .guide-banner .guide-banner-text h1 span,
.old-pages.marketplace .guide-banner .guide-banner-text h2 span {
    display: inline-block;
    font-size: 1em;
    font-weight: inherit
}

.old-pages.marketplace .guide-banner .guide-banner-text h1 {
    margin: 0 0 .25em;
    font-size: 3em;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .guide-banner .guide-banner-text h1 {
        font-size: 5em
    }
}

.old-pages.marketplace .guide-banner .guide-banner-text h2 {
    margin: 0 0 1em;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .guide-banner .guide-banner-text h2 {
        font-size: 2em
    }
}

.old-pages.marketplace .image-banner {
    position: relative;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.marketplace .image-banner {
        margin-bottom: 6em
    }
}

.old-pages.marketplace .image-banner img {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 0
}

.old-pages.marketplace .parallax {
    position: relative;
    overflow: hidden;
    height: 250px;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax {
        height: 400px;
        margin-bottom: 6em
    }
}

.old-pages.marketplace .parallax-banner {
    position: relative;
    overflow: hidden;
    height: 420px;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-banner {
        height: 560px;
        margin-bottom: 6em
    }
}

.old-pages.marketplace .parallax-banner .parallax-image img {
    width: auto;
    min-width: 100%;
    max-width: initial;
    min-height: 100%;
    max-height: 100%
}

@media (min-width: 481px) {
    .old-pages.marketplace .parallax-banner .parallax-image img {
        max-width: 100%;
        max-height: initial
    }
}

.old-pages.marketplace .parallax-banner .parallax {
    height: 420px
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-banner .parallax {
        height: 560px
    }
}

.old-pages.marketplace .parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.old-pages.marketplace .parallax-image img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    max-width: initial;
    min-height: 100%;
    margin-bottom: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.old-pages.marketplace .parallax-text,
.old-pages.marketplace .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 85%;
    max-width: 700px;
    text-align: center;
    transform: translate(-50%, -50%)
}

.old-pages.marketplace .parallax-text.left,
.old-pages.marketplace .parallax-text.right,
.old-pages.marketplace .banner-text.left,
.old-pages.marketplace .banner-text.right {
    max-width: 350px;
    transform: translate(-50%, -50%)
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-text.left,
    .old-pages.marketplace .parallax-text.right,
    .old-pages.marketplace .banner-text.left,
    .old-pages.marketplace .banner-text.right {
        max-width: 480px
    }
}

.old-pages.marketplace .parallax-text.left p,
.old-pages.marketplace .parallax-text.left li,
.old-pages.marketplace .parallax-text.right p,
.old-pages.marketplace .parallax-text.right li,
.old-pages.marketplace .banner-text.left p,
.old-pages.marketplace .banner-text.left li,
.old-pages.marketplace .banner-text.right p,
.old-pages.marketplace .banner-text.right li {
    font-weight: 300;
    text-align: left
}

.old-pages.marketplace .parallax-text.left h1,
.old-pages.marketplace .parallax-text.left h2,
.old-pages.marketplace .parallax-text.left h3,
.old-pages.marketplace .parallax-text.left h4,
.old-pages.marketplace .parallax-text.right h1,
.old-pages.marketplace .parallax-text.right h2,
.old-pages.marketplace .parallax-text.right h3,
.old-pages.marketplace .parallax-text.right h4,
.old-pages.marketplace .banner-text.left h1,
.old-pages.marketplace .banner-text.left h2,
.old-pages.marketplace .banner-text.left h3,
.old-pages.marketplace .banner-text.left h4,
.old-pages.marketplace .banner-text.right h1,
.old-pages.marketplace .banner-text.right h2,
.old-pages.marketplace .banner-text.right h3,
.old-pages.marketplace .banner-text.right h4 {
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-text.left h1,
    .old-pages.marketplace .parallax-text.left h2,
    .old-pages.marketplace .parallax-text.left h3,
    .old-pages.marketplace .parallax-text.left h4,
    .old-pages.marketplace .parallax-text.right h1,
    .old-pages.marketplace .parallax-text.right h2,
    .old-pages.marketplace .parallax-text.right h3,
    .old-pages.marketplace .parallax-text.right h4,
    .old-pages.marketplace .banner-text.left h1,
    .old-pages.marketplace .banner-text.left h2,
    .old-pages.marketplace .banner-text.left h3,
    .old-pages.marketplace .banner-text.left h4,
    .old-pages.marketplace .banner-text.right h1,
    .old-pages.marketplace .banner-text.right h2,
    .old-pages.marketplace .banner-text.right h3,
    .old-pages.marketplace .banner-text.right h4 {
        text-align: left
    }
}

.old-pages.marketplace .parallax-text.left,
.old-pages.marketplace .banner-text.left {
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-text.left,
    .old-pages.marketplace .banner-text.left {
        left: 10%;
        transform: translate(0, -50%)
    }
}

.old-pages.marketplace .parallax-text.right,
.old-pages.marketplace .banner-text.right {
    left: auto;
    right: 50%;
    transform: translate(50%, -50%)
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-text.right,
    .old-pages.marketplace .banner-text.right {
        right: 10%;
        transform: translate(0, -50%)
    }
}

.old-pages.marketplace .parallax-text h1,
.old-pages.marketplace .parallax-text h2,
.old-pages.marketplace .parallax-text h3,
.old-pages.marketplace .parallax-text h4,
.old-pages.marketplace .banner-text h1,
.old-pages.marketplace .banner-text h2,
.old-pages.marketplace .banner-text h3,
.old-pages.marketplace .banner-text h4 {
    margin: .25em 0;
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.75), 0 0 15px rgba(0, 0, 0, 0.35)
}

.old-pages.marketplace .parallax-text h1 span,
.old-pages.marketplace .parallax-text h2 span,
.old-pages.marketplace .parallax-text h3 span,
.old-pages.marketplace .parallax-text h4 span,
.old-pages.marketplace .banner-text h1 span,
.old-pages.marketplace .banner-text h2 span,
.old-pages.marketplace .banner-text h3 span,
.old-pages.marketplace .banner-text h4 span {
    display: inline-block;
    font-size: 1em;
    font-weight: inherit
}

.old-pages.marketplace .parallax-text p,
.old-pages.marketplace .banner-text p {
    color: white;
    letter-spacing: 1px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
}

.old-pages.marketplace .parallax-text li,
.old-pages.marketplace .banner-text li {
    margin-bottom: .25em;
    line-height: 1.65;
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
}

.old-pages.marketplace .parallax-text li img,
.old-pages.marketplace .banner-text li img {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    padding-top: .75em;
    padding-right: 1em
}

.old-pages.marketplace .parallax-text li p,
.old-pages.marketplace .banner-text li p {
    padding: 0;
    display: inline-block;
    width: 90%;
    font-size: 1.15em;
    font-weight: 300
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-text li p,
    .old-pages.marketplace .banner-text li p {
        font-size: 1.35em
    }
}

.old-pages.marketplace .banner-avatar {
    text-align: left
}

.old-pages.marketplace .banner-avatar img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    padding-right: 1em
}

@media (min-width: 801px) {
    .old-pages.marketplace .banner-avatar img {
        width: 90px;
        height: 90px
    }
}

.old-pages.marketplace .banner-avatar .name {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2em
}

.old-pages.marketplace .banner-avatar .name h4 {
    margin-top: 0;
    font-size: 1.35em;
    text-align: left
}

@media (min-width: 801px) {
    .old-pages.marketplace .banner-avatar .name h4 {
        font-size: 1.75em
    }
}

.old-pages.marketplace .banner-avatar .name p {
    padding: 0;
    font-size: 1.1em
}

@media (min-width: 801px) {
    .old-pages.marketplace .banner-avatar .name p {
        font-size: 1.35em
    }
}

.old-pages.marketplace .banner-avatar .sign {
    width: 70px;
    height: 70px
}

@media (min-width: 801px) {
    .old-pages.marketplace .banner-avatar .sign {
        width: 150px;
        height: 150px
    }
}

.old-pages.marketplace .parallax-nav,
.old-pages.marketplace .banner-nav {
    width: 100%;
    padding: 2em 0 1em;
    text-align: center
}

.left .old-pages.marketplace .parallax-nav,
.right .old-pages.marketplace .parallax-nav,
.left .old-pages.marketplace .banner-nav,
.right .old-pages.marketplace .banner-nav {
    text-align: center
}

@media (min-width: 801px) {
    .left .old-pages.marketplace .parallax-nav,
    .right .old-pages.marketplace .parallax-nav,
    .left .old-pages.marketplace .banner-nav,
    .right .old-pages.marketplace .banner-nav {
        padding: 2em 0 1em;
        margin-left: -.25em;
        text-align: left
    }
}

.old-pages.marketplace .parallax-nav li,
.old-pages.marketplace .banner-nav li {
    display: inline-block
}

.old-pages.marketplace .parallax-nav a,
.old-pages.marketplace .banner-nav a {
    display: inline-block;
    box-sizing: border-box;
    height: 2.5em;
    padding: 0 1.5em;
    margin: 0 .25em .5em;
    letter-spacing: 2px;
    text-align: center;
    line-height: 2.5em;
    font-size: 1.15em;
    color: #262626;
    text-shadow: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    border-radius: 50px;
    transition: .35s all;
    background-color: white
}

.old-pages.marketplace .parallax-nav a:hover,
.old-pages.marketplace .banner-nav a:hover {
    box-shadow: none
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-nav a,
    .old-pages.marketplace .banner-nav a {
        font-size: 1.5em
    }
}

.old-pages.marketplace .parallax-nav a.button-prime,
.old-pages.marketplace .banner-nav a.button-prime {
    padding: 0 1.5em;
    color: white;
    font-size: 1.15em;
    line-height: 2.5em
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-nav a.button-prime,
    .old-pages.marketplace .banner-nav a.button-prime {
        font-size: 1.5em
    }
}

.old-pages.marketplace .parallax-nav a.button-prime:hover,
.old-pages.marketplace .banner-nav a.button-prime:hover {
    color: white
}

.old-pages.marketplace .parallax-nav a.button-ghost,
.old-pages.marketplace .banner-nav a.button-ghost {
    border: 2px solid white;
    color: white;
    line-height: 2.35em;
    background-color: transparent
}

.old-pages.marketplace .parallax-nav a.button-ghost:hover,
.old-pages.marketplace .banner-nav a.button-ghost:hover {
    color: #262626;
    background-color: white
}

.old-pages.marketplace .parallax-nav .price,
.old-pages.marketplace .banner-nav .price {
    vertical-align: middle;
    padding-right: 1em;
    font-size: 1.35em;
    text-align: center;
    line-height: 1.35;
    color: white
}

@media (min-width: 801px) {
    .old-pages.marketplace .parallax-nav .price,
    .old-pages.marketplace .banner-nav .price {
        font-size: 1.5em
    }
}

.old-pages.marketplace .parallax-nav .price span,
.old-pages.marketplace .banner-nav .price span {
    font-size: 2.25em;
    font-weight: 400;
    letter-spacing: 2px
}

.old-pages.marketplace .pricing {
    margin-bottom: 6em
}

.old-pages.marketplace .pricing-box {
    box-sizing: border-box;
    width: 96%;
    margin: 0 auto 3%;
    position: relative;
    padding: 0 0 2em;
    border: 1px solid #D8D8D7;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(31, 17, 34, 0.1)
}

@media (min-width: 801px) {
    .old-pages.marketplace .pricing-box {
        float: left;
        width: 32%;
        margin: 2em 2% 0 0
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .pricing-box.pricing-box-1800-m {
        display: none
    }
}

.old-pages.marketplace .pricing-box.pricing-box-1800 {
    display: none
}

@media (min-width: 801px) {
    .old-pages.marketplace .pricing-box.pricing-box-1800 {
        display: block
    }
}

.old-pages.marketplace .pricing-box:last-child {
    margin-right: auto
}

@media (min-width: 801px) {
    .old-pages.marketplace .pricing-box:last-child {
        margin-right: 0
    }
}

.old-pages.marketplace .pricing-box .pricing-top {
    position: relative
}

.old-pages.marketplace .pricing-box .pricing-label {
    position: absolute;
    right: -15px;
    top: -.75em;
    display: block;
    z-index: 1;
    width: 65px;
    height: 58px;
    padding-top: 10px;
    font-size: 1.5em;
    line-height: 1.25;
    text-align: center;
    font-style: italic;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/pricing_label.png") center center no-repeat;
    background-size: 100%;
    text-shadow: 1px 1px 0 white
}

@media (min-width: 801px) {
    .old-pages.marketplace .pricing-box .pricing-label {
        right: -1em;
        top: -.75em
    }
}

.old-pages.marketplace .pricing-box h2 {
    padding: 1em 0 .5em;
    margin: 0;
    font-size: 1.75em;
    text-align: center;
    font-weight: normal
}

.old-pages.marketplace .pricing-box h2 span {
    font-size: 1em;
    color: #fd4875
}

.old-pages.marketplace .pricing-box .pricing-pic {
    position: relative
}

.old-pages.marketplace .pricing-box .pricing-pic:hover .next-issue {
    display: block;
    opacity: 1
}

.old-pages.marketplace .pricing-box .pricing-pic img {
    display: block;
    margin-bottom: 0
}

.old-pages.marketplace .pricing-box .pricing-des {
    padding: 0;
    text-align: center
}

.old-pages.marketplace .pricing-box .pricing-des h3 {
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    color: #555
}

.old-pages.marketplace .pricing-box .pricing-des h3 span.price {
    display: inline-block;
    vertical-align: baseline;
    font-size: 2.25em;
    font-style: italic;
    color: #ff1a55
}

.old-pages.marketplace .pricing-box .pricing-des h3 sup {
    font-size: .4em;
    text-decoration: line-through;
    color: #555
}

.old-pages.marketplace .pricing-box .pricing-des ul {
    margin-bottom: 1em;
    border-top: 1px solid #D8D8D7
}

.old-pages.marketplace .pricing-box .pricing-des li {
    display: block;
    padding: 10px 1em 10px 2.5em;
    font-size: 1.25em;
    text-align: left;
    line-height: 1.5;
    border-bottom: 1px solid #D8D8D7;
    color: #555;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_check.png") 1em center no-repeat;
    background-size: 15px auto
}

.old-pages.marketplace .pricing-box .pricing-des li img {
    width: 15px;
    vertical-align: middle
}

.old-pages.marketplace .pricing-box .pricing-des p {
    font-size: 1.15em;
    color: #555
}

.old-pages.marketplace .pricing-box .pricing-des a {
    display: inline-block;
    border: 1px solid #555;
    margin-left: 1em;
    padding: 0 5px;
    line-height: 1.35;
    color: #81827D;
    border-radius: 2px
}

.old-pages.marketplace .pricing-box .pricing-des a:hover {
    background-color: #262626
}

.old-pages.marketplace .pricing-box .join-btn {
    text-align: center
}

.old-pages.marketplace .pricing-box .join-btn a {
    width: 55%;
    font-size: 1.85em;
    line-height: 2
}

.old-pages.marketplace .pricing-box .join-btn a img {
    display: inline;
    vertical-align: middle;
    width: 1.15em;
    padding-bottom: 2px;
    margin-bottom: 0
}

.old-pages.marketplace .wineclubPlans {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 92em;
    padding: 0 1em 3em;
    margin: 0 auto
}

@media (min-width: 481px) {
    .old-pages.marketplace .wineclubPlans {
        flex-direction: row
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .wineclubPlans {
        padding: 0 1em 6em
    }
}

.old-pages.marketplace .wineclubPlan {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 4.5em 3em;
    margin: 0 0 2em;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

@media (min-width: 481px) {
    .old-pages.marketplace .wineclubPlan {
        margin: 1em .5em;
        padding: 1em 1em 2em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .wineclubPlan {
        padding: 1em 3em 3em
    }
}

.old-pages.marketplace .wineclubPlan:nth-child(2) {
    z-index: 1;
    order: -1
}

@media (min-width: 481px) {
    .old-pages.marketplace .wineclubPlan {
        width: 30%;
        max-width: 350px
    }
    .old-pages.marketplace .wineclubPlan:nth-child(2) {
        order: 0;
        transform: scale(1.1)
    }
}

.old-pages.marketplace .wineclubPlan img.hot {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px
}

.old-pages.marketplace .wineclubPlan img.wine {
    width: 100px;
    margin: 0 auto
}

.old-pages.marketplace .wineclubPlan h3 {
    margin-top: 0;
    color: #555
}

.old-pages.marketplace .wineclubPlan .price {
    padding: 1em 0
}

.old-pages.marketplace .wineclubPlan .price span {
    padding-bottom: .5em;
    font-size: 4em;
    letter-spacing: 3px;
    color: #ff1a55
}

@media (min-width: 481px) {
    .old-pages.marketplace .wineclubPlan .price span {
        font-size: 2.5em
    }
}

@media (min-width: 801px) {
    .old-pages.marketplace .wineclubPlan .price span {
        font-size: 4em
    }
}

.old-pages.marketplace .wineclubPlan .price span sup {
    font-size: .5em
}

.old-pages.marketplace .wineclubPlan ul {
    margin-bottom: 1.5em;
    padding-left: 15px
}

.old-pages.marketplace .wineclubPlan li {
    margin-bottom: .5em;
    font-size: 1.15em;
    line-height: 1.5;
    text-indent: -15px;
    text-align: left;
    color: #555
}

.old-pages.marketplace .wineclubPlan li span {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: 0 8px 2px 0;
    border-radius: 4px;
    background-color: #ff1a55
}

.old-pages.marketplace .wineclubPlan a.button {
    display: block;
    width: 100%;
    font-size: 1.75em;
    line-height: 2;
    font-weight: lighter;
    letter-spacing: 2px;
    color: white;
    background-color: #ff1a55;
    border-radius: 5px
}

.old-pages.marketplace .wineclubPlan a.button:hover {
    opacity: .85
}

.old-pages.marketplace .bistroPlan {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border: 1px solid #D8D8D7;
    background-color: white;
    border-radius: 2px
}

@media (min-width: 801px) {
    .old-pages.marketplace .bistroPlan {
        display: flex;
        align-items: stretch
    }
}

.old-pages.marketplace .bistroPlan .bistroPlan-image {
    position: relative;
    padding-bottom: 65%;
    overflow: hidden;
    width: 100%
}

@media (min-width: 801px) {
    .old-pages.marketplace .bistroPlan .bistroPlan-image {
        float: left;
        width: 65%;
        padding-bottom: 40%
    }
}

.old-pages.marketplace .bistroPlan .bistroPlan-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    max-width: auto;
    height: 100%;
    display: block;
    margin-bottom: 0
}

.old-pages.marketplace .bistroPlan .bistroPlan-text {
    padding: 1.5em 0;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages.marketplace .bistroPlan .bistroPlan-text {
        float: left;
        width: 35%
    }
}

.old-pages.marketplace .bistroPlan .bistroPlan-text .price {
    position: relative;
    display: inline-block;
    font-size: 1.5em
}

.old-pages.marketplace .bistroPlan .bistroPlan-text .price span {
    display: inline-block;
    vertical-align: baseline;
    font-size: 2.25em;
    color: #ff1a55;
    font-weight: bold
}

.old-pages.marketplace .bistroPlan .bistroPlan-text h3 {
    padding: .5em 0;
    font-weight: 400
}

.old-pages.marketplace .bistroPlan .bistroPlan-text ul {
    padding: 1.5em;
    margin-bottom: 1em
}

@media (min-width: 801px) {
    .old-pages.marketplace .bistroPlan .bistroPlan-text ul {
        padding: 0 3em 1em 1em
    }
}

.old-pages.marketplace .bistroPlan .bistroPlan-text li {
    display: block;
    padding: 0 1em 0 2.5em;
    font-size: 1.35em;
    text-align: left;
    line-height: 1.5;
    color: #555;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_check.svg") 1em center no-repeat;
    background-size: 15px auto
}

.old-pages.marketplace .bistroPlan .bistroPlan-text li img {
    width: 15px;
    vertical-align: middle
}

.old-pages.marketplace .bistroPlan .bistroPlan-text p {
    font-size: 1.15em;
    color: #555
}

.old-pages.marketplace .bistroPlan .join-btn {
    padding: 1em 0;
    text-align: center
}

.old-pages.marketplace .bistroPlan .join-btn a {
    height: 45px;
    width: 55%;
    font-size: 1.85em;
    line-height: 45px
}

.old-pages.marketplace .bistroPlan .join-btn a img {
    display: inline;
    vertical-align: middle;
    width: 22px;
    padding-bottom: 2px;
    margin-bottom: 0
}

.old-pages .article-slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 3em
}

.old-pages .article-slider h1,
.old-pages .article-slider h2 {
    position: absolute;
    top: 0;
    color: white
}

.old-pages .article-slider .flexslider {
    z-index: 1;
    padding: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    position: relative
}

.old-pages .article-slider .flexslider .flex-direction-nav {
    position: absolute;
    top: 48%;
    width: 100%
}

.old-pages .article-slider .flexslider .flex-direction-nav .flex-prev {
    padding-top: 10px;
    text-decoration: none;
    position: absolute;
    left: 0
}

.old-pages .article-slider .flexslider .flex-direction-nav .flex-prev:before {
    background: #FF6F41;
    content: '<';
    height: 25px;
    width: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background-size: 25px;
    display: block
}

.old-pages .article-slider .flexslider .flex-direction-nav .flex-next {
    padding-top: 10px;
    text-decoration: none;
    position: absolute;
    right: 0
}

.old-pages .article-slider .flexslider .flex-direction-nav .flex-next:before {
    display: block;
    background: #FF6F41;
    content: '>';
    height: 25px;
    width: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center
}

.old-pages .articles-nav {
    position: relative;
    padding-right: 20px;
    border-bottom: 1px solid #D8D8D7
}

.old-pages .articles-nav .search-button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    display: none
}

.old-pages .articles-nav a {
    display: inline-block;
    margin-right: 1.25em;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    border-bottom: 2px solid white;
    text-decoration: none
}

@media (min-width: 481px) {
    .old-pages .articles-nav a {
        margin-right: 2em;
        line-height: 35px
    }
}

.old-pages .articles-nav a.active {
    border-bottom: 2px solid #911E3B;
    color: #911E3B
}

.old-pages .articles-subnav {
    display: none;
    padding: 1em 0
}

.old-pages .articles-subnav a {
    padding-bottom: 1em;
    margin-right: 1.5em;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    border-bottom: none
}

@media (min-width: 481px) {
    .old-pages .articles-subnav a {
        font-size: 1.15em
    }
}

.old-pages .articles-subnav a.active {
    padding: 0 1em;
    border-bottom: none;
    border: 1px solid #911E3B;
    border-radius: 3em;
    color: #911E3B
}

.old-pages .article-list {
    padding-top: 3em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #D8D8D7
}

.old-pages .article-list li {
    position: relative;
    overflow: hidden;
    margin: 0 0 3% 0;
    padding: 1em;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages .article-list li {
        margin: 0 0 4% 0
    }
}

.old-pages .article-list li.focus {
    border: none;
    background-color: whitesmoke;
    border-radius: 3px
}

.old-pages .article-list li .more {
    display: none;
    float: right
}

@media (min-width: 801px) {
    .old-pages .article-list li .more {
        display: none
    }
}

.old-pages .article-list li .more a {
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -8px;
    background-image: url(/images/icons.png);
    background-repeat: no-repeat;
    background-position: -8px -362px;
    width: 25px;
    height: 25px;
    display: block;
    text-indent: -9999px
}

.old-pages .article-list li .more a:hover {
    background-position: -8px -417px
}

.old-pages .article-list-image {
    width: 100%;
    margin: .25em 3% .25em 0;
    background-color: whitesmoke
}

@media (min-width: 801px) {
    .old-pages .article-list-image {
        width: 40%;
        float: left
    }
}

.old-pages .article-list-image img {
    display: block;
    width: 100%;
    border: 1px solid whitesmoke;
    opacity: 0.6;
    transition: opacity .5s
}

.old-pages .article-list-image img.active {
    opacity: 1
}

.old-pages .article-list-image img:hover {
    opacity: 0.75
}

.old-pages .article-list-text {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .article-list-text {
        width: 57%;
        float: left
    }
}

.old-pages .article-list-text h3 {
    margin-bottom: .25em;
    font-size: 16px;
    line-height: 1.5
}

.old-pages .article-list-text h3 a {
    font-weight: bold
}

.old-pages .article-list-text h3 a:hover {
    color: #911E3B
}

.old-pages .article-list-text h4 {
    font-size: 14px;
    color: #B22B4D;
    line-height: 1.5;
    padding: .35em 0 .5em
}

.old-pages .article-list-text p {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.8em
}

.old-pages .article-list-text p a {
    display: inline-block;
    border-bottom: 1px solid #B22B4D;
    color: #B22B4D
}

.old-pages .article-list-text p a:hover {
    border-bottom: 1px solid #911E3B;
    color: #911E3B
}

.old-pages .article-list-text .note {
    padding: .25em 0 .5em;
    color: #555
}

.old-pages .article-list-text .note span.article-views {
    display: inline-block;
    padding-left: 18px;
    padding-right: 1em;
    padding-bottom: 3px;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_eye.png") 0 2px no-repeat
}

.old-pages .article-list-text .note span.article-date {
    display: inline-block;
    padding-left: 16px;
    padding-bottom: 3px;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_clark.png") 0 3px no-repeat;
    padding-right: 1em;
    background-size: 13px
}

.old-pages .loading-list {
    padding: 2%;
    text-align: center
}

.old-pages .loading-list a.btn {
    width: 50%;
    padding: .5em 0;
    font-size: 1.35em
}

.old-pages .loading-list a.btn img {
    vertical-align: middle
}

.old-pages .loading-list img.loading {
    clear: both;
    width: 50px
}

.old-pages.article {
    margin-top: 40px;
    font-size: 12px
}

.old-pages .article {
    box-sizing: border-box;
    width: 100%
}

.old-pages .article-wrap .article-title h1 {
    padding: .2em 0 .15em;
    line-height: 1.35
}

.old-pages .article-wrap .article-title h2.sub-title {
    padding-bottom: 1em;
    font-size: 1.65em;
    color: #B22B4D
}

@media (min-width: 801px) {
    .old-pages .article-wrap .article-title h2.sub-title {
        font-size: 2em
    }
}

.old-pages .article-wrap .article-title p {
    font-size: .938em;
    line-height: 1.5
}

.old-pages .article-wrap .list,
.old-pages .article-wrap .section {
    width: 100%;
    padding-bottom: 1.5em;
    overflow: hidden
}

.old-pages .article-wrap .list .text,
.old-pages .article-wrap .list .des,
.old-pages .article-wrap .section .text,
.old-pages .article-wrap .section .des {
    width: 100%;
    float: none
}

@media (min-width: 801px) {
    .old-pages .article-wrap .list .text,
    .old-pages .article-wrap .list .des,
    .old-pages .article-wrap .section .text,
    .old-pages .article-wrap .section .des {
        width: 72%;
        float: right
    }
}

.old-pages .article-wrap .list img,
.old-pages .article-wrap .section img {
    width: 100%;
    float: none
}

@media (min-width: 801px) {
    .old-pages .article-wrap .list img,
    .old-pages .article-wrap .section img {
        width: 25%;
        float: left
    }
}

.old-pages .article-wrap .social {
    margin: 0 0 15px
}

.old-pages .article-wrap .social .social-button {
    float: left;
    padding: 0 .5em
}

.old-pages .article-wrap .social img {
    box-shadow: none
}

.old-pages .article-wrap .photo-wrap-main {
    margin-bottom: 0
}

.old-pages .article-wrap p.top {
    margin-bottom: 1em;
    line-height: 1.75;
    font-size: 16px;
    text-align: justify;
    text-justify: distribute;
    color: #262626
}

@media (min-width: 801px) {
    .old-pages .article-wrap p.top {
        font-size: 16px
    }
}

.old-pages .article-wrap h2 {
    padding: 0;
    margin: 1em 0 .25em 0;
    width: auto;
    font-size: 1.65em;
    line-height: 1.35;
    text-align: left
}

.old-pages .article-wrap h3 {
    border-bottom: 1px solid #b7b7b7;
    margin: 2em 0 .5em;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .article-wrap h3 {
        font-size: 2em
    }
}

.old-pages .article-wrap h3 a {
    color: #ff1a55;
    text-decoration: underline
}

.old-pages .article-wrap h4 {
    line-height: 1.6em;
    font-weight: bold;
    margin: 0 0 6px 0
}

.old-pages .article-wrap h4 a {
    color: #ff1a55;
    text-decoration: underline
}

.old-pages .article-content li {
    margin: 0 0 13px 20px;
    line-height: 1.65;
    list-style-type: disc;
    color: #555
}

.old-pages .article-content p {
    margin-bottom: 1em;
    line-height: 1.75;
    font-size: 16px;
    text-align: justify;
    text-justify: distribute;
    color: #262626
}

@media (min-width: 801px) {
    .old-pages .article-content p {
        font-size: 16px
    }
}

.old-pages .article-content p.em {
    font-weight: bold
}

.old-pages .article-content p span {
    font-size: 1em;
    color: #B22B4D
}

.old-pages .article-content p a {
    color: #ff1a55;
    text-decoration: underline
}

.old-pages .article-content img {
    transition: opacity .75s
}

.old-pages .article-content img.active {
    opacity: 1
}

.old-pages .article-content blockquote {
    border-left: 3px solid #911E3B;
    margin: 3em 0;
    padding: 1.5em 1.5em .25em;
    background-color: whitesmoke
}

.old-pages .article-content .photo,
.old-pages .article-content .photeWrap {
    margin: 20px 0 15px 0
}

.old-pages .article-content .photo-credit {
    font-size: .75em;
    text-align: left;
    color: #b7b7b7
}

.old-pages .article-content .photo-credit a {
    color: #b7b7b7;
    text-decoration: underline
}

.old-pages .article-content .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden
}

.old-pages .article-content .video iframe,
.old-pages .article-content .video object,
.old-pages .article-content .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.old-pages .article-content .tip {
    padding: 20px;
    overflow: hidden;
    background-color: whitesmoke
}

.old-pages .article-content .tip img {
    float: left;
    padding-right: 20px
}

.old-pages .article-content .button {
    margin: .5em 0 3em;
    padding: 0 3em;
    line-height: 2;
    font-size: 1.75em
}

.old-pages .article-content .event-btn {
    padding: 1em 0 3em;
    clear: both;
    text-align: center
}

.old-pages .article-content .event-btn a.btn-join {
    display: inline-block;
    padding: 0 1em;
    width: 80%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 1.5em;
    text-decoration: none;
    color: white
}

@media (min-width: 801px) {
    .old-pages .article-content .event-btn a.btn-join {
        width: auto
    }
}

.old-pages .article-content .event-btn a.btn-close {
    background-color: #555;
    box-shadow: 0 2px 0 #262626
}

.old-pages .article-content .event-btn a.btn-close:hover {
    background-color: #262626
}

.old-pages .article-content .hide {
    display: none
}

.old-pages .article-content table td {
    font-size: 1.2em;
    padding: 10px 20px;
    border: 1px solid #D8D8D7
}

.old-pages .article-content table td a {
    color: #911E3B;
    text-decoration: underline
}

.old-pages .article-products {
    margin: 3em 0 6em;
    text-align: center
}

.old-pages .article-products-list {
    padding: 0 2em
}

.old-pages .article-products-list h3 {
    min-height: 2em;
    padding: 0;
    margin-bottom: .25em;
    font-size: 1.25em;
    line-height: 1.5;
    color: #262626
}

.old-pages .article-products-list h4 {
    margin-bottom: .25em;
    font-size: 1.25em;
    line-height: 1.5;
    color: #262626
}

.old-pages .article-products-list p {
    font-size: 1.25em;
    line-height: 1.5;
    text-align: center;
    color: #911E3B
}

.old-pages .article-products-list span.price {
    font-size: 1.25em;
    color: #911E3B;
    text-decoration: line-through
}

.old-pages .article-products-list img {
    width: 80%;
    margin: 0 auto;
    margin-bottom: .5em
}

.old-pages .article-products-list a.button {
    padding: .5em 1.5em;
    font-size: 1.15em
}

.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-prev,
.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 48%;
    width: 1.25em;
    height: 3em;
    margin-bottom: 1.5em;
    font-size: 3em;
    background-color: transparent;
    opacity: .75
}

.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -.5em
}

.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-prev:after {
    position: relative;
    top: .35em;
    content: '❮';
    color: #81827D
}

.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -.5em
}

.old-pages .article-products-list .owl-theme .owl-controls .owl-buttons .owl-next:after {
    position: relative;
    top: .35em;
    content: '❯';
    color: #81827D
}

.old-pages .order {
    overflow: hidden;
    padding: 1em;
    margin: 2em 0 3em;
    border: 1px solid whitesmoke;
    border-bottom: 2px solid #D8D8D7;
    background-color: white;
    border-radius: 2px
}

.old-pages .order img {
    box-shadow: none
}

.old-pages .order .join {
    padding-top: 1em;
    display: table-cell;
    vertical-align: middle
}

.old-pages .order .join ul {
    border-bottom: 1px dotted whitesmoke
}

.old-pages .order .join li {
    display: inline-block;
    padding: 0 .5em 0 0;
    margin: 0;
    height: 30px;
    line-height: 1.35;
    font-size: 1.25em;
    color: #555
}

.old-pages .order .join li span {
    font-size: 1.5em;
    color: #911E3B
}

.old-pages .order .join p {
    font-size: 1.5em
}

.old-pages .order .join a.btn {
    display: inline-block;
    padding: 0 2em;
    font-size: 1em
}

.old-pages .article-tags a {
    display: inline-block;
    padding: .2em .5em;
    border: 1px solid #911E3B;
    margin: 0 .25em .25em 0;
    font-size: 1.25em;
    color: #911E3B;
    border-radius: 2px
}

.old-pages .article-tags a:hover {
    color: white;
    background-color: #911E3B
}

.old-pages .email-subscription {
    width: 96%;
    padding: 2em 2%;
    margin-bottom: 3em;
    background-color: whitesmoke
}

.old-pages .email-subscription-content {
    max-width: 450px
}

.old-pages .email-subscription-content input[type=text] {
    vertical-align: top;
    width: 64%;
    max-width: 350px;
    height: 43px;
    padding: 0 2%;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 0 whitesmoke
}

.old-pages .email-subscription-content .button {
    border-radius: 0 3px 3px 0;
    width: 29%;
    max-width: 150px;
    height: 45px;
    font-size: 1.25em;
    line-height: 45px
}

@media (min-width: 801px) {
    .old-pages .email-subscription-content .button {
        font-size: 1.5em
    }
}

.old-pages .email-subscription-content .button img {
    vertical-align: middle;
    width: .4em;
    margin: 0 4px 3px 0
}

@media (min-width: 801px) {
    .old-pages .email-subscription-content .button img {
        width: .45em
    }
}

.old-pages .blog-author {
    display: block;
    position: relative;
    border-top: 1px solid #D8D8D7;
    border-bottom: 1px solid #D8D8D7;
    padding: 2em 0;
    margin: 3em 0 3.5em
}

.old-pages .blog-author h4 {
    font-size: 1.35em;
    margin-bottom: .15em
}

.old-pages .blog-author-head {
    position: absolute;
    top: 3em
}

.old-pages .blog-author-head img {
    width: 65px;
    float: left;
    box-shadow: none;
    border-radius: 50px
}

.old-pages .blog-author-intro {
    padding: 1em 0 1em 2em
}

.old-pages .blog-author-intro img {
    box-shadow: none
}

.old-pages .blog-author-intro .blog-author-des {
    padding: 0 0 0 70px;
    vertical-align: middle
}

.old-pages .blog-author-intro .blog-author-des h2 {
    padding: 0 0 .5em 0;
    font-size: 1.5em;
    line-height: 1;
    text-align: left;
    color: #911E3B
}

@media (min-width: 801px) {
    .old-pages .blog-author-intro .blog-author-des h2 {
        padding: 0 0 .5em 0
    }
}

.old-pages .blog-author-intro .blog-author-des ul {
    border-bottom: 1px dotted whitesmoke
}

.old-pages .blog-author-intro .blog-author-des li {
    display: inline-block;
    padding: 0 .5em 0 0;
    margin: 0;
    height: 30px;
    line-height: 1.35;
    font-size: 1.35em;
    color: #555
}

.old-pages .blog-author-intro .blog-author-des li span {
    font-size: 1.5em;
    color: #911E3B
}

.old-pages .blog-author-intro .blog-author-des p {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.65;
    padding-bottom: .35em
}

.old-pages .blog-author-intro .blog-author-btn {
    position: relative;
    overflow: hidden;
    padding: 15px 0 0 0;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages .blog-author-intro .blog-author-btn {
        padding: 15px 0 0 70px
    }
}

.old-pages .blog-author-intro .blog-author-btn p {
    float: none;
    padding: 0 2% 0 0;
    font-size: 1.2em;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .blog-author-intro .blog-author-btn p {
        float: left;
        width: 68%
    }
}

.old-pages .blog-author-intro .blog-author-btn a {
    width: 100%;
    float: none
}

@media (min-width: 801px) {
    .old-pages .blog-author-intro .blog-author-btn a {
        float: right;
        width: 30%
    }
}

.old-pages .blog-author-intro .blog-author-btn input.email {
    float: left;
    width: 75%;
    padding: 5px 10px;
    border: 1px solid #D8D8D7;
    height: 28px;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 0 #D8D8D7
}

@media (min-width: 481px) {
    .old-pages .blog-author-intro .blog-author-btn input.email {
        width: 68%
    }
}

.old-pages .blog-author-intro .blog-author-btn input.submit {
    position: absolute;
    right: 0;
    width: 25%;
    padding: 5px 10px;
    height: 40px;
    font-size: 1.35em;
    border: none
}

.old-pages .bottom-order {
    padding: 2em 1em 1em
}

.old-pages .bottom-order img {
    box-shadow: none
}

.old-pages .bottom-order .bottom-order-des {
    padding: 0 0 0 70px;
    vertical-align: middle
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-des {
        width: 65%
    }
}

.old-pages .bottom-order .bottom-order-des h2 {
    padding: 0 0 .5em 0;
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: 1;
    text-align: left;
    color: #911E3B;
    border-bottom: 1px dotted #EAEAEA
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-des h2 {
        padding: 0 0 .5em 0
    }
}

.old-pages .bottom-order .bottom-order-des ul {
    border-bottom: 1px dotted whitesmoke
}

.old-pages .bottom-order .bottom-order-des li {
    display: inline-block;
    padding: 0 .5em 0 0;
    margin: 0;
    height: 30px;
    line-height: 1.35;
    font-size: 1.35em;
    color: #555
}

.old-pages .bottom-order .bottom-order-des li span {
    font-size: 1.5em;
    color: #911E3B
}

.old-pages .bottom-order .bottom-order-des p {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.65;
    padding-bottom: .35em
}

.old-pages .bottom-order .bottom-order-btn {
    overflow: hidden;
    padding: 15px 0 0 0;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-btn {
        padding: 15px 0 0 70px
    }
}

.old-pages .bottom-order .bottom-order-btn p {
    float: none;
    padding: 0 2% 0 0;
    font-size: 1.2em;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-btn p {
        float: left;
        width: 68%
    }
}

.old-pages .bottom-order .bottom-order-btn a {
    width: 100%;
    float: none
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-btn a {
        float: right;
        width: 30%
    }
}

.old-pages .bottom-order .bottom-order-btn input.email {
    float: left;
    width: 70%;
    height: 16px;
    line-height: 35px;
    border: 1px solid #b7b7b7;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #D8D8D7 inset
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-btn input.email {
        float: right;
        width: 50%
    }
}

.old-pages .bottom-order .bottom-order-btn input.submit {
    float: right;
    width: 24%;
    margin: 0;
    border: none;
    margin-left: 1%;
    line-height: 20px
}

@media (min-width: 801px) {
    .old-pages .bottom-order .bottom-order-btn input.submit {
        width: 20%
    }
}

.old-pages .articles-similar {
    overflow: hidden
}

.old-pages .articles-similar li {
    display: block;
    float: left;
    width: 100%;
    margin: 0 2% 3em 0;
    list-style-type: none
}

@media (min-width: 481px) {
    .old-pages .articles-similar li {
        width: 32%
    }
}

.old-pages .articles-similar li:last-child {
    margin-right: 0
}

.old-pages .articles-similar li img {
    width: 100%;
    margin-bottom: 1%
}

.old-pages .articles-similar li h4 {
    padding-bottom: 0;
    margin: 0;
    font-size: 1.15em;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .articles-similar li h4 {
        font-size: 1.35em
    }
}

.old-pages .articles-similar li h4 a {
    text-decoration: none
}

.old-pages .articles-similar li p {
    font-size: 1.25em
}

.old-pages {
    font-size: 12px
}

.old-pages .author-title h1 {
    padding-bottom: .5em;
    font-size: 2em;
    text-align: center;
    font-weight: normal;
    letter-spacing: 3px;
    color: #555
}

.old-pages .author-list::after {
    content: '';
    display: block;
    clear: both
}

.old-pages .author-list li {
    position: relative;
    float: left;
    display: block;
    margin-bottom: 2em;
    vertical-align: top;
    transition: all .5s;
    width: 48%;
    margin-right: 4%
}

.old-pages .author-list li:nth-child(2n) {
    margin-right: 0
}

.old-pages .author-list li:hover .author-name {
    height: 3em
}

@media (min-width: 481px) {
    .old-pages .author-list li {
        width: 30%;
        margin-right: 5%
    }
    .old-pages .author-list li:nth-child(2n) {
        margin-right: 5%
    }
    .old-pages .author-list li:nth-child(3n) {
        margin-right: 0
    }
}

@media (min-width: 801px) {
    .old-pages .author-list li {
        width: 22%;
        margin-right: 4%;
        margin-bottom: 3em
    }
    .old-pages .author-list li:nth-child(2n),
    .old-pages .author-list li:nth-child(3n) {
        margin-right: 4%
    }
    .old-pages .author-list li:nth-child(4n) {
        margin-right: 0
    }
}

.old-pages .author-list li img {
    width: 100%;
    display: block
}

.old-pages .author-list li .author-name {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 98%;
    width: 92%;
    padding: 1% 4%;
    overflow: hidden;
    text-align: right
}

@media (min-width: 801px) {
    .old-pages .author-list li .author-name {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        transition: height .35s
    }
}

.old-pages .author-list li .author-name h3 {
    position: absolute;
    right: .5em;
    bottom: 0;
    font-size: 1em;
    vertical-align: bottom;
    height: 1.75em;
    line-height: 1.75em;
    color: white
}

.old-pages .author-about {
    position: relative;
    overflow: hidden;
    padding-bottom: 2.5em;
    border-bottom: 2px solid #D8D8D7;
    margin-bottom: 2.5em
}

.old-pages .author-pic {
    width: 94%;
    padding: 3%
}

@media (min-width: 481px) {
    .old-pages .author-pic {
        float: right;
        width: 20%;
        padding: 0
    }
}

.old-pages .author-pic img {
    display: block
}

.old-pages .author-des {
    width: 94%;
    padding: 3%
}

@media (min-width: 481px) {
    .old-pages .author-des {
        float: left;
        width: 75%;
        padding: 0% 0 1.5% 0
    }
}

.old-pages .author-des h2 {
    font-size: 2.25em;
    line-height: 1.75
}

.old-pages .author-des p {
    padding-bottom: .75em;
    font-size: 1.15em;
    line-height: 1.6
}

.old-pages .author-des p a {
    color: #911E3B;
    border-bottom: 1px solid #911E3B
}

.old-pages .author-des p a:hover {
    border-bottom: none
}

.old-pages .author-des .sub-edm {
    position: relative;
    margin-top: 1.5em
}

@media (min-width: 801px) {
    .old-pages .author-des .sub-edm {
        width: 100%
    }
}

.old-pages .author-des .sub-edm h3 {
    font-size: 1.25em;
    line-height: 2
}

.old-pages .author-des .sub-edm input.text {
    width: 75%;
    padding: 5px 10px;
    border: 1px solid #b7b7b7;
    height: 28px;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 3px #D8D8D7
}

@media (min-width: 481px) {
    .old-pages .author-des .sub-edm input.text {
        width: 80%
    }
}

.old-pages .author-des .sub-edm a.btn {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 30%;
    padding: 5px 10px;
    height: 30px;
    font-size: 1em;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    background-color: #911E3B;
    color: white;
    border-radius: 0 2px 2px 0
}

@media (min-width: 481px) {
    .old-pages .author-des .sub-edm a.btn {
        width: 25%;
        font-size: 1.15em
    }
}

.old-pages~.vex.vex-theme-plain {
    position: fixed;
    top: 40px;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3)
}

.old-pages~.vex.vex-theme-plain .vex-content.promo {
    padding: 0;
    width: 800px;
    background-color: transparent;
    position: relative;
    margin: auto
}

.old-pages~.vex.vex-theme-plain .vex-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.old-pages~.vex.vex-theme-plain .vex-close:before {
    position: absolute;
    content: "\00D7";
    font-size: 26px;
    font-weight: normal;
    line-height: 31px;
    height: 30px;
    width: 30px;
    text-align: center;
    top: 3px;
    right: 3px;
    color: #bbbbbb;
    background: transparent
}

.old-pages~.vex.vex-theme-plain .vex-close:hover:before {
    background: transparent
}

.old-pages~.vex.vex-theme-plain .promo-main {
    font-size: 1.2em
}

.old-pages~.vex.vex-theme-plain .promo-banner img {
    display: block
}

.old-pages~.vex.vex-theme-plain .promo-inner {
    z-index: 10;
    background: white url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/article_popup_bg.jpg") top right no-repeat;
    background-size: cover;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35)
}

.old-pages~.vex.vex-theme-plain .promo-top {
    padding: 1em 2em;
    text-align: center
}

.old-pages~.vex.vex-theme-plain .promo-top h2 {
    font-size: 2.25em;
    line-height: 1.25;
    font-weight: normal;
    color: white;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-top h2 {
        font-size: 3em
    }
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .promo-top h2 {
        font-size: 4em
    }
}

.old-pages~.vex.vex-theme-plain .promo-top h3 {
    font-size: 1.75em;
    line-height: 1.25;
    font-weight: normal;
    color: white;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-top h3 {
        font-size: 2.25em
    }
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .promo-top h3 {
        font-size: 3em
    }
}

.old-pages~.vex.vex-theme-plain .promo-top p {
    font-size: 1.15em;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-top p {
        font-size: 1.5em
    }
}

.old-pages~.vex.vex-theme-plain .promo-countdown .event-countdown {
    padding: 0 0 1em;
    text-align: center
}

.old-pages~.vex.vex-theme-plain .promo-countdown .event-countdown p {
    color: white
}

.old-pages~.vex.vex-theme-plain .promo-bottom {
    padding: 2em
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-bottom {
        padding: 2em 5em
    }
}

.old-pages~.vex.vex-theme-plain .promo-bottom .promo-edm {
    position: relative;
    max-width: 450px;
    margin: 0 auto
}

.old-pages~.vex.vex-theme-plain .promo-bottom input.text {
    box-sizing: border-box;
    width: 75%;
    padding: 5px 10px;
    border: 1px solid #b7b7b7;
    height: 40px;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 3px #D8D8D7
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-bottom input.text {
        width: 80%
    }
}

.old-pages~.vex.vex-theme-plain .promo-bottom a.btn {
    position: absolute;
    right: 0;
    width: 25%;
    padding: 5px 10px;
    height: 30px;
    font-size: 1.25em;
    line-height: 30px
}

.old-pages~.vex.vex-theme-plain .promo-login {
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    margin-top: 2em;
    padding-top: 1em;
    text-align: center
}

.old-pages~.vex.vex-theme-plain .promo-login h3 {
    padding: .5em 0 .25em;
    font-size: 1.5em;
    line-height: 2;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-login h3 {
        font-size: 2em
    }
}

.old-pages~.vex.vex-theme-plain .promo-login p {
    padding-top: .75em;
    line-height: 1.5;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .promo-login p {
        font-size: 1.15em
    }
}

.old-pages~.vex.vex-theme-plain .promo-login a.promo-join-btn {
    width: 280px;
    height: 35px;
    font-size: 1.75em;
    line-height: 35px;
    vertical-align: middle
}

.old-pages~.vex.vex-theme-plain .promo-btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.old-pages~.vex.vex-theme-plain .event-countdown {
    padding: 1em 0 3.5em
}

.old-pages~.vex.vex-theme-plain .event-countdown li {
    position: relative;
    display: inline-block;
    padding: .25em .5em;
    margin: .2em;
    color: white;
    background-color: black;
    border-radius: 10%;
    background: linear-gradient(black, #555 50%, black 51%)
}

.old-pages~.vex.vex-theme-plain .event-countdown li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.65)
}

.old-pages~.vex.vex-theme-plain .event-countdown p {
    font-size: 3.5em;
    line-height: 1.1em;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.85)
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .event-countdown p {
        font-size: 5em
    }
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .event-countdown p {
        font-size: 6.5em
    }
}

.old-pages~.vex.vex-theme-plain .event-countdown span {
    position: absolute;
    top: 103%;
    left: 0;
    width: 100%;
    font-size: 1.35em;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(85, 85, 85, 0.85)
}

.old-pages~.vex.vex-theme-plain .event-countdown span.date {
    display: none
}

.old-pages~.vex.vex-theme-plain .image {
    width: 100%;
    height: 200px;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/popup_email_banner.jpg") top center no-repeat;
    background-size: cover
}

@media (min-width: 481px) {
    .old-pages~.vex.vex-theme-plain .image {
        height: 300px
    }
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .image {
        float: left;
        width: 50%;
        height: 400px
    }
}

.old-pages~.vex.vex-theme-plain .text {
    width: 100%;
    padding: 5%
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .text {
        float: left;
        width: 50%
    }
}

.old-pages~.vex.vex-theme-plain .text h4 {
    margin: 0 0 .5em;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: bold
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .text h4 {
        margin-top: 1em;
        font-size: 1.5em
    }
}

.old-pages~.vex.vex-theme-plain .text p {
    font-size: .8em
}

.old-pages~.vex.vex-theme-plain .text p span {
    font-size: 1em;
    color: #911E3B
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .text p {
        font-size: .9em
    }
}

.old-pages~.vex.vex-theme-plain .text .email-subscription {
    width: 100%;
    max-width: 400px;
    padding: 1.5em 0 0;
    background-color: #FFF;
    margin: 0 auto
}

.old-pages~.vex.vex-theme-plain .text .email-subscription input[type=text] {
    vertical-align: top;
    width: 100%;
    max-width: 350px;
    height: 45px;
    padding: 0 2%;
    font-size: 1em;
    outline: none;
    box-shadow: inset 2px 2px 0 whitesmoke
}

.old-pages~.vex.vex-theme-plain .text .email-subscription .button {
    border-radius: 3px;
    width: 40%;
    max-width: 150px;
    height: 45px;
    margin: 0;
    padding: 0 .5em;
    font-size: 1em;
    line-height: 45px
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .text .email-subscription .button {
        font-size: 1.15em
    }
}

.old-pages~.vex.vex-theme-plain .text .email-subscription .button img {
    vertical-align: middle;
    width: .4em;
    margin: 0 4px 3px 0
}

@media (min-width: 801px) {
    .old-pages~.vex.vex-theme-plain .text .email-subscription .button img {
        width: .45em
    }
}

.old-pages .slide-dock {
    position: fixed;
    right: 0;
    bottom: -320px;
    z-index: 2;
    width: 320px;
    transition: .5s, all
}

.old-pages .slide-dock img {
    width: 100%;
    display: block
}

.old-pages .slide-dock.slide-dock-on {
    transform: translate(0, -320px)
}

.old-pages .slide-dock.slide-dock-off {
    transform: translate(0, 320px)
}

.old-pages .slide-dock .slide-dock-inner {
    position: relative
}

.old-pages .slide-dock .close-dock {
    position: absolute;
    left: 5px;
    top: 5px
}

.old-pages .slide-dock .close-dock img {
    width: 20px
}

.old-pages.terms .sidebar-container .aside-nav,
.old-pages.faq .sidebar-container .aside-nav,
.old-pages.privacy .sidebar-container .aside-nav {
    margin: 0;
    display: none
}

@media (min-width: 481px) {
    .old-pages.terms .sidebar-container .aside-nav,
    .old-pages.faq .sidebar-container .aside-nav,
    .old-pages.privacy .sidebar-container .aside-nav {
        display: block
    }
}

.old-pages .faq h2.question {
    padding: 10px 0 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #D8D8D7;
    font-size: 1.5em;
    text-align: left;
    line-height: 1.5;
    font-weight: normal;
    cursor: pointer
}

@media (min-width: 801px) {
    .old-pages .faq h2.question {
        font-size: 1.65em
    }
}

.old-pages .faq .answer {
    padding: 0 0 2em;
    border-bottom: 1px solid #D8D8D7
}

.old-pages .faq .answer p,
.old-pages .faq .answer li {
    font-size: 16px
}

@media (min-width: 801px) {
    .old-pages .faq .answer p,
    .old-pages .faq .answer li {
        font-size: 16px
    }
}

.old-pages .faq .team-info {
    width: 100%;
    padding-bottom: 3%;
    float: left
}

@media (min-width: 481px) {
    .old-pages .faq .team-info {
        width: 50%
    }
}

.old-pages .faq .team-info .team-info-pic {
    width: 30%;
    padding-right: 5%;
    float: left
}

.old-pages .faq .team-info .team-info-des {
    width: 60%;
    float: left
}

.old-pages .cart-title {
    width: 100%
}

.old-pages .cart-title .subtitle {
    display: none
}

@media (min-width: 481px) {
    .old-pages .cart-title .subtitle {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40%;
        float: right;
        vertical-align: bottom
    }
}

.old-pages .cart-title .subtitle span {
    display: inline-block;
    padding-right: 2%;
    font-size: .75em
}

@media (min-width: 801px) {
    .old-pages .cart-title .subtitle span {
        font-size: .65em
    }
}

.old-pages .cart-title .subtitle span:nth-child(1) {
    width: 30%
}

@media (min-width: 801px) {
    .old-pages .cart-title .subtitle span:nth-child(1) {
        width: 20%
    }
}

.old-pages .cart-title .subtitle span:nth-child(2) {
    width: 44%
}

@media (min-width: 801px) {
    .old-pages .cart-title .subtitle span:nth-child(2) {
        width: 34%
    }
}

.old-pages .cart-title .subtitle span:nth-child(3) {
    display: none
}

@media (min-width: 801px) {
    .old-pages .cart-title .subtitle span:nth-child(3) {
        display: inline-block;
        width: 25%
    }
}

.old-pages .cart-title .subtitle span:nth-child(4) {
    width: 20%
}

@media (min-width: 801px) {
    .old-pages .cart-title .subtitle span:nth-child(4) {
        width: 10%
    }
}

.old-pages .cart-list ul {
    width: 100%;
    margin-bottom: 1.5em
}

.old-pages .cart-list li {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    clear: both;
    padding: 1em 0;
    border-bottom: 1px solid #b7b7b7
}

@media (min-width: 481px) {
    .old-pages .cart-list li {
        align-items: center
    }
}

.old-pages .cart-list li.half-column {
    width: 100%;
    float: left;
    clear: none
}

@media (min-width: 801px) {
    .old-pages .cart-list li.half-column {
        width: 45%;
        padding-right: 5%;
        height: 60px
    }
}

.old-pages .cart-list li span {
    color: #262626;
    line-height: 1.5
}

.old-pages .cart-list li .total-price {
    font-size: 1.25em;
    color: #ff1a55
}

.old-pages .cart-list li.cart-price {
    font-size: 1.2em;
    text-align: right
}

.old-pages .cart-list li.cart-price.total-price {
    font-size: 1.5em;
    font-weight: bold;
    color: #911E3B
}

.old-pages .cart-list input[type="text"],
.old-pages .cart-list input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 10px;
    outline: none;
    transition: .5s all
}

.old-pages .cart-list input[type="checkbox"] {
    height: auto;
    border: none;
    box-shadow: none
}

.old-pages .cart-list-image {
    flex: 0 0 25%
}

@media (min-width: 481px) {
    .old-pages .cart-list-image {
        flex: 0 0 10%
    }
}

.old-pages .cart-list-image img {
    width: 90%;
    border: 1px solid #D8D8D7
}

.old-pages .cart-list-text {
    flex: 0 0 74%
}

@media (min-width: 481px) {
    .old-pages .cart-list-text {
        flex: 0 0 89%
    }
}

.old-pages .cart-list-text-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.old-pages .cart-list-title {
    width: 85%;
    padding-right: 15%
}

@media (min-width: 481px) {
    .old-pages .cart-list-title {
        width: 53.5%;
        padding-right: 2%
    }
}

.old-pages .cart-list-title h4 {
    font-size: 1.25em
}

.old-pages .cart-list-title a span {
    font-size: 1em;
    display: block
}

.old-pages .cart-list-quantity {
    width: 25%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em
}

@media (min-width: 481px) {
    .old-pages .cart-list-quantity {
        width: 13.5%
    }
}

@media (min-width: 801px) {
    .old-pages .cart-list-quantity {
        width: 9%
    }
}

.old-pages .cart-list-quantity select {
    height: 40px;
    vertical-align: top;
    outline: none;
    font-size: 1em;
    background-color: white;
    border-radius: 0
}

.old-pages .cart-list-quantity .quantity-button {
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 .2em;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    border-radius: 3px
}

.old-pages .cart-list-price {
    width: 70%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em
}

@media (min-width: 481px) {
    .old-pages .cart-list-price {
        width: 20%
    }
}

@media (min-width: 801px) {
    .old-pages .cart-list-price {
        width: 15%
    }
}

.old-pages .cart-list-price .price-member {
    color: #911E3B
}

.old-pages .cart-list-subtotal {
    display: none
}

@media (min-width: 801px) {
    .old-pages .cart-list-subtotal {
        display: table-cell;
        width: 11%;
        padding-right: 1%;
        font-size: 1.25em
    }
}

.old-pages .cart-list-delete {
    position: absolute;
    top: 1em;
    right: 0;
    display: table-cell;
    width: 5%;
    opacity: .5;
    cursor: pointer
}

@media (min-width: 481px) {
    .old-pages .cart-list-delete {
        position: static
    }
}

.old-pages .cart-list-delete:hover {
    opacity: 1
}

.old-pages .cart-list-note {
    box-sizing: border-box;
    width: 100%;
    padding: .75em 10px;
    border: 1px solid #D8D8D7;
    margin: .5em 0 0
}

.old-pages .cart-list-note a {
    display: block;
    font-size: 1.25em
}

.old-pages .cart-list-note a span {
    display: block;
    float: left
}

.old-pages .cart-list-note a span:first-child {
    width: 25%
}

@media (min-width: 801px) {
    .old-pages .cart-list-note a span:first-child {
        width: 10%
    }
}

.old-pages .cart-list-note a span:last-child {
    width: 75%
}

@media (min-width: 801px) {
    .old-pages .cart-list-note a span:last-child {
        width: 90%
    }
}

.old-pages .cart-list-note a span img {
    width: 1em;
    margin-bottom: 2px;
    vertical-align: middle
}

.old-pages .cart-list-note a.unqualified span {
    color: #911E3B
}

.old-pages .cart-bottom {
    background-color: whitesmoke;
    padding: 1em;
    margin-bottom: 3em
}

@media (min-width: 481px) {
    .old-pages .cart-bottom {
        padding: 1.5em
    }
}

.old-pages .discount-code {
    width: 100%;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages .discount-code {
        float: left;
        width: 50%;
        text-align: left
    }
}

.old-pages .discount-code span {
    display: inline-block;
    padding: 9px 6px 9px 0;
    font-size: 1.15em
}

@media (min-width: 801px) {
    .old-pages .discount-code span {
        font-size: 1.25em
    }
}

.old-pages .discount-code span .points-number {
    padding: 0 1em 0 .5em;
    color: #ff1a55
}

.old-pages .discount-code form {
    padding: .5em 0 1em
}

.old-pages .discount-code input[type="text"] {
    width: 100px;
    height: 32px;
    box-sizing: border-box;
    margin: 0 .5em 0 0;
    padding: 0 5px;
    outline: none;
    transition: .5s all
}

@media (min-width: 801px) {
    .old-pages .discount-code input[type="text"] {
        width: 150px;
        padding: 8px 10px
    }
}

.old-pages .discount-code button {
    display: inline-block;
    height: 32px;
    padding: 0 1em;
    border: none;
    border-radius: 5px;
    margin-right: .5em;
    font-size: 1.15em;
    line-height: 32px;
    color: white;
    background-color: #1F1122;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

.old-pages .discount-code button:hover {
    color: white;
    background-color: #911E3B
}

@media (min-width: 801px) {
    .old-pages .discount-code button {
        padding: 0 1.5em;
        font-size: 1.35em
    }
}

.old-pages .cart-total {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .cart-total {
        float: right;
        width: 320px
    }
}

.old-pages .cart-total li {
    width: 100%;
    padding: .35em 0;
    text-align: right;
    font-size: 1.15em
}

@media (min-width: 801px) {
    .old-pages .cart-total li {
        font-size: 1.25em
    }
}

.old-pages .cart-total li span {
    display: inline-block;
    width: 60px
}

.old-pages .cart-total li:last-child {
    border-top: 1px dashed #b7b7b7
}

.old-pages .cart-related ul {
    margin-bottom: 2em
}

.old-pages .cart-related li {
    position: relative;
    width: 47.5%;
    margin: 2.5% 4.5% 2.5% 0;
    display: block;
    float: left
}

.old-pages .cart-related li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 801px) {
    .old-pages .cart-related li {
        width: 18%;
        padding: 0;
        margin: 1.5% 2.5% 0 0
    }
    .old-pages .cart-related li:last-child {
        display: block
    }
    .old-pages .cart-related li:nth-child(2n) {
        margin-right: 2.5%
    }
    .old-pages .cart-related li:nth-child(5n) {
        margin-right: 0
    }
}

.old-pages .cart-related img {
    width: 100%;
    border: 1px solid #D8D8D7;
    margin: 0 auto;
    margin-bottom: .5em
}

.old-pages .cart-related h4 {
    min-height: 3em;
    margin-bottom: .25em;
    font-size: 1.1em;
    line-height: 1.5;
    color: #262626
}

.old-pages .cart-related p.price {
    font-size: 1.1em;
    margin-bottom: .5em;
    font-size: 1.1em;
    line-height: 1.5
}

.old-pages .cart-related p.price .price-market {
    padding-right: .5em;
    text-decoration: line-through;
    color: #555
}

.old-pages .cart-related p.price .price-member {
    color: #911E3B
}

.old-pages .cart-related-action span {
    font-size: 1em;
    line-height: 32px
}

@media (min-width: 481px) {
    .old-pages .cart-related-action span {
        font-size: 1.15em
    }
}

.old-pages .cart-related-action select {
    width: auto;
    height: 32px;
    margin: 0 .2em;
    vertical-align: top;
    outline: none;
    font-size: 1em;
    background-color: white;
    border-radius: 0
}

.old-pages .cart-related-action button {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    padding: 0 .5em;
    border: none;
    border-radius: 5px;
    margin-right: .5em;
    font-size: 1em;
    line-height: 32px;
    color: white;
    background-color: #1F1122;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

.old-pages .cart-related-action button:hover {
    color: white;
    background-color: #911E3B
}

.old-pages .completion-banner {
    position: relative;
    width: 100%;
    height: 440px;
    padding: 2em 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/banner/join_top.jpg") center center no-repeat;
    background-size: cover
}

.old-pages .completion-banner-des {
    display: table;
    width: 84%;
    height: 330px;
    padding: 35px 5%;
    margin: 0 3%;
    background-color: #262626;
    background-color: rgba(38, 38, 38, 0.65)
}

@media (min-width: 801px) {
    .old-pages .completion-banner-des {
        width: 32%;
        min-width: 300px;
        padding: 35px 60px;
        margin: 0 auto
    }
}

.old-pages .completion-banner-des-inner {
    display: table-cell;
    vertical-align: middle;
    color: white
}

.old-pages .completion-banner-des-inner li,
.old-pages .completion-banner-des-inner p,
.old-pages .completion-banner-des-inner h1 {
    color: white;
    text-shadow: 0 2px 10px #262626
}

.old-pages .completion-banner-des-inner img.icon-completion {
    width: 70px;
    display: block;
    margin: 0 auto
}

.old-pages .completion-banner-des-inner h1 {
    border-bottom: 2px solid #b7b7b7;
    margin-bottom: .75em;
    font-size: 2em;
    font-weight: lighter;
    text-align: center
}

.old-pages .completion-banner-des-inner ul {
    margin-bottom: .75em
}

.old-pages .completion-banner-des-inner li {
    margin-left: 1.25em;
    font-size: 1.35em;
    line-height: 1.5;
    list-style-type: disc
}

.old-pages .completion-banner-des-inner p {
    font-size: 1.15em
}

.old-pages .completion-banner-des-inner a {
    color: #fc0
}

.old-pages .completion-banner-des-inner .join-btn {
    margin: 0 auto 1.5em;
    text-align: center;
    border-radius: 3px
}

.old-pages .completion-banner-des-inner .join-btn a {
    height: 50px;
    width: 75%;
    font-size: 2.5em;
    line-height: 50px
}

.old-pages .completion-banner-des-inner .join-btn a img {
    display: inline;
    vertical-align: middle;
    width: 22px;
    padding-bottom: 2px
}

.old-pages .completion-share {
    padding: 5em 0;
    border-bottom: 1px solid #D8D8D7;
    text-align: center;
    background-color: white
}

.old-pages .completion-share h2 {
    font-size: 1.75em;
    line-height: 1.25;
    font-weight: lighter;
    color: #555
}

@media (min-width: 481px) {
    .old-pages .completion-share h2 {
        font-size: 2.5em
    }
}

.old-pages .completion-share a.button {
    display: inline-block;
    padding: .35em 2em;
    border: 2px solid #2f89de;
    margin: .5em;
    font-size: .85em;
    color: #567b9c;
    border-radius: 3px;
    transition: all .35s
}

.old-pages .completion-share a.button:hover {
    color: white;
    background-color: #567b9c
}

.old-pages .completion-link {
    padding: 5em 0 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

@media (min-width: 801px) {
    .old-pages .completion-link-left {
        float: left;
        width: 48%;
        padding-right: 0.8%
    }
}

@media (min-width: 801px) {
    .old-pages .completion-link-right {
        float: right;
        width: 48%
    }
}

.old-pages .completion-link-inner {
    margin-bottom: 5em;
    position: relative
}

.old-pages .completion-link-inner img {
    display: block;
    width: 100%
}

.old-pages .completion-link-des {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em;
    transition: all .5s
}

.old-pages .completion-link-des-content {
    height: 100%;
    width: 100%;
    display: table
}

.old-pages .completion-link-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.old-pages .completion-link-text h2 {
    margin-bottom: .5em;
    font-size: 2em;
    line-height: 1.15;
    font-weight: lighter;
    color: white;
    text-shadow: 0 2px 3px #262626
}

@media (min-width: 481px) {
    .old-pages .completion-link-text h2 {
        font-size: 2.5em
    }
}

.old-pages .completion-link-text a.button {
    position: static;
    width: auto;
    padding: .5em 2em;
    font-size: 1.75em
}

.old-pages .checkout {
    padding: 2em 2%
}

@media (min-width: 801px) {
    .old-pages .checkout {
        max-width: 960px;
        margin: 0 auto
    }
}

.old-pages .checkout h3 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #262626;
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: 1.35;
    color: #262626
}

@media (min-width: 801px) {
    .old-pages .checkout h3 {
        font-size: 2em
    }
}

.old-pages .checkout h3.title-application {
    cursor: pointer
}

.old-pages .checkout h3.title-application.active {
    cursor: default
}

.old-pages .checkout h3.title-application.active span.more {
    display: none
}

.old-pages .checkout h3 span {
    display: inline-block;
    font-size: .65em
}

.old-pages .checkout h3 span.more {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 .15em;
    font-size: .75em;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
    text-align: center
}

.old-pages .checkout h4 {
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: 1.5
}

.old-pages .checkout p {
    font-size: 1.35em;
    line-height: 1.85
}

.old-pages .checkout-process {
    height: 80px;
    width: 100%;
    padding-top: 2em;
    margin: 30px 0;
    text-align: center;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/checkout_process_bg.png") left bottom repeat-x
}

.old-pages .checkout-process li {
    display: inline-block;
    height: 80px;
    width: 100px;
    font-size: 1.25em;
    line-height: 25px;
    text-align: center;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/checkout_process_normal.png") bottom center no-repeat
}

@media (min-width: 481px) {
    .old-pages .checkout-process li {
        width: 150px
    }
}

.old-pages .checkout-process li span {
    display: block;
    height: 55px;
    font-size: 1.25em;
    line-height: 55px;
    color: white
}

.old-pages .checkout-process li.current {
    color: #911E3B;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/checkout_process_active.png") bottom center no-repeat
}

.old-pages .info {
    margin-bottom: 3em;
    background-color: white;
    box-shadow: 0 0 2px #b7b7b7
}

.old-pages .info p {
    padding-bottom: .5em;
    text-align: left;
    font-size: 1.25em;
    line-height: 1.5
}

.old-pages .info p span {
    margin: 0 5px
}

.old-pages .info p span input#name {
    border-bttom: 1px solid #555;
    width: 150px;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    text-align: center
}

.old-pages .info p.em {
    font-size: 1.35em;
    color: #5D2F14
}

.old-pages .info a {
    color: #911E3B;
    text-decoration: underline
}

.old-pages .info a:hover {
    color: #6C0A26
}

.old-pages .info-application p {
    padding-bottom: .5em;
    text-align: left;
    font-size: 1.25em;
    line-height: 1.5
}

.old-pages .card-tip {
    padding: 1.5em;
    border-bottom: 1px solid #D8D8D7;
    background-color: whitesmoke
}

.old-pages .card-tip img {
    float: left
}

.old-pages .card-tip p {
    display: inline-block;
    padding: 5px 0 0 10px;
    font-size: 1.25em;
    line-height: 1.5;
    color: #567b9c
}

.old-pages .card-tip span.note {
    display: block;
    font-size: .9em;
    color: #81827D
}

.old-pages .card-tip span.note a {
    color: #555
}

.old-pages .card-tip span.note a:hover {
    color: #911E3B
}

.old-pages .info-inner {
    position: relative;
    padding: 1.5em
}

.old-pages .info-inner ul {
    width: 100%
}

.old-pages .info-inner li {
    display: block;
    clear: both;
    padding: 2% 0;
    border-bottom: 1px solid whitesmoke
}

.old-pages .info-inner li.half-column {
    width: 100%;
    float: left;
    clear: none
}

@media (min-width: 801px) {
    .old-pages .info-inner li.half-column {
        width: 45%;
        padding-right: 5%;
        height: 60px
    }
}

.old-pages .info-inner li span {
    color: #262626;
    font-size: 1.2em;
    line-height: 1.5
}

.old-pages .info-inner li span span {
    font-size: 1em;
    padding: 0 .5em 0 5px
}

.old-pages .info-inner li span.cvv {
    display: inline-block;
    width: 180px;
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/card_back.png");
    background-repeat: no-repeat;
    background-position: 70px 0px
}

.old-pages .info-inner li span.tab {
    display: block;
    width: 100%;
    margin-bottom: .25em;
    font-size: 1.35em;
    font-weight: bold
}

.old-pages .info-inner li span.tab label {
    font-size: 1em
}

.old-pages .info-inner li span.tab span {
    font-size: .813em;
    color: #81827D
}

.old-pages .info-inner li span.tab span.star {
    padding: 0;
    color: #911E3B
}

.old-pages .info-inner li span.card-type span {
    display: inline-block;
    padding-right: 0;
    line-height: 30px
}

.old-pages .info-inner li span.card-type img.card-type-icon {
    width: 40px;
    vertical-align: middle
}

.old-pages .info-inner li span.fax {
    display: inline-block;
    padding: 5px 15px;
    margin-top: 10px;
    font-size: 1.2em;
    color: white;
    background-color: #911E3B;
    border-radius: 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35)
}

.old-pages .info-inner li span.total-price {
    font-size: 1.25em;
    color: #ff1a55
}

@media (min-width: 481px) {
    .old-pages .info-inner li.coupon {
        position: absolute;
        top: -5.35em;
        right: 0;
        border: none
    }
}

.old-pages .info-inner li.coupon span.coupon-button {
    padding: 3px .5em 2px;
    border: 1px solid #911E3B;
    color: #911E3B;
    font-size: 1.35em;
    cursor: pointer;
    line-height: 30px;
    vertical-align: top;
    border-radius: 2px
}

.old-pages .info-inner li.coupon span.coupon-button.active {
    border: 1px solid transparent;
    color: #262626;
    background-color: none;
    cursor: default
}

.old-pages .info-inner li.coupon span {
    display: inline-block;
    padding: 0;
    color: #555;
    font-size: 1.35em
}

.old-pages .info-inner li.code img {
    width: 18px;
    padding: 2px .5em 0 0;
    vertical-align: top
}

.old-pages .info-inner li.code span {
    display: inline-block;
    color: #555;
    font-size: 1.35em
}

.old-pages .info-inner label {
    font-size: 1em
}

.old-pages .info-inner input[type="text"],
.old-pages .info-inner input[type="tel"],
.old-pages .info-inner input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 10px;
    outline: none;
    transition: .5s all
}

.old-pages .info-inner input[type="checkbox"] {
    height: auto;
    border: none;
    box-shadow: none
}

.old-pages .info-inner select {
    width: 80px;
    height: 28px;
    margin: 0 10px 10px 0;
    outline: none
}

.old-pages .card-number,
.old-pages .card-expires,
.old-pages .card-cvc {
    float: left;
    padding-right: 1em
}

.old-pages .member-info {
    padding: 1.5em;
    margin-top: .5em;
    background-color: whitesmoke
}

.old-pages .member-info-btn {
    text-align: right
}

.old-pages .member-info-btn a {
    padding: 2px 10px;
    margin-left: .25em;
    text-decoration: none;
    color: #555
}

.old-pages .member-info-btn a:hover {
    color: white
}

.old-pages .checkout-policy {
    margin-bottom: 1em
}

.old-pages .checkout-policy ul {
    padding: 2em 2em 1.5em 3.5em;
    background-color: whitesmoke
}

.old-pages .checkout-policy li {
    margin-bottom: .75em;
    font-size: 14px;
    line-height: 1.75;
    list-style-type: disc
}

.old-pages .checkout-policy li span {
    color: #B22B4D;
    font-size: 14px
}

.old-pages .next .prev-btn {
    padding: 0 1em;
    margin: 0 .25em .25em;
    vertical-align: top;
    font-size: 1.5em;
    line-height: 2
}

@media (min-width: 481px) {
    .old-pages .next .prev-btn {
        padding: 0 2em;
        font-size: 1.75em
    }
}

.old-pages .next .next-btn {
    padding: 0 1em;
    margin: 0 .25em .25em;
    font-size: 1.5em;
    line-height: 2
}

@media (min-width: 481px) {
    .old-pages .next .next-btn {
        padding: 0 2em;
        font-size: 1.75em
    }
}

.old-pages .next .checkout-btn {
    padding: 0 1em;
    margin: 0 .25em .5em;
    font-size: 1.5em;
    line-height: 2
}

.old-pages .next .checkout-btn:disabled {
    background-color: #b7b7b7;
    background-image: none
}

@media (min-width: 481px) {
    .old-pages .next .checkout-btn {
        padding: 0 2em;
        font-size: 1.75em
    }
}

.old-pages .next p {
    display: inline-block;
    width: 100%;
    padding: .5em 0
}

.old-pages .next span {
    font-size: 1.15em;
    line-height: 2;
    color: #555
}

.old-pages .next img.ssl {
    width: 125px;
    padding: 2em
}

.old-pages .age-checker label {
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer
}

.old-pages .age-checker .switch-button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 50px;
    height: 25px;
    margin: 0 8px 2px 0;
    background: #555;
    border-radius: 50px
}

.old-pages .age-checker .switch-button:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 23px;
    height: 23px;
    background: white;
    border-radius: 50px;
    transition: .2s
}

.old-pages .age-checker .switch-button:active:after {
    width: 25px
}

.old-pages .age-checker input[type='checkbox'] {
    width: 0;
    height: 0;
    visibility: hidden
}

.old-pages .age-checker input[type='checkbox']:checked+.switch-button {
    background: #03b381
}

.old-pages .age-checker input[type='checkbox']:checked+.switch-button:after {
    left: calc(100% - 1px);
    transform: translateX(-100%)
}

.old-pages .join-success {
    text-align: center;
    width: 80%;
    margin: 25px auto 1em;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages .join-success {
        margin: 5em auto 2em;
        text-align: left
    }
}

.old-pages .join-success p {
    padding-top: .65em;
    font-size: 1.25em
}

.old-pages .join-success ul {
    padding: 8px 0;
    border-bottom: 1px solid #D8D8D7;
    margin-bottom: 8px
}

.old-pages .join-success li {
    list-style-type: disc;
    padding-bottom: 8px;
    margin-left: 20px;
    font-size: 1.35em;
    line-height: 1.35
}

.old-pages .join-success li span {
    color: #03b381;
    font-size: .813em
}

.old-pages .join-success span.note {
    font-size: 1.1em;
    color: #81827D;
    line-height: 1.6
}

.old-pages .join-success span.note a {
    color: #911E3B;
    text-decoration: underline
}

.old-pages .join-success img {
    width: 50%
}

@media (min-width: 801px) {
    .old-pages .join-success img {
        width: 30%;
        float: left
    }
}

.old-pages .join-success .des {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .join-success .des {
        padding-left: 1.5em;
        float: left;
        width: 60%
    }
}

.old-pages .join-success .des h1 {
    margin: 1em 0 0;
    font-size: 1.55em;
    line-height: 1.5;
    color: #911E3B;
    font-weight: normal
}

@media (min-width: 801px) {
    .old-pages .join-success .des h1 {
        font-size: 2em
    }
}

.old-pages .join-success .des h2 {
    margin: .5em 0;
    font-size: 1.35em;
    line-height: 1.5;
    font-weight: normal
}

@media (min-width: 801px) {
    .old-pages .join-success .des h2 {
        font-size: 1.75em
    }
}

.old-pages #mainFrame {
    width: 100%;
    height: 400px
}

.old-pages .event-about .event-info {
    padding: 1.5em;
    margin-bottom: 15px;
    background-color: whitesmoke
}

.old-pages .event-about .event-info li {
    list-style: none;
    font-size: 1.35em;
    line-height: 2
}

.old-pages .event-about .event-info li span.tab {
    font-size: 1em;
    font-weight: bold;
    color: #5D2F14
}

.old-pages .event-about .event-info li span.member-price {
    font-size: 1.5em;
    color: #ff1a55
}

.old-pages .event-about p {
    font-size: 1.35em
}

.old-pages .event-about h4 {
    padding: 10px 0 5px;
    font-size: 1.35em;
    color: #5D2F14
}

.old-pages .event-about li {
    font-size: 1.2em;
    line-height: 1.5;
    margin-left: 20px;
    list-style-type: disc
}

.old-pages .event-about p.note {
    padding: 10px 0;
    margin: 5px 0;
    font-size: 1.1em;
    color: #911E3B
}

.old-pages .purchase-btn,
.old-pages .card-submit-btn {
    display: block;
    border: none;
    padding: .5em 2em;
    margin: 1em auto;
    font-size: 1.5em;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

.old-pages .purchase-loading,
.old-pages .card-submit-loading {
    display: none;
    padding-top: 1.85em;
    text-align: center
}

.old-pages .purchase-loading img,
.old-pages .card-submit-loading img {
    width: 50px
}

.old-pages,
.old-pages~.vex.vex-theme-plain,
.old-pages~.footer {
    font-size: 12px
}

.old-pages .dialog-overlay,
.old-pages~.vex.vex-theme-plain .dialog-overlay,
.old-pages~.footer .dialog-overlay {
    background-color: white;
    background-image: none;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.old-pages .popBox,
.old-pages~.vex.vex-theme-plain .popBox,
.old-pages~.footer .popBox {
    width: 35%;
    background-color: white;
    border: 1px solid whitesmoke;
    position: absolute;
    top: 130px;
    left: 32%;
    z-index: 9999;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.03), 0 0 2px rgba(0, 0, 0, 0.1)
}

.old-pages .popBox .close-button,
.old-pages~.vex.vex-theme-plain .popBox .close-button,
.old-pages~.footer .popBox .close-button {
    position: absolute;
    background-image: url(/images/landing/close_button.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    width: 30px;
    height: 30px;
    right: 5px;
    cursor: pointer
}

.old-pages .popBox .pop-title h2,
.old-pages~.vex.vex-theme-plain .popBox .pop-title h2,
.old-pages~.footer .popBox .pop-title h2 {
    text-align: center;
    border-bottom: 1px dotted #EAEAEA;
    line-height: 1em
}

.old-pages .popBox .popBox-inner,
.old-pages~.vex.vex-theme-plain .popBox .popBox-inner,
.old-pages~.footer .popBox .popBox-inner {
    margin: 30px auto 20px auto;
    width: 82%
}

.old-pages .popBox .popBox-inner p,
.old-pages~.vex.vex-theme-plain .popBox .popBox-inner p,
.old-pages~.footer .popBox .popBox-inner p {
    line-height: 2em;
    font-size: 1.5em;
    text-align: center
}

.old-pages .popBox .popBox-inner p a,
.old-pages~.vex.vex-theme-plain .popBox .popBox-inner p a,
.old-pages~.footer .popBox .popBox-inner p a {
    font-size: 0.8em;
    color: #B22B4D
}

.old-pages .popBox .popBox-inner p a:hover,
.old-pages~.vex.vex-theme-plain .popBox .popBox-inner p a:hover,
.old-pages~.footer .popBox .popBox-inner p a:hover {
    text-decoration: underline
}

.old-pages .popBox .popBox-inner p.green,
.old-pages~.vex.vex-theme-plain .popBox .popBox-inner p.green,
.old-pages~.footer .popBox .popBox-inner p.green {
    color: #B22B4D;
    font-size: 1.3em;
    line-height: 3em
}

.old-pages .popBox .FB_like,
.old-pages~.vex.vex-theme-plain .popBox .FB_like,
.old-pages~.footer .popBox .FB_like {
    width: 360px;
    margin: 10px auto
}

.old-pages .lightbox,
.old-pages~.vex.vex-theme-plain .lightbox,
.old-pages~.footer .lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200
}

.old-pages .lightbox-area,
.old-pages~.vex.vex-theme-plain .lightbox-area,
.old-pages~.footer .lightbox-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    padding-bottom: 3%;
    overflow: hidden
}

@media (min-width: 481px) {
    .old-pages .lightbox-area,
    .old-pages~.vex.vex-theme-plain .lightbox-area,
    .old-pages~.footer .lightbox-area {
        top: 3%;
        left: 50%;
        width: 400px;
        margin-left: -200px
    }
}

.old-pages .lightbox-background,
.old-pages~.vex.vex-theme-plain .lightbox-background,
.old-pages~.footer .lightbox-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.old-pages .lightbox-inner,
.old-pages~.vex.vex-theme-plain .lightbox-inner,
.old-pages~.footer .lightbox-inner {
    position: absolute;
    top: 0;
    max-height: 90%;
    width: 94%;
    padding: 0;
    margin: 3%;
    font-size: 1.2em;
    background-color: white;
    z-index: 200;
    overflow-y: scroll;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35)
}

.old-pages .lightbox-inner .btn-close,
.old-pages~.vex.vex-theme-plain .lightbox-inner .btn-close,
.old-pages~.footer .lightbox-inner .btn-close {
    position: absolute;
    top: .5em;
    right: .5em;
    cursor: pointer
}

.old-pages .lightbox-main h3,
.old-pages~.vex.vex-theme-plain .lightbox-main h3,
.old-pages~.footer .lightbox-main h3 {
    padding: .25em 0 0;
    border-bottom: 1px solid #D8D8D7;
    margin-bottom: .65em;
    font-size: 1.75em;
    text-align: center;
    color: #911E3B !important
}

.old-pages .lightbox-main h4,
.old-pages~.vex.vex-theme-plain .lightbox-main h4,
.old-pages~.footer .lightbox-main h4 {
    padding: 2em 0 0;
    margin-bottom: .65em;
    font-size: 1.35em;
    text-align: center;
    color: #262626
}

.old-pages .lightbox-main img,
.old-pages~.vex.vex-theme-plain .lightbox-main img,
.old-pages~.footer .lightbox-main img {
    margin-bottom: .25em
}

.old-pages .lightbox-main p,
.old-pages~.vex.vex-theme-plain .lightbox-main p,
.old-pages~.footer .lightbox-main p {
    font-size: 1.15em;
    line-height: 1.65
}

.old-pages .lightbox-main a,
.old-pages~.vex.vex-theme-plain .lightbox-main a,
.old-pages~.footer .lightbox-main a {
    border-bottom: 1px solid #911E3B;
    color: #911E3B
}

.old-pages .lightbox-des,
.old-pages~.vex.vex-theme-plain .lightbox-des,
.old-pages~.footer .lightbox-des {
    padding: 0 2em 2em;
    min-height: 130px
}

.old-pages .lightbox-button,
.old-pages~.vex.vex-theme-plain .lightbox-button,
.old-pages~.footer .lightbox-button {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    text-align: center
}

.old-pages .lightbox-button a,
.old-pages~.vex.vex-theme-plain .lightbox-button a,
.old-pages~.footer .lightbox-button a {
    border: none
}

.old-pages .lightbox-button .cancel-btn,
.old-pages~.vex.vex-theme-plain .lightbox-button .cancel-btn,
.old-pages~.footer .lightbox-button .cancel-btn {
    padding: .5em 2em;
    font-size: 1.35em
}

.old-pages .lightbox-button .submit-btn,
.old-pages~.vex.vex-theme-plain .lightbox-button .submit-btn,
.old-pages~.footer .lightbox-button .submit-btn {
    padding: .5em 2em;
    font-size: 1.35em
}

.old-pages .verification-loading,
.old-pages~.vex.vex-theme-plain .verification-loading,
.old-pages~.footer .verification-loading {
    padding: 4em 0 0;
    text-align: center
}

.old-pages .verification-code,
.old-pages~.vex.vex-theme-plain .verification-code,
.old-pages~.footer .verification-code {
    position: relative
}

.old-pages .verification-code input,
.old-pages~.vex.vex-theme-plain .verification-code input,
.old-pages~.footer .verification-code input {
    width: 80%;
    padding: 5px 10px;
    border: 1px solid #b7b7b7;
    height: 28px;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 1px 1px 2px #D8D8D7
}

.old-pages .verification-code a.btn,
.old-pages~.vex.vex-theme-plain .verification-code a.btn,
.old-pages~.footer .verification-code a.btn {
    position: absolute;
    right: 0;
    height: 40px;
    padding: 0 2em;
    border: none;
    font-size: 1.35em;
    line-height: 40px
}

.old-pages .cart-side,
.old-pages~.vex.vex-theme-plain .cart-side,
.old-pages~.footer .cart-side {
    display: none
}

@media (min-width: 801px) {
    .old-pages .cart-side,
    .old-pages~.vex.vex-theme-plain .cart-side,
    .old-pages~.footer .cart-side {
        display: block;
        position: fixed;
        right: .75em;
        bottom: 36em;
        z-index: 7;
        text-align: right
    }
}

.old-pages .cart-side-empty,
.old-pages~.vex.vex-theme-plain .cart-side-empty,
.old-pages~.footer .cart-side-empty {
    position: relative;
    display: block;
    width: 6.5em;
    padding: .35em 0;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-bottom: 1em;
    text-align: center;
    background-color: #FFF
}

.old-pages .cart-side-empty img,
.old-pages~.vex.vex-theme-plain .cart-side-empty img,
.old-pages~.footer .cart-side-empty img {
    display: inline-block;
    vertical-align: middle;
    width: 1.25em;
    padding: 0 .25em 0 0;
    margin-bottom: .25em
}

.old-pages .cart-side-empty span,
.old-pages~.vex.vex-theme-plain .cart-side-empty span,
.old-pages~.footer .cart-side-empty span {
    display: inline-block;
    font-size: 1em;
    line-height: 1.5;
    color: #555
}

.old-pages .cart-side-empty h4,
.old-pages~.vex.vex-theme-plain .cart-side-empty h4,
.old-pages~.footer .cart-side-empty h4 {
    padding: .5em 0;
    border-top: 1px solid #b7b7b7;
    margin-top: .25em;
    text-align: center;
    line-height: 1.5
}

.old-pages .cart-side-empty .cart-side-badge,
.old-pages~.vex.vex-theme-plain .cart-side-empty .cart-side-badge,
.old-pages~.footer .cart-side-empty .cart-side-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-block;
    min-width: .75em;
    height: 1.25em;
    padding: 0 .25em;
    border: 0;
    font-size: .85em;
    text-align: center;
    line-height: 1.25;
    color: white;
    background-color: #ff1a55;
    border-radius: 2em
}

.old-pages .cart-side-empty .button,
.old-pages~.vex.vex-theme-plain .cart-side-empty .button,
.old-pages~.footer .cart-side-empty .button {
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #ff1a55;
    margin-bottom: .35em;
    font-size: 1em;
    color: #ff1a55
}

.old-pages .cart-side-toggleButton,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton,
.old-pages~.footer .cart-side-toggleButton {
    position: relative;
    display: inline-block;
    width: 2.7em;
    padding: .35em 0;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-bottom: 1em;
    text-align: center;
    background-color: #FFF;
    cursor: pointer
}

.old-pages .cart-side-toggleButton img,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton img,
.old-pages~.footer .cart-side-toggleButton img {
    display: inline-block;
    vertical-align: top;
    width: 1.5em;
    padding: 0 .2em .35em;
    margin: 0 auto
}

.old-pages .cart-side-toggleButton span,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton span,
.old-pages~.footer .cart-side-toggleButton span {
    display: inline-block;
    padding-top: .35em;
    border-top: 1px solid #b7b7b7;
    font-size: 1em;
    line-height: 1.5;
    color: #555
}

.old-pages .cart-side-toggleButton .cart-side-badge,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton .cart-side-badge,
.old-pages~.footer .cart-side-toggleButton .cart-side-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-block;
    min-width: .75em;
    height: 1.25em;
    padding: 0 .25em;
    border: 0;
    font-size: .85em;
    text-align: center;
    line-height: 1.25;
    color: white;
    background-color: #ff1a55;
    border-radius: 2em
}

.old-pages .cart-side-content,
.old-pages~.vex.vex-theme-plain .cart-side-content,
.old-pages~.footer .cart-side-content {
    display: none;
    position: absolute;
    right: 3.5em;
    top: -6em;
    z-index: 7;
    width: 350px;
    border: 1px solid #D8D8D7;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 3px 15px rgba(31, 17, 34, 0.25)
}

.old-pages .cart-side-content.active,
.old-pages~.vex.vex-theme-plain .cart-side-content.active,
.old-pages~.footer .cart-side-content.active {
    display: block
}

.old-pages .cart-side-content h3,
.old-pages~.vex.vex-theme-plain .cart-side-content h3,
.old-pages~.footer .cart-side-content h3 {
    position: relative;
    padding: .25em 0;
    font-size: 1.75em;
    font-weight: bold;
    text-align: center
}

.old-pages .cart-side-content h3:before,
.old-pages~.vex.vex-theme-plain .cart-side-content h3:before,
.old-pages~.footer .cart-side-content h3:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to bottom, rgba(31, 17, 34, 0.1), transparent)
}

.old-pages .cart-side-content ul,
.old-pages~.vex.vex-theme-plain .cart-side-content ul,
.old-pages~.footer .cart-side-content ul {
    width: 100%;
    max-height: 380px;
    overflow-y: auto
}

.old-pages .cart-side-content li,
.old-pages~.vex.vex-theme-plain .cart-side-content li,
.old-pages~.footer .cart-side-content li {
    position: relative;
    width: 96%;
    clear: both;
    padding: .75em 3%;
    border-bottom: 1px solid #D8D8D7;
    text-align: left
}

@media (min-width: 481px) {
    .old-pages .cart-side-content li,
    .old-pages~.vex.vex-theme-plain .cart-side-content li,
    .old-pages~.footer .cart-side-content li {
        align-items: center
    }
}

.old-pages .cart-side-image,
.old-pages~.vex.vex-theme-plain .cart-side-image,
.old-pages~.footer .cart-side-image {
    width: 18%;
    padding-right: 2%;
    float: left
}

.old-pages .cart-side-image img,
.old-pages~.vex.vex-theme-plain .cart-side-image img,
.old-pages~.footer .cart-side-image img {
    width: 90%;
    border: 1px solid #D8D8D7;
    margin-top: 3px
}

.old-pages .cart-side-text,
.old-pages~.vex.vex-theme-plain .cart-side-text,
.old-pages~.footer .cart-side-text {
    width: 80%;
    float: left
}

.old-pages .cart-side-title,
.old-pages~.vex.vex-theme-plain .cart-side-title,
.old-pages~.footer .cart-side-title {
    width: 100%
}

.old-pages .cart-side-title h4,
.old-pages~.vex.vex-theme-plain .cart-side-title h4,
.old-pages~.footer .cart-side-title h4 {
    margin-bottom: .5em;
    font-size: 1.25em
}

.old-pages .cart-side-title span,
.old-pages~.vex.vex-theme-plain .cart-side-title span,
.old-pages~.footer .cart-side-title span {
    font-size: 1em;
    display: block
}

.old-pages .cart-side-quantity,
.old-pages~.vex.vex-theme-plain .cart-side-quantity,
.old-pages~.footer .cart-side-quantity {
    width: 35%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em
}

.old-pages .cart-side-price,
.old-pages~.vex.vex-theme-plain .cart-side-price,
.old-pages~.footer .cart-side-price {
    width: 60%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em;
    line-height: 1.5
}

.old-pages .cart-side-price .price-market,
.old-pages~.vex.vex-theme-plain .cart-side-price .price-market,
.old-pages~.footer .cart-side-price .price-market {
    display: inline-block;
    padding-right: 1em;
    text-decoration: line-through
}

.old-pages .cart-side-price .price-member,
.old-pages~.vex.vex-theme-plain .cart-side-price .price-member,
.old-pages~.footer .cart-side-price .price-member {
    display: inline-block;
    color: #911E3B
}

.old-pages .cart-side-button,
.old-pages~.vex.vex-theme-plain .cart-side-button,
.old-pages~.footer .cart-side-button {
    position: relative;
    width: 96%;
    padding: 1em 2%;
    text-align: center
}

.old-pages .cart-side-button .button-prev,
.old-pages .cart-side-button .button-next,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-prev,
.old-pages~.vex.vex-theme-plain .cart-side-button .button-next,
.old-pages~.footer .cart-side-button .button-prev,
.old-pages~.footer .cart-side-button .button-next {
    display: inline-block;
    padding: .5em 1em;
    margin: 0 .5em;
    font-size: 1.25em
}

.old-pages .cart-side-button:before,
.old-pages~.vex.vex-theme-plain .cart-side-button:before,
.old-pages~.footer .cart-side-button:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to top, rgba(31, 17, 34, 0.1), transparent)
}

.old-pages .cart-side-toggleButton,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton,
.old-pages~.footer .cart-side-toggleButton {
    position: relative;
    display: inline-block;
    width: 2.7em;
    padding: .35em 0;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-bottom: 1em;
    text-align: center;
    background-color: #FFF;
    cursor: pointer
}

.old-pages .cart-side-toggleButton img,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton img,
.old-pages~.footer .cart-side-toggleButton img {
    display: inline-block;
    vertical-align: top;
    width: 1.5em;
    padding: 0 .2em .35em;
    margin: 0 auto
}

.old-pages .cart-side-toggleButton span,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton span,
.old-pages~.footer .cart-side-toggleButton span {
    display: inline-block;
    padding-top: .35em;
    border-top: 1px solid #b7b7b7;
    font-size: 1em;
    line-height: 1.5;
    color: #555
}

.old-pages .cart-side-toggleButton .cart-side-badge,
.old-pages~.vex.vex-theme-plain .cart-side-toggleButton .cart-side-badge,
.old-pages~.footer .cart-side-toggleButton .cart-side-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-block;
    min-width: .75em;
    height: 1.25em;
    padding: 0 .25em;
    border: 0;
    font-size: .85em;
    text-align: center;
    line-height: 1.25;
    color: white;
    background-color: #ff1a55;
    border-radius: 2em
}

.old-pages .cart-side-content,
.old-pages~.vex.vex-theme-plain .cart-side-content,
.old-pages~.footer .cart-side-content {
    display: none;
    position: absolute;
    right: 3.5em;
    top: -6em;
    z-index: 7;
    width: 350px;
    border: 1px solid #D8D8D7;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 3px 15px rgba(31, 17, 34, 0.25)
}

.old-pages .cart-side-content.active,
.old-pages~.vex.vex-theme-plain .cart-side-content.active,
.old-pages~.footer .cart-side-content.active {
    display: block
}

.old-pages .cart-side-content h3,
.old-pages~.vex.vex-theme-plain .cart-side-content h3,
.old-pages~.footer .cart-side-content h3 {
    position: relative;
    padding: .25em 0;
    font-size: 1.75em;
    font-weight: bold;
    text-align: center
}

.old-pages .cart-side-content h3:before,
.old-pages~.vex.vex-theme-plain .cart-side-content h3:before,
.old-pages~.footer .cart-side-content h3:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to bottom, rgba(31, 17, 34, 0.1), transparent)
}

.old-pages .cart-side-content ul,
.old-pages~.vex.vex-theme-plain .cart-side-content ul,
.old-pages~.footer .cart-side-content ul {
    width: 100%;
    max-height: 380px;
    overflow-y: auto
}

.old-pages .cart-side-content li,
.old-pages~.vex.vex-theme-plain .cart-side-content li,
.old-pages~.footer .cart-side-content li {
    position: relative;
    width: 96%;
    clear: both;
    padding: .75em 3%;
    border-bottom: 1px solid #D8D8D7;
    text-align: left
}

@media (min-width: 481px) {
    .old-pages .cart-side-content li,
    .old-pages~.vex.vex-theme-plain .cart-side-content li,
    .old-pages~.footer .cart-side-content li {
        align-items: center
    }
}

.old-pages .cart-side-image,
.old-pages~.vex.vex-theme-plain .cart-side-image,
.old-pages~.footer .cart-side-image {
    width: 18%;
    padding-right: 2%;
    float: left
}

.old-pages .cart-side-image img,
.old-pages~.vex.vex-theme-plain .cart-side-image img,
.old-pages~.footer .cart-side-image img {
    width: 90%;
    border: 1px solid #D8D8D7;
    margin-top: 3px
}

.old-pages .cart-side-text,
.old-pages~.vex.vex-theme-plain .cart-side-text,
.old-pages~.footer .cart-side-text {
    width: 80%;
    float: left
}

.old-pages .cart-side-title,
.old-pages~.vex.vex-theme-plain .cart-side-title,
.old-pages~.footer .cart-side-title {
    width: 100%
}

.old-pages .cart-side-title h4,
.old-pages~.vex.vex-theme-plain .cart-side-title h4,
.old-pages~.footer .cart-side-title h4 {
    margin-bottom: .5em;
    font-size: 1.25em
}

.old-pages .cart-side-title span,
.old-pages~.vex.vex-theme-plain .cart-side-title span,
.old-pages~.footer .cart-side-title span {
    font-size: 1em;
    display: block
}

.old-pages .cart-side-quantity,
.old-pages~.vex.vex-theme-plain .cart-side-quantity,
.old-pages~.footer .cart-side-quantity {
    width: 35%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em
}

.old-pages .cart-side-price,
.old-pages~.vex.vex-theme-plain .cart-side-price,
.old-pages~.footer .cart-side-price {
    width: 60%;
    display: table-cell;
    padding-right: 1%;
    font-size: 1.25em;
    line-height: 1.5
}

.old-pages .cart-side-price .price-market,
.old-pages~.vex.vex-theme-plain .cart-side-price .price-market,
.old-pages~.footer .cart-side-price .price-market {
    display: inline-block;
    padding-right: 1em;
    text-decoration: line-through
}

.old-pages .cart-side-price .price-member,
.old-pages~.vex.vex-theme-plain .cart-side-price .price-member,
.old-pages~.footer .cart-side-price .price-member {
    display: inline-block;
    color: #911E3B
}

.old-pages .cart-side-price .cart-side-button,
.old-pages~.vex.vex-theme-plain .cart-side-price .cart-side-button,
.old-pages~.footer .cart-side-price .cart-side-button {
    position: relative;
    width: 96%;
    padding: 1em 2%;
    text-align: center
}

.old-pages .cart-side-price .cart-side-button .button-prev,
.old-pages .cart-side-price .cart-side-button .button-next,
.old-pages~.vex.vex-theme-plain .cart-side-price .cart-side-button .button-prev,
.old-pages~.vex.vex-theme-plain .cart-side-price .cart-side-button .button-next,
.old-pages~.footer .cart-side-price .cart-side-button .button-prev,
.old-pages~.footer .cart-side-price .cart-side-button .button-next {
    display: inline-block;
    padding: .5em 1em;
    margin: 0 .5em;
    font-size: 1.25em
}

.old-pages .cart-side-price .cart-side-button:before,
.old-pages~.vex.vex-theme-plain .cart-side-price .cart-side-button:before,
.old-pages~.footer .cart-side-price .cart-side-button:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to top, rgba(31, 17, 34, 0.1), transparent)
}

.old-pages .order-info {
    margin-bottom: 3.5em
}

.old-pages .order-info-pic {
    display: block;
    width: 80%;
    margin: 0 auto
}

@media (min-width: 481px) {
    .old-pages .order-info-pic {
        float: left;
        width: 25%;
        margin: 0 5% 0 0
    }
}

.old-pages .order-wine {
    border-bottom: 1px solid #D8D8D7;
    padding-bottom: .5em;
    margin: 1.5em 0
}

.old-pages .order-wine .order-wine-pic {
    float: left;
    width: 20%;
    margin-right: 3%
}

.old-pages .order-wine .order-wine-des {
    float: left;
    width: 77%
}

.old-pages .order-wine .order-wine-des h1 {
    display: inline-block;
    padding-bottom: .25em;
    margin-bottom: .2em;
    font-size: 1em;
    line-height: 1;
    letter-spacing: .2em;
    color: #262626
}

@media (min-width: 481px) {
    .old-pages .order-wine .order-wine-des h1 {
        font-size: 1.25em
    }
}

.old-pages .order-wine .order-wine-des h2 {
    margin-bottom: .25em;
    font-size: 2em;
    line-height: 1.2;
    color: #911E3B
}

@media (min-width: 481px) {
    .old-pages .order-wine .order-wine-des h2 {
        font-size: 2.2em
    }
}

.old-pages .order-wine .order-wine-des li {
    margin-bottom: .35em;
    margin-left: 1em;
    padding-left: 3em;
    font-size: 1.15em;
    text-indent: -3em;
    line-height: 1.5;
    list-style-type: disc
}

@media (min-width: 481px) {
    .old-pages .order-wine .order-wine-des li {
        font-size: 1.25em
    }
}

.old-pages .order-wine .order-wine-des li span {
    font-size: 1em;
    color: #911E3B
}

.old-pages .order-comment {
    margin: 1.5em 0 2em
}

.old-pages .order-comment-head {
    float: left;
    width: 60px;
    padding-right: 1.5em
}

.old-pages .order-comment-head img {
    width: 60px;
    border-radius: 50%
}

.old-pages .order-comment-des {
    position: relative;
    float: left;
    max-width: 60%;
    padding: .5em 1em;
    background-color: rgba(216, 216, 215, 0.5);
    border-radius: 3px
}

.old-pages .order-comment-des:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 12px;
    border: solid transparent;
    border-width: 6px 8px;
    border-right-color: rgba(216, 216, 215, 0.5)
}

.old-pages .order-comment-des p {
    font-size: 1.15em
}

.old-pages .order-info-des {
    margin-bottom: 1em;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages .order-info-des {
        clear: both
    }
}

.old-pages .order-info-des a {
    padding: .25em 1em;
    margin: .5em 0 0;
    font-size: 1em;
    line-height: 1
}

.old-pages .order-feature {
    clear: both;
    display: none
}

.old-pages .order-feature ul {
    text-align: center
}

.old-pages .order-feature li {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding: 1.5%
}

.old-pages .order-feature li img {
    width: 80%;
    margin: 2em auto .75em;
    border-radius: 50%
}

@media (min-width: 481px) {
    .old-pages .order-feature li {
        width: 29%
    }
}

.old-pages .order-feature h3 {
    font-size: 1.35em
}

.old-pages .order-feature p {
    font-size: 1.15em;
    line-height: 1.65
}

.old-pages .order-list {
    padding: 1.5em
}

.old-pages .order-list h4 {
    padding-left: 35px;
    font-size: 1.5em;
    line-height: 2;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_list.png") 0 8px no-repeat
}

.old-pages .order-list li {
    display: block;
    width: 100%;
    padding: 1% 0;
    border-bottom: 1px solid #b7b7b7;
    overflow: hidden
}

.old-pages .order-list li span {
    font-size: 1.25em;
    text-align: center
}

.old-pages .order-list li span.product-name {
    float: left;
    width: 50%;
    text-align: left
}

.old-pages .order-list li span.product-name.product-name-vip {
    height: 50px;
    line-height: 50px
}

@media (min-width: 481px) {
    .old-pages .order-list li span.product-name.product-name-vip {
        height: 80px;
        line-height: 80px
    }
}

.old-pages .order-list li span.product-name img.product-thumb {
    width: 50px;
    padding-right: 5px;
    vertical-align: middle
}

@media (min-width: 481px) {
    .old-pages .order-list li span.product-name img.product-thumb {
        width: 80px
    }
}

.old-pages .order-list li .product-price {
    float: right;
    width: 50%;
    text-align: right
}

.old-pages .order-list li .product-price span {
    display: inline-block;
    width: 32%;
    text-align: right
}

.old-pages .order-list li .product-price-number {
    display: table;
    height: 50px
}

@media (min-width: 481px) {
    .old-pages .order-list li .product-price-number {
        height: 80px
    }
}

.old-pages .order-list li .product-price-number span {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

.old-pages .order-list li .product-price-number .shipping-price {
    display: inline;
    font-size: .8em;
    color: #555
}

.old-pages .order-list li.list-title span {
    font-size: 1em
}

@media (min-width: 481px) {
    .old-pages .order-list li.list-title span {
        font-size: 1.25em
    }
}

.old-pages .order-list li.shipping-rate {
    padding: 0;
    text-align: right;
    font-size: 1.25em;
    line-height: 1.75;
    border-bottom: none;
    color: #81827D
}

.old-pages .order-list span.original-price {
    padding: 0 12px 0 5px;
    font-size: .85em;
    display: inline;
    float: none;
    text-decoration: line-through
}

.old-pages .order-list span.special-price {
    display: inline;
    float: none;
    font-size: 1em;
    color: #555
}

.old-pages .order-application {
    margin-bottom: 3em
}

.old-pages .order-faq {
    margin-bottom: 3em
}

.old-pages .order-faq h4 {
    position: relative;
    border-bottom: 2px solid #D8D8D7;
    cursor: pointer
}

.old-pages .order-faq h4 span {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 .15em;
    font-size: 1em;
    line-height: 20px;
    cursor: pointer;
    text-align: center
}

.old-pages .order-faq li {
    margin-bottom: 2em
}

.old-pages .order-faq li p {
    opacity: 0;
    display: none;
    transition: opacity, 2s
}

.old-pages .order-faq li.active p {
    opacity: 1;
    display: block
}

.old-pages .order-faq li.active h4 span {
    display: none
}

.old-pages .event-banner {
    position: relative
}

.old-pages .event-banner img {
    width: 100%;
    display: block
}

.old-pages .event-banner li {
    position: relative
}

.old-pages .event-banner .flex-direction-nav {
    position: absolute;
    top: 40%;
    width: 100%
}

.old-pages .flexslider .flex-control-nav {
    display: none
}

@media (min-width: 801px) {
    .old-pages .flexslider .flex-control-nav {
        display: block
    }
}

.old-pages .event-banner-slogan {
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center
}

@media (min-width: 481px) {
    .old-pages .event-banner-slogan {
        top: 30%
    }
}

@media (min-width: 801px) {
    .old-pages .event-banner-slogan {
        top: 60%;
        bottom: 0;
        background: linear-gradient(bottom, rgba(0, 0, 0, 0.65), transparent)
    }
}

.old-pages .event-banner-slogan h1,
.old-pages .event-banner-slogan h2 {
    color: white;
    line-height: 1.35;
    text-align: center;
    text-shadow: 0 0 3px black;
    font-weight: normal
}

@media (min-width: 801px) {
    .old-pages .event-banner-slogan h1,
    .old-pages .event-banner-slogan h2 {
        text-shadow: 1px 2px 10px rgba(85, 85, 85, 0.85)
    }
}

.old-pages .event-banner-slogan h1 {
    font-size: 3em
}

@media (min-width: 481px) {
    .old-pages .event-banner-slogan h1 {
        font-size: 5em
    }
}

@media (min-width: 801px) {
    .old-pages .event-banner-slogan h1 {
        font-size: 6.5em
    }
}

.old-pages .event-banner-slogan h2 {
    display: inline-block;
    padding: .2em 0;
    border: solid white;
    border-width: 2px 0 2px;
    font-size: 1.5em
}

@media (min-width: 481px) {
    .old-pages .event-banner-slogan h2 {
        font-size: 2em
    }
}

@media (min-width: 801px) {
    .old-pages .event-banner-slogan h2 {
        font-size: 3em
    }
}

.old-pages .event-latest {
    margin-bottom: 3%
}

.old-pages .event-latest .item {
    margin-bottom: 2em;
    background-color: white;
    box-shadow: 0 0 3px #D8D8D7
}

.old-pages .event-latest .item-pic {
    width: 100%
}

.old-pages .event-latest .item-pic img {
    display: block;
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .event-latest .item-pic {
        float: left;
        width: 40%
    }
}

.old-pages .event-latest .item-des {
    width: 95%;
    padding: 2% 2.5%
}

@media (min-width: 801px) {
    .old-pages .event-latest .item-des {
        float: left;
        width: 55%
    }
}

.old-pages .event-latest .item-des h3 {
    margin-bottom: .25em;
    font-size: 2em;
    line-height: 1.35
}

@media (min-width: 801px) {
    .old-pages .event-latest .item-des h3 {
        font-size: 2.5em
    }
}

.old-pages .event-latest .item-des h3 a {
    color: #911E3B
}

.old-pages .event-latest .item-des h3 a:hover {
    color: #B22B4D
}

.old-pages .event-latest .item-des p {
    font-size: 1.35em;
    line-height: 1.5
}

.old-pages .event-latest .item-info ul {
    margin: 1em 0
}

.old-pages .event-latest .item-info li {
    padding-right: 2%;
    margin-bottom: .35em;
    font-size: 1.25em;
    line-height: 1.5
}

@media (min-width: 481px) {
    .old-pages .event-latest .item-info li {
        float: left;
        width: 48%
    }
}

.old-pages .event-latest .item-info span {
    padding-right: 3px;
    font-size: 1em;
    color: #9b622c
}

.old-pages .event-latest .item-info span img {
    display: inline;
    vertical-align: middle;
    width: 20px;
    padding: 0 3px 2px 0
}

.old-pages .event-latest .item-link {
    text-align: center
}

.old-pages .event-latest .item-link a.btn {
    display: inline-block;
    width: 100%;
    height: 45px;
    font-size: 1.35em;
    line-height: 45px
}

@media (min-width: 481px) {
    .old-pages .event-latest .item-link a.btn {
        width: 50%
    }
}

.old-pages .event-latest .item-link a.btn img {
    display: inline;
    vertical-align: middle;
    width: 22px;
    padding-bottom: 2px
}

@media (min-width: 481px) {
    .old-pages .event-latest .item-link a.btn {
        width: 50%;
        font-size: 1.65em
    }
}

.old-pages .email-subscription {
    width: 100%;
    max-width: 450px;
    padding: 3em 0;
    margin: 0 auto;
    text-align: center
}

.old-pages .email-subscription h3 {
    margin-bottom: .5em;
    font-size: 1.5em;
    font-weight: bold
}

.old-pages .email-subscription input[type=text] {
    vertical-align: top;
    width: 64%;
    max-width: 350px;
    height: 43px;
    padding: 0 2%;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 0 whitesmoke
}

.old-pages .email-subscription .button {
    border-radius: 0 3px 3px 0;
    width: 29%;
    max-width: 150px;
    height: 45px;
    font-size: 1.25em;
    line-height: 45px
}

@media (min-width: 801px) {
    .old-pages .email-subscription .button {
        font-size: 1.5em
    }
}

.old-pages .email-subscription .button img {
    vertical-align: middle;
    width: .4em;
    margin: 0 4px 3px 0
}

@media (min-width: 801px) {
    .old-pages .email-subscription .button img {
        width: .45em
    }
}

.old-pages .event-record li.close {
    display: none
}

.old-pages .more-article {
    margin-bottom: 2em;
    text-align: center
}

.old-pages .more-article:hover {
    opacity: .75
}

.old-pages .more-article a {
    padding: .5em 2.5em;
    border: 1px solid #81827D;
    font-size: 1.5em;
    line-height: 55px;
    color: #555;
    border-radius: 2px
}

.old-pages .event-top-banner {
    margin-bottom: .5em
}

.old-pages .event-top-banner img {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .event-detail {
        width: 85%;
        margin: 0 auto
    }
}

.old-pages .event-detail .fb-like {
    margin-bottom: 1em
}

.old-pages .event-detail h1 {
    margin: 2em 0 .25em;
    font-size: 2.25em;
    line-height: 1.25;
    text-align: center;
    color: #911E3B
}

@media (min-width: 801px) {
    .old-pages .event-detail h1 {
        font-size: 3em
    }
}

.old-pages .event-detail h2 {
    margin-bottom: .25em;
    font-size: 1.5em;
    line-height: 1.25;
    text-align: center
}

@media (min-width: 801px) {
    .old-pages .event-detail h2 {
        font-size: 2em
    }
}

.old-pages .event-detail h3 {
    margin: 3em 0 .5em;
    font-size: 1.5em;
    line-height: 1.35;
    text-align: center;
    overflow: hidden
}

@media (min-width: 801px) {
    .old-pages .event-detail h3 {
        font-size: 2em
    }
}

.old-pages .event-detail h3 span {
    font-size: 1em;
    font-weight: bold;
    position: relative
}

.old-pages .event-detail h3 span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 500px;
    border-bottom: 1px solid;
    margin-right: 1.5em
}

.old-pages .event-detail h3 span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 500px;
    border-bottom: 1px solid;
    margin-left: 1.5em
}

.old-pages .event-detail h4 {
    font-size: 1.65em;
    line-height: 1.5;
    margin: .5em 0 .15em
}

.old-pages .event-detail p {
    font-size: 1.35em;
    padding-bottom: .75em
}

@media (min-width: 801px) {
    .old-pages .event-detail p {
        font-size: 1.5em
    }
}

.old-pages .event-detail ul.list {
    padding: .5em 0 1.25em
}

.old-pages .event-detail ul.list li {
    margin-left: 1.5em;
    line-height: 1.5;
    list-style: disc;
    color: #555
}

.old-pages .event-detail ul.list li p {
    margin: 0;
    padding: 0
}

.old-pages .event-detail table {
    width: 100%;
    border-collapse: collapse
}

.old-pages .event-detail table thead {
    display: none
}

@media (min-width: 481px) {
    .old-pages .event-detail table thead {
        display: table-header-group;
        border-bottom: 2px solid #b7b7b7
    }
}

.old-pages .event-detail table th {
    font-size: 1.35em;
    color: #555
}

.old-pages .event-detail table tr {
    border-bottom: 1px solid #D8D8D7
}

.old-pages .event-detail table td {
    display: block;
    position: relative;
    padding: .5em 0 .5em 30%;
    border-bottom: 1px solid #D8D8D7;
    font-size: 1.25em;
    color: #555
}

@media (min-width: 481px) {
    .old-pages .event-detail table td {
        display: table-cell;
        padding: 0;
        border-bottom: 0
    }
}

.old-pages .event-detail table td:before {
    position: absolute;
    top: .5em;
    left: .5em;
    width: 25%
}

@media (min-width: 481px) {
    .old-pages .event-detail table td:before {
        display: none
    }
}

.old-pages .event-detail table td:nth-child(1):before {
    content: "種類"
}

.old-pages .event-detail table td:nth-child(2):before {
    content: "價格"
}

.old-pages .event-detail table td:nth-child(3):before {
    content: "日期"
}

.old-pages .event-detail table td:nth-child(4) {
    padding: 0
}

.old-pages .event-detail table .event-btn {
    padding: 1em 0
}

.old-pages .event-detail table .event-btn a.btn-join {
    width: 90%;
    font-size: 1.5em
}

.old-pages .event-detail .section {
    margin-bottom: 1.65em
}

.old-pages .event-detail .section .des {
    width: 100%
}

@media (min-width: 801px) {
    .old-pages .event-detail .section .des {
        float: left;
        width: 65%
    }
}

@media (min-width: 801px) {
    .old-pages .event-detail .section .pic {
        float: left;
        width: 30%;
        margin-right: 3%
    }
}

.old-pages .event-detail .section .parallel {
    text-align: center
}

@media (min-width: 801px) {
    .old-pages .event-detail .section .parallel {
        float: left;
        width: 47%;
        margin-right: 3%
    }
    .old-pages .event-detail .section .parallel img {
        width: 60%
    }
    .old-pages .event-detail .section .parallel p {
        padding-bottom: 0em
    }
}

.old-pages .event-detail .item {
    padding: 3%;
    margin-bottom: 1.65em;
    background-color: white;
    box-shadow: 0 0 3px #D8D8D7
}

.old-pages .event-detail .item .item-left {
    padding-right: 3%
}

@media (min-width: 801px) {
    .old-pages .event-detail .item .item-left {
        float: left;
        width: 47%
    }
}

@media (min-width: 801px) {
    .old-pages .event-detail .item .item-right {
        float: right;
        width: 47%
    }
}

.old-pages .event-detail .item .item-info {
    padding: .5em 0
}

.old-pages .event-detail .item .item-info li {
    margin-bottom: .65em;
    font-size: 1.35em;
    line-height: 1.5
}

@media (min-width: 801px) {
    .old-pages .event-detail .item .item-info li {
        margin-left: 3.75em;
        font-size: 1.5em;
        text-indent: -3.75em
    }
}

.old-pages .event-detail .item .item-info span {
    padding-right: 5px;
    font-size: 1em;
    color: #9b622c
}

.old-pages .event-detail .item .item-info span img {
    display: inline;
    vertical-align: middle;
    width: 20px;
    padding: 0 3px 2px 0
}

.old-pages .event-detail .item .item-info span.member-price {
    display: block;
    padding-left: 3.8em;
    color: #262626
}

.old-pages .event-detail .item .item-info span.member-price a {
    border-bottom: 1px solid #ff1a55;
    color: #ff1a55
}

.old-pages .event-detail .item .item-info span.member-price span.num {
    color: #B22B4D;
    font-size: 1.75em;
    font-weight: bold
}

.old-pages .event-detail .item .map {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden
}

.old-pages .event-detail .item .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.old-pages .event-detail .photo {
    margin-bottom: .75em
}

.old-pages .event-detail .photo img {
    width: 100%
}

.old-pages .event-detail .event-btn {
    padding: 1em 0;
    clear: both;
    text-align: center
}

.old-pages .event-detail .event-btn a.btn-join {
    display: inline-block;
    width: 80%;
    height: 45px;
    line-height: 45px;
    font-size: 2em
}

@media (min-width: 801px) {
    .old-pages .event-detail .event-btn a.btn-join {
        width: 35%
    }
}

.old-pages .event-detail .event-btn a.btn-close {
    background-color: #555;
    box-shadow: 0 2px 0 #262626
}

.old-pages .event-detail .event-btn a.btn-close:hover {
    background-color: #262626
}

.old-pages .event-detail .sub-edm {
    width: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto
}

@media (min-width: 801px) {
    .old-pages .event-detail .sub-edm {
        width: 50%
    }
}

.old-pages .event-detail .sub-edm p {
    padding-bottom: .25em
}

.old-pages .event-detail .sub-edm input.text {
    width: 85%;
    padding: 5px 10px;
    border: 1px solid #b7b7b7;
    height: 28px;
    font-size: 1.25em;
    outline: none;
    box-shadow: inset 2px 2px 0 #D8D8D7
}

.old-pages .event-detail .sub-edm a.btn {
    position: absolute;
    right: 5%;
    display: inline-block;
    width: 30%;
    padding: 5px 10px;
    height: 30px;
    font-size: 1.25em;
    line-height: 30px
}

.month.old-pages .vip-title h3 {
    color: #FCBA00
}

.month.old-pages .banner {
    position: relative;
    width: 100%
}

.month.old-pages .banner-image img {
    display: block;
    width: 100%
}

.month.old-pages .banner-text {
    position: absolute;
    top: 50%;
    display: table;
    width: 100%;
    transform: translateY(-50%)
}

.month.old-pages .banner-text-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.month.old-pages .banner-text-content h1 {
    margin-bottom: .25em;
    font-size: 2em;
    line-height: 1.25;
    font-weight: 400;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 481px) {
    .month.old-pages .banner-text-content h1 {
        font-size: 3.25em
    }
}

@media (min-width: 801px) {
    .month.old-pages .banner-text-content h1 {
        font-size: 5em
    }
}

.month.old-pages .banner-text-content h2 {
    margin-bottom: .75em;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: 400;
    color: white;
    text-shadow: 0 2px 10px #262626
}

.month.old-pages .banner-text-content h2 span {
    display: inline-block;
    font-size: 1em
}

@media (min-width: 481px) {
    .month.old-pages .banner-text-content h2 {
        font-size: 1.75em
    }
}

@media (min-width: 801px) {
    .month.old-pages .banner-text-content h2 {
        font-size: 2.25em
    }
}

.month.old-pages .banner-text-content p {
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.75;
    color: white;
    text-shadow: 0 1px 3px #262626
}

@media (min-width: 481px) {
    .month.old-pages .banner-text-content p {
        font-size: 1.25em
    }
}

@media (min-width: 801px) {
    .month.old-pages .banner-text-content p {
        font-size: 1.5em
    }
}

.month.old-pages .banner-text-content .button {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: .75em 0;
    border: none;
    margin: 0 .5em 1em;
    font-size: 1.5em;
    font-weight: bold;
    color: #911E3B;
    background-color: white;
    border-radius: 50px;
    transition: .35s all
}

@media (min-width: 801px) {
    .month.old-pages .banner-text-content .button {
        padding: 1em 0;
        width: 250px;
        font-size: 2em
    }
}

.month.old-pages .banner-text-content .button:hover {
    color: white;
    background-color: #911E3B
}

.month.old-pages .partners {
    width: 100%;
    padding: 3em 0 4em;
    text-align: center;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.month.old-pages .partners ul {
    width: 100%;
    text-align: center;
    overflow: hidden
}

@media (min-width: 801px) {
    .month.old-pages .partners ul {
        width: 80%;
        margin: 0 auto
    }
}

.month.old-pages .partners a {
    display: block;
    width: 120px;
    height: 48px
}

.month.old-pages .partners li {
    display: inline-block;
    width: 120px;
    height: 48px;
    margin: 1em;
    background-size: 200%;
    background-repeat: no-repeat
}

@media (min-width: 801px) {
    .month.old-pages .partners li {
        margin: 1em 2em
    }
}

.month.old-pages .partners li:nth-child(1) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 0
}

.month.old-pages .partners li:nth-child(2) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 11.11%
}

.month.old-pages .partners li:nth-child(3) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 22.22%
}

.month.old-pages .partners li:nth-child(4) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 33.33%
}

.month.old-pages .partners li:nth-child(5) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 44.44%
}

.month.old-pages .partners li:nth-child(6) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 55.55%
}

.month.old-pages .partners li:nth-child(7) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 66.66%
}

.month.old-pages .partners li:nth-child(8) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 77.77%
}

.month.old-pages .partners li:nth-child(9) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 88.88%
}

.month.old-pages .partners li:nth-child(10) {
    background-image: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/partners_logo.png");
    background-position: 0 99.99%
}

.month.old-pages .intro {
    display: table;
    width: 100%;
    height: 320px;
    text-align: center;
    background: #1F1122 url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/join_intro_bg.jpg") center center no-repeat;
    background-size: cover
}

@media (min-width: 801px) {
    .month.old-pages .intro {
        height: 450px
    }
}

.month.old-pages .intro-text {
    display: table-cell;
    vertical-align: middle
}

.month.old-pages .intro-text h2 {
    margin-bottom: .35em;
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 801px) {
    .month.old-pages .intro-text h2 {
        font-size: 4em
    }
}

.month.old-pages .intro-text p {
    font-size: 1.25em;
    line-height: 1.75;
    margin: 1em 0 0;
    color: white;
    text-shadow: 0 2px 3px #262626
}

@media (min-width: 801px) {
    .month.old-pages .intro-text p {
        font-size: 1.75em
    }
}

.month.old-pages .team {
    padding: 5em 0 3em;
    background: #1F1122 url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

.month.old-pages .team-banner {
    position: relative;
    height: 250px;
    width: 100%;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/banner/about_service.jpg") center top no-repeat;
    background-size: cover;
    margin-bottom: 3em
}

@media (min-width: 801px) {
    .month.old-pages .team-banner {
        height: 450px;
        background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_team.jpg") center center no-repeat;
        background-size: cover
    }
}

.month.old-pages .team-banner h3 {
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    line-height: 2;
    color: white;
    text-shadow: 0 2px 10px #262626;
    transform: translateY(50%)
}

@media (min-width: 801px) {
    .month.old-pages .team-banner h3 {
        bottom: 8%;
        font-size: 4em;
        transform: translateY(0)
    }
}

.month.old-pages .team-intro ul {
    padding: 0 2%
}

@media (min-width: 481px) {
    .month.old-pages .team-intro ul {
        padding: 0
    }
}

.month.old-pages .team-intro li {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 3em
}

@media (min-width: 481px) {
    .month.old-pages .team-intro li {
        width: 31%;
        margin-right: 3.5%
    }
    .month.old-pages .team-intro li:last-child {
        margin-right: 0
    }
}

.month.old-pages .team-intro img {
    margin-bottom: 1em
}

.month.old-pages .team-intro h3 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .25em;
    color: #FCBA00
}

@media (min-width: 481px) {
    .month.old-pages .team-intro h3 {
        font-size: 1.75em
    }
}

.month.old-pages .team-intro p {
    font-size: 1.15em;
    color: white
}

@media (min-width: 481px) {
    .month.old-pages .team-intro p {
        font-size: 1.35em
    }
}

.month.old-pages .process {
    width: 100%
}

.month.old-pages .process .process-inner {
    width: 90%;
    max-width: 1100px;
    height: 450px;
    margin: 0 auto;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_delivery_process_m.png") center center no-repeat;
    background-size: auto 80%
}

@media (min-width: 481px) {
    .month.old-pages .process .process-inner {
        height: 650px
    }
}

@media (min-width: 801px) {
    .month.old-pages .process .process-inner {
        padding: 2em 0;
        height: 250px;
        width: 96%;
        min-width: 800px;
        background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/vip_delivery_process.png") center center no-repeat;
        background-size: 100% auto
    }
}

.month.old-pages .benefits {
    padding: 3em 0 6em;
    background-color: #1F1122
}

@media (min-width: 801px) {
    .month.old-pages .benefits {
        background-color: #1F1122
    }
}

.month.old-pages .benefits-description {
    padding: 0 2%
}

@media (min-width: 801px) {
    .month.old-pages .benefits-description {
        padding: 0 10%
    }
}

.month.old-pages .benefits-description .benefits-section {
    margin-bottom: 2em;
    width: 100%
}

@media (min-width: 801px) {
    .month.old-pages .benefits-description .benefits-section {
        float: left;
        width: 31%;
        margin-right: 3.5%
    }
    .month.old-pages .benefits-description .benefits-section:last-child {
        margin-right: 0
    }
}

.month.old-pages .benefits-description img.benefits-icon {
    float: left;
    width: 15%;
    padding-right: 3%
}

.month.old-pages .benefits-description .benefits-text {
    float: left;
    width: 82%
}

.month.old-pages .benefits-description h3 {
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: .25em;
    color: #FCBA00
}

@media (min-width: 481px) {
    .month.old-pages .benefits-description h3 {
        font-size: 1.75em
    }
}

.month.old-pages .benefits-description p {
    margin-bottom: .5em;
    text-align: left;
    font-size: 1.15em;
    color: white
}

@media (min-width: 481px) {
    .month.old-pages .benefits-description p {
        font-size: 1.35em
    }
}

.month.old-pages .benefits-description a.button {
    padding: 0 1em;
    height: 25px;
    font-size: 1.15em;
    line-height: 25px
}

.month.old-pages .feedback {
    padding: 3em 0 6em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

.month.old-pages .feedback-content .feedback-item {
    padding: 0 1.5em
}

@media (min-width: 801px) {
    .month.old-pages .feedback-content .feedback-item {
        padding: 0 1em
    }
}

.month.old-pages .feedback-content .feedback-image {
    width: 100%;
    margin-bottom: 1em
}

.month.old-pages .feedback-content .feedback-text {
    width: 100%
}

.month.old-pages .feedback-content .feedback-text p {
    margin-bottom: .5em;
    font-size: 1.15em;
    line-height: 1.65
}

.month.old-pages .feedback-content .feedback-text p.hangtag {
    font-size: 1em;
    color: #486884
}

.month.old-pages .owl-carousel {
    width: 90%;
    padding: 0 5%
}

@media (min-width: 801px) {
    .month.old-pages .owl-carousel {
        width: 94%;
        padding: 0 3%
    }
}

.month.old-pages .owl-theme .owl-controls .owl-buttons .owl-prev,
.month.old-pages .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    width: 1.25em;
    height: 3em;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
    font-size: 3em;
    background-color: transparent;
    opacity: .5;
    transform: translateY(-50%)
}

.month.old-pages .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_left.svg") center center no-repeat;
    background-size: 20px
}

.month.old-pages .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/icon_arrow_right.svg") center center no-repeat;
    background-size: 20px
}

.month.old-pages .video {
    width: 96%;
    margin: 0 2% 3em
}

@media (min-width: 801px) {
    .month.old-pages .video {
        float: right;
        width: 55%;
        margin: 0
    }
}

.month.old-pages .video-content {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    border-radius: 5px
}

.month.old-pages .video-content iframe,
.month.old-pages .video-content object,
.month.old-pages .video-content embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.month.old-pages .pricing {
    padding: 3em 0;
    background-color: whitesmoke
}

.month.old-pages .wineclubPlans {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 92em;
    padding: 0 1em;
    margin: 3em auto 0
}

@media (min-width: 481px) {
    .month.old-pages .wineclubPlans {
        flex-direction: row
    }
}

@media (min-width: 801px) {
    .month.old-pages .wineclubPlans {
        padding: 0 1em 6em
    }
}

.month.old-pages .wineclubPlan {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 4.5em 3em;
    margin: 0 0 2em;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

@media (min-width: 481px) {
    .month.old-pages .wineclubPlan {
        margin: 1em .5em;
        padding: 1em 1em 2em
    }
}

@media (min-width: 801px) {
    .month.old-pages .wineclubPlan {
        padding: 1em 3em 3em
    }
}

.month.old-pages .wineclubPlan:nth-child(2) {
    z-index: 1;
    order: -1
}

@media (min-width: 481px) {
    .month.old-pages .wineclubPlan {
        width: 30%;
        max-width: 350px
    }
    .month.old-pages .wineclubPlan:nth-child(2) {
        order: 0;
        transform: scale(1.1)
    }
}

.month.old-pages .wineclubPlan img.hot {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px
}

.month.old-pages .wineclubPlan img.wine {
    width: 100px;
    margin: 0 auto
}

.month.old-pages .wineclubPlan h3 {
    margin: 0 0 .25em;
    font-size: 1.75em;
    font-weight: 400;
    text-align: center;
    line-height: 1.35;
    letter-spacing: 2px;
    color: #555
}

@media (min-width: 801px) {
    .month.old-pages .wineclubPlan h3 {
        font-size: 2.5em
    }
}

.month.old-pages .wineclubPlan .price {
    padding: 1em 0
}

.month.old-pages .wineclubPlan .price p {
    margin-bottom: .5em;
    font-size: 1.25em;
    line-height: 1.75;
    letter-spacing: 1px
}

@media (min-width: 801px) {
    .month.old-pages .wineclubPlan .price p {
        font-size: 1.65em
    }
}

.month.old-pages .wineclubPlan .price span {
    padding-bottom: .5em;
    font-size: 4em;
    letter-spacing: 3px;
    color: #ff1a55
}

@media (min-width: 481px) {
    .month.old-pages .wineclubPlan .price span {
        font-size: 2.5em
    }
}

@media (min-width: 801px) {
    .month.old-pages .wineclubPlan .price span {
        font-size: 4em
    }
}

.month.old-pages .wineclubPlan .price span sup {
    font-size: .5em
}

.month.old-pages .wineclubPlan ul {
    margin-bottom: 1.5em;
    padding-left: 15px
}

.month.old-pages .wineclubPlan li {
    margin-bottom: .5em;
    font-size: 1.15em;
    line-height: 1.5;
    text-indent: -15px;
    text-align: left;
    color: #555
}

.month.old-pages .wineclubPlan li span {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: 0 8px 2px 0;
    border-radius: 4px;
    background-color: #ff1a55
}

.month.old-pages .wineclubPlan a.button {
    display: block;
    width: 100%;
    font-size: 1.75em;
    line-height: 2;
    font-weight: lighter;
    letter-spacing: 2px;
    color: white;
    background-color: #ff1a55;
    border-radius: 5px
}

.month.old-pages .wineclubPlan a.button:hover {
    opacity: .85
}

.month.old-pages .faq {
    padding: 2em 0 4em;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.month.old-pages .faq li {
    margin-bottom: 1em;
    cursor: pointer
}

.month.old-pages .faq h3 span {
    color: white
}

.month.old-pages .faq h4 {
    padding: 6px 15px;
    border-bottom: 1px solid #262626;
    margin-bottom: .5em;
    font-size: 1.5em;
    font-weight: normal;
    color: white
}

@media (min-width: 481px) {
    .month.old-pages .faq h4 {
        font-size: 1.75em
    }
}

.month.old-pages .faq h4 img {
    width: 30px;
    vertical-align: middle
}

.month.old-pages .faq p {
    display: none;
    padding: 6px 15px 15px;
    font-size: 1.15em;
    line-height: 1.5;
    color: #b7b7b7
}

@media (min-width: 481px) {
    .month.old-pages .faq p {
        font-size: 1.25em
    }
}

.month.old-pages .faq li.active p {
    display: block
}

.month.old-pages .contact-us {
    padding: 0 0 6em;
    font-size: 1.15em;
    text-align: center;
    color: #b7b7b7;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/bg_dark.jpg") 0 0 repeat
}

.month.old-pages .contact-us a {
    display: inline-block;
    border-bottom: 2px solid #FCBA00;
    cursor: pointer;
    line-height: 1.35;
    color: #FCBA00
}

.month.old-pages .contact-us .fb-like-box {
    width: 320px;
    padding-top: 1.35em;
    margin: 0 auto;
    overflow: hidden
}

.old-pages .premiumBanner {
    position: relative;
    width: 100%;
    height: 560px;
    border-bottom: 1px solid #D8D8D7;
    text-align: center;
    background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/index_feature_event_small.jpg") top left no-repeat;
    background-size: cover
}

@media (min-width: 801px) {
    .old-pages .premiumBanner {
        background: url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/index_feature_event.jpg") top center no-repeat;
        background-size: cover
    }
}

.old-pages .premiumBanner-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(31, 17, 34, 0.75)
}

.old-pages .premiumBanner-title {
    position: relative;
    z-index: 1;
    padding: 10% 0 5%
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-title {
        padding: 5% 0 2.5%
    }
}

.old-pages .premiumBanner-title h1 {
    margin-bottom: .25em;
    font-family: 'Lora', serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-title h1 {
        font-size: 6em
    }
}

.old-pages .premiumBanner-title h2 {
    font-size: 1.5em;
    line-height: 1.35;
    font-weight: normal;
    color: white
}

.old-pages .premiumBanner-title h2 span {
    display: inline-block;
    font-size: 1em;
    color: #FCBA00
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-title h2 {
        font-size: 2.5em
    }
}

.old-pages .premiumBanner-content {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    vertical-align: middle
}

.old-pages .premiumBanner-content p.price {
    font-size: 2em;
    color: white;
    text-shadow: 0 2px 10px #262626
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-content p.price {
        font-size: 2.5em
    }
}

.old-pages .premiumBanner-content p.price span {
    font-family: 'Lora', serif;
    font-size: 3em;
    font-weight: bold;
    color: #FCBA00
}

.old-pages .premiumBanner-content a.button {
    height: 50px;
    width: 250px;
    margin: .5em auto;
    font-size: 2em;
    line-height: 50px
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-content a.button {
        height: 60px;
        width: 300px;
        font-size: 2.75em;
        line-height: 60px
    }
}

.old-pages .premiumBanner-content a.button img {
    display: inline;
    vertical-align: middle;
    width: 25px;
    padding-bottom: 4px
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-content a.button img {
        width: 32px;
        padding-bottom: 4px
    }
}

.old-pages .premiumBanner-action {
    display: inline-block;
    width: 100%;
    padding-top: 2em;
    vertical-align: top
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-action {
        width: 300px;
        padding-top: 5em
    }
}

.old-pages .premiumBanner-wine {
    position: relative;
    display: inline-block
}

.old-pages .premiumBanner-wine img {
    position: relative;
    height: 200px;
    left: 80px;
    z-index: 1
}

@media (min-width: 801px) {
    .old-pages .premiumBanner-wine img {
        left: 0;
        height: 300px
    }
}

.old-pages .premiumBanner-wine .wine-label {
    position: absolute;
    top: 2em;
    left: -60px
}

.old-pages .premiumBanner-wine .wine-label .wine-label-inner {
    display: table-cell;
    width: 160px;
    height: 160px;
    vertical-align: middle;
    color: white;
    border-radius: 50%;
    background-color: #FCBA00;
    background: linear-gradient(#FCBA00, #bda114)
}

.old-pages .premiumBanner-wine .wine-label h2,
.old-pages .premiumBanner-wine .wine-label h3 {
    line-height: 1.5;
    color: white;
    text-shadow: 0 1px 3px #5D2F14
}

.old-pages .premiumBanner-wine .wine-label h2 {
    padding-bottom: .5em;
    font-size: 1.5em
}

.old-pages .premiumBanner-wine .wine-label h3 {
    width: 85%;
    padding: .2em 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    font-size: 2em;
    line-height: 1.25
}

.old-pages .comparison {
    background: #F6F9FB url("https://storage.googleapis.com/winentaste-alcohol-quick-howl-assets/images/shadow_top.png") center top no-repeat
}

.old-pages .comparison-table {
    max-width: 1000px;
    padding: 0 2% 5em;
    margin: 5em auto 0;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: flex-start
}

.old-pages .comparison-table li {
    display: block;
    height: 70px
}

.old-pages .comparison-table li:nth-child(odd) {
    background-color: whitesmoke
}

.old-pages .comparison-table img {
    display: block;
    height: 30px;
    padding-top: 18px;
    margin: 0 auto
}

.old-pages .comparison-table-feature {
    margin-top: 85px;
    border: 1px solid #D8D8D7;
    border-right: none;
    background-color: white
}

.old-pages .comparison-table-feature li {
    overflow: hidden;
    height: 60px;
    padding: 10px 1em 0;
    font-size: 1em;
    line-height: 1.5;
    text-align: left
}

@media (min-width: 801px) {
    .old-pages .comparison-table-feature li {
        height: 70px;
        padding: 0 1em;
        font-size: 1.5em;
        line-height: 70px
    }
}

.old-pages .comparison-table-free {
    position: relative;
    width: 50%;
    padding-top: 85px;
    border: 1px solid #D8D8D7;
    border-right: none;
    background-color: white
}

@media (min-width: 801px) {
    .old-pages .comparison-table-free {
        width: 30%
    }
}

.old-pages .comparison-table-free .head {
    position: absolute;
    top: 0;
    width: 100%;
    height: 84px;
    border-bottom: 1px solid #D8D8D7
}

.old-pages .comparison-table-free .head h3 {
    padding: 10px 0;
    font-size: 1em
}

@media (min-width: 801px) {
    .old-pages .comparison-table-free .head h3 {
        font-size: 1.25em
    }
}

.old-pages .comparison-table-free .head .price {
    font-size: 2em
}

@media (min-width: 801px) {
    .old-pages .comparison-table-free .head .price {
        font-size: 2.5em
    }
}

.old-pages .comparison-table-free .comparison-table-action {
    padding: 1em 0;
    border-top: 1px solid #D8D8D7
}

.old-pages .comparison-table-free .comparison-table-action .button {
    display: block;
    height: 40px;
    width: 100px;
    margin: .5em auto;
    font-size: 1.25em;
    line-height: 40px
}

@media (min-width: 801px) {
    .old-pages .comparison-table-free .comparison-table-action .button {
        height: 50px;
        width: 200px;
        font-size: 2em;
        line-height: 50px
    }
}

.old-pages .comparison-table-free .comparison-table-action .button img {
    display: inline;
    vertical-align: middle;
    width: 22px;
    padding-bottom: 2px
}

.old-pages .comparison-table-premium {
    position: relative;
    width: 50%;
    padding-top: 85px;
    border: 2px solid #ff1a55;
    background-color: white
}

@media (min-width: 801px) {
    .old-pages .comparison-table-premium {
        width: 30%
    }
}

.old-pages .comparison-table-premium .head {
    position: absolute;
    top: 0;
    width: 100%;
    height: 85px;
    background-color: #ff1a55
}

.old-pages .comparison-table-premium .head h3 {
    padding: 10px 0;
    font-size: 1em;
    color: white
}

@media (min-width: 801px) {
    .old-pages .comparison-table-premium .head h3 {
        font-size: 1.25em
    }
}

.old-pages .comparison-table-premium .head .price {
    color: white;
    font-size: 1.25em
}

.old-pages .comparison-table-premium .head .price span {
    font-size: 2em
}

@media (min-width: 801px) {
    .old-pages .comparison-table-premium .head .price span {
        font-size: 2.5em
    }
}

.old-pages .comparison-table-premium .head span.tag {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    font-size: 1.25em;
    line-height: 30px;
    color: white;
    background-color: #ff1a55
}

.old-pages .comparison-table-premium .head span.tag:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    border-top: 6px solid #ff1a55;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px
}

.old-pages .comparison-table-premium .comparison-table-action {
    padding: 1em 0;
    border-top: 1px solid #D8D8D7
}

.old-pages .comparison-table-premium .comparison-table-action .button {
    display: block;
    height: 40px;
    width: 100px;
    margin: .5em auto;
    font-size: 1.25em;
    line-height: 40px
}

@media (min-width: 801px) {
    .old-pages .comparison-table-premium .comparison-table-action .button {
        height: 50px;
        width: 200px;
        font-size: 2em;
        line-height: 50px
    }
}

.old-pages .comparison-table-premium .comparison-table-action .button img {
    display: inline;
    vertical-align: middle;
    width: 22px;
    padding-bottom: 2px
}

.old-pages .comparison-table-premium .comparison-table-action p {
    font-size: 1em
}

.old-pages .comparison-table-premium .comparison-table-action p span {
    display: inline-block
}

.old-pages .premium-team {
    padding: 2em 2% 5em;
    background: #1F1122
}

.old-pages .premium-team ul {
    display: block
}

.old-pages .premium-team li {
    position: relative;
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1.25em
}

.old-pages .premium-team li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 801px) {
    .old-pages .premium-team li {
        width: 23.5%;
        margin-right: 2%
    }
    .old-pages .premium-team li:nth-child(2n) {
        margin-right: 2%
    }
    .old-pages .premium-team li:last-child {
        margin-right: 0
    }
}

.old-pages .premium-team li a {
    display: block
}

.old-pages .premium-team li a:hover {
    opacity: .85
}

.old-pages .premium-team li img {
    display: block;
    margin: 0
}

.old-pages .premium-team li span.name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 95%;
    padding: 10% 2.5% 3%;
    display: block;
    font-size: 1.15em;
    color: white;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75))
}

.old-pages .premium-team li span.button {
    position: absolute;
    right: .5em;
    bottom: .5em;
    display: block;
    padding: 0 .5em;
    border: 1px solid white;
    color: white;
    border-radius: 2px
}

.old-pages .premium-team li a.btn-more:hover span.button {
    color: black;
    background-color: white
}

.old-pages .premium-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200
}

.old-pages .lightbox-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    padding-bottom: 3%;
    overflow: hidden
}

@media (min-width: 481px) {
    .old-pages .lightbox-area {
        top: 3%;
        left: 50%;
        width: 400px;
        margin-left: -200px
    }
}

.old-pages .lightbox-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.old-pages .premium-lightbox-inner {
    position: absolute;
    top: 0;
    max-height: 90%;
    padding: 0;
    margin: 3%;
    font-size: 1.2em;
    background-color: white;
    z-index: 200;
    overflow-y: scroll
}

.old-pages .premium-lightbox-inner .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.old-pages .premium-lightbox-main {
    width: 100%
}

.old-pages .premium-lightbox-main h3 {
    padding: .25em 0 0;
    font-size: 1.75em;
    font-weight: bold;
    color: #911E3B
}

.old-pages .premium-lightbox-main img {
    margin-bottom: .25em
}

.old-pages .premium-lightbox-main p {
    font-size: 1.15em;
    line-height: 1.65
}

.old-pages .premium-lightbox-main a {
    border-bottom: 1px solid #911E3B;
    color: #911E3B
}

.old-pages .premium-lightbox-des {
    padding: 0 1.75em 1.5em
}