.nav{ background-color: #000; background-image: none; border-bottom-color: #fff; }
.nav-lang.w-clearfix{ border-left-color: #fff; }
.nav-link, .account-icon-w.text, .nav-lang a, #pageMenu .levelZero > a, #pageMenu .levelZero > span{ color: #fff; }
#pageMenu .levelZero > a > svg, #pageMenu .levelZero > span > svg{ fill: #fff; }
.levelOne .nav-link{ color: #000; }
#productMenu > ul > li > .nav-link::after{ background-color: #fff; }
.nav-logo svg, .nav-logo svg path, .nav-logo svg polygon, .n-dir.w-embed svg, .account-icon-w.text svg, .search.w-embed svg, .search.w-embed svg path, .search.w-embed svg polygon, .cart.w-embed svg, .cart.w-embed svg path, .cart.w-embed svg polygon{ fill: #fff !important; }
.blog{ width: 100%; height: auto; padding: 10vw 7.2vw; background-color: #000 }
.blog-intro{ margin-bottom: 5vw; color: #fff; font-size: 1.8vw; line-height: 2vw; letter-spacing: -.05em }
.blog-wrap{ position: relative; margin-top: 3vw; float: left; clear: both; text-decoration: none }
.blog-face{ position: relative; z-index: 2; width: 23vw; height: 37vw; padding: 2.5vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transition: all 250ms ease; transition: all 250ms ease; border-radius: 1.3vw; }
.blog-face:hover{ background-color: #a0b71f; -webkit-transform: translate(.5vw, .5vw); -ms-transform: translate(.5vw, .5vw); transform: translate(.5vw, .5vw) }
.bp-init{ margin-bottom: 1.125vw; font-size: 1.125vw; line-height: 1.125vw; font-weight: 500; font-family: 'Everett Medium'; min-height: 1.2vw; }
.blog-title{ margin-bottom: 2vw; color: #141313; font-size: 2.5vw; line-height: 2.5vw; letter-spacing: -.05em; text-transform: none;}
.blog-subtitle{ font-size: 1.8vw; color: #141313; margin-bottom: 1.125vw; height: auto; line-height: 1.1; letter-spacing: -.05em; text-transform: none;}
.blog-summary{ max-width: 15vw; margin-bottom: 1vw; font-size: 1.2vw; line-height: 1.4vw; height: 10.5vw; }
.blog-content{ margin-top: 2vw }
.blog-author-w{ display: inline-block; position: absolute; left: 2.5vw; bottom: 2.5vw; }
.author{ width: 3.5vw; height: 3.5vw; float: left; border: 0.15rem solid #a0b71f; border-radius: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat }
.macro-link.ml-2{ text-transform: capitalize; }
.blog-grid{ -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr }
.DiscountUserActive .blog-face:hover{ background-color:#E5BD51; }
.DiscountUserActive .author{ border-color: #E5BD51; }

@media(max-width: 991px) {
    .blog-intro{ font-size: 4vw; line-height: 4vw }
    .blog-face{ width: 37vw; height: 60vw; padding: 3.5vw; border-radius: 3vw; }
    .bp-init{ font-size: 2vw; line-height: 2vw; letter-spacing: -.04em; min-height: 3vw; }
    .blog-title{ font-size: 4vw; line-height: 4vw; margin-bottom:3vw;}
    .blog-subtitle{font-size: 2.8vw; height: 11vw;}
    .blog-summary{ max-width: 100vw; font-size: 2.1vw; line-height: 2.4vw; letter-spacing: -.04em; height: 16vw; }
    .blog-content{ margin-top: 4vw }
    .blog-author-w{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .author{ width: 6vw; height: 6vw }
    .blog{ padding: 18vw 7.2vw 10vw 7.2vw; }
    .n-line{ background-color: #fff; }
    .blog-grid{ -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr }
}
@media(max-width: 479px){
    .blog-intro{ font-size: 7vw; line-height: 6vw }
    .blog-box, .blog-intro{ margin-bottom: 6vw }
    .blog-face{ width: 82vw; height: auto; padding: 8.5vw 9.5vw; border-radius: 6.5vw; }
    .bp-init{ margin-top: 3vw; margin-bottom: 3vw; font-size: 5vw; line-height: 5vw; min-height: 0%; }
    .blog-title{ font-size: 9vw; line-height: 10vw; height: auto; margin-bottom: 2vw; }
    .blog-subtitle{ font-size: 6vw; height: auto; margin-top: 6vw; margin-bottom: 10vw; }
    .blog-summary{ margin-top: 3vw; font-size: 5vw; line-height: 5vw; height: auto; }
    .blog-content{ margin-top: 8vw }
    .author{ width: 17vw; height: 17vw }
    .blog{ padding-top: 26vw; }
    .blog-grid{ -ms-grid-columns: 1fr; grid-template-columns: 1fr }
    .blog-author-w{ position: initial; }
}