/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Zilla+Slab+Highlight&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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* ================= 1. The Basic stuff =======================
    - Broswer Prefixes
    - Flexbox
    - Transition
    - Translate
    - Box shadow
    - Text-shadow
    - Border
    - Link & a tag 
    - Background-blend-mode
    - animation: @keyframe


    ======================================================= */
/* ================= 2. CS theme specific =======================
    - 


    ======================================================= */
/* This stylesheet is orginally coded in scss */
/* Written by: Hei Lam Ng */
/* ==================== index =======================*\
        0. Variables / Mixins
        1. Basic style 
        2. Header
        3. Index page body content
        4. Footer
        5. Page / snippet style
        	5.1 Cart page
        	5.2 Product page
        	5.3 Blackspot page (import blackspot.scss)
        	5.4 Subscription page
        	5.5 Donation Page 
        	5.6 Collection page (Back Issue)
        		5.6.1 Pagination style (pagination.liquid)
        6. Animation class
        	6.1 Tablet/Mobile nav

\* ===================================================*/
/* ==========================================================*\
                    1. Basic style
\* ==========================================================*/
body {
  font-family: "NeueHaasUnicaPro-Regular", Helvetica, sans-serif;
  font-size: 18px;
  color: #000;
  line-height: 1.2em; }
  @media all and (max-width: 768px) {
    body {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    body {
      font-size: 14px; } }
  body * {
    box-sizing: border-box;
    letter-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "NeueHaasUnicaPro-Bold", Helvetica, sans-serif;
  font-size: 22px;
  color: #000;
  font-weight: 700; }
  @media all and (max-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: 18px; } }
  @media all and (max-width: 480px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: 16px; } }

p, span {
  margin-bottom: 15px;
  font-size: 18px; }
  @media all and (max-width: 768px) {
    p, span {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    p, span {
      font-size: 14px; } }

a {
  text-decoration: none;
  color: #D0011B;
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }
  a:hover {
    color: red; }

strong, b {
  font-weight: 700; }

.pure-g [class*=pure-u] {
  font-family: inherit !important; }

/* ==========================================================*\
                    2. Header
\* ==========================================================*/
header {
  background-color: #000;
  font-family: "NeueHaasUnicaPro-Bold", Helvetica, sans-serif;
  color: #fff; }

.header-logos {
  position: relative;
  width: 100%;
  padding: 10px;
  max-width: 1024px;
  display: block;
  margin: 0 auto; }
.header__logo {
  width: 180px;
  max-height: 70px;
  display: inline-block; }
  @media all and (max-width: 480px) {
    .header__logo {
      height: 50px; } }
.header-btn__wrapper {
  float: right; }
  @media all and (max-width: 768px) {
    .header-btn__wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      height: 70px; } }
  @media all and (max-width: 480px) {
    .header-btn__wrapper {
      height: 50px; } }
.header-btn-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media all and (max-width: 768px) {
    .header-btn-group {
      margin-right: 20px;
      display: inline-block; } }
  @media all and (max-width: 480px) {
    .header-btn-group a:last-child {
      display: none; } }
.header-btn__hamburger {
  display: none;
  margin: 0 10px; }
  @media all and (max-width: 768px) {
    .header-btn__hamburger {
      display: inline-block; } }
  .header-btn__hamburger img {
    max-width: 100%;
    width: 50px; }
.header__btn {
  background-color: #fff;
  border: 1px solid #D0011B;
  color: #D0011B;
  font-size: 1.2em;
  padding: 10px 25px;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
  padding: 5px 15px;
  font-size: 0.7em;
  line-height: 0.8em;
  margin-bottom: 5px; }
  .header__btn:hover {
    background-color: #D0011B;
    border: 1px solid #fff;
    color: #fff; }
  .header__btn span {
    font-size: inherit;
    line-height: inherit; }
  @media all and (max-width: 768px) {
    .header__btn {
      font-size: 1em;
      line-height: 1em;
      padding: 10px 15px;
      margin-bottom: 0;
      margin-right: 10px; } }
  @media all and (max-width: 480px) {
    .header__btn {
      font-size: 1.2em;
      padding: 10px 15px; } }

.nav-header {
  width: 100%;
  padding: 20px;
  color: #fff;
  font-weight: 700; }
  @media all and (max-width: 768px) {
    .nav-header {
      display: none; } }
  .nav-header__list {
    max-width: 950px;
    display: block;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around; }
  .nav-header__item a {
    color: #fff; }
.nav-tablet {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 5%;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  font-size: 2em;
  line-height: 1.5em; }
  @media all and (max-width: 480px) {
    .nav-tablet {
      font-size: 1.8em;
      line-height: 1.3em; } }
  .nav-tablet__hamburger {
    width: 50px;
    height: 50px;
    z-index: 1000; }
  .nav-tablet__close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 15px;
    top: 15px; }
    @media all and (max-width: 480px) {
      .nav-tablet__close {
        width: 35px;
        height: 35px; } }
  .nav-tablet__logo {
    width: 120px;
    margin: 15px auto; }
    @media all and (max-width: 480px) {
      .nav-tablet__logo {
        width: 100%; } }
    .nav-tablet__logo img {
      width: 100%; }
  .nav-tablet__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%; }
  .nav-tablet__item {
    padding: 5px;
    margin-bottom: 1em;
    font-size: 1em; }
    .nav-tablet__item a {
      color: #fff; }

/* ==========================================================*\
                3. Index page body content
\* ==========================================================*/
.hero-product__row, .reg-product, .featured-section, .back-issue__row, .sub-section__row, .donation-section {
  width: 100%;
  max-width: 1024px;
  display: block;
  margin: 0 auto 20px auto; }

.hero-section, .back-issue, .product__row, .donation__row {
  margin-bottom: 20px;
  padding: 20px; }
  @media all and (max-width: 480px) {
    .hero-section, .back-issue, .product__row, .donation__row {
      padding: 10px; } }

.hero-section {
  width: 100%;
  background: url("bg_blackboard.jpg") #b22222 no-repeat center center;
  background-size: cover;
  -webkit-background-blend-mode: overlay;
  -moz-background-blend-mode: overlay;
  -ms-background-blend-mode: overlay;
  -o-background-blend-mode: overlay;
  background-blend-mode: overlay; }

.hero-product__row {
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
.hero-product__img {
  text-align: center;
  vertical-align: middle;
  padding: 15px; }
  .hero-product__img img {
    max-width: 100%;
    width: 100%; }
    @media all and (max-width: 768px) {
      .hero-product__img img {
        width: 60%; } }
    @media all and (max-width: 480px) {
      .hero-product__img img {
        width: 100%; } }
.hero-product__details {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 15px 15px 15px 25px; }
  @media all and (max-width: 480px) {
    .hero-product__details {
      padding: 0px; } }
.hero-product__description {
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 15px; }
  @media all and (max-width: 768px) {
    .hero-product__description {
      text-align: center; } }
  @media all and (max-width: 480px) {
    .hero-product__description {
      font-size: 1.5em; } }
.hero-product__btn {
  width: 80%;
  background-color: #000;
  text-align: center;
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 15px;
  padding: 15px 35px; }
  .hero-product__btn:last-child {
    margin-bottom: 0; }
  @media all and (max-width: 768px) {
    .hero-product__btn {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      padding: 10px 15px;
      width: 50%; } }
  @media all and (max-width: 480px) {
    .hero-product__btn {
      width: 100%; } }

.body-content {
  width: 100%; }

.product__row {
  border-bottom: 1px #999 solid; }
  .product__row:first-child {
    border: none; }
  .product__row:last-child {
    border: none; }
.product__img {
  text-align: center;
  vertical-align: middle;
  padding: 15px; }
  .product__img img {
    max-width: 100%;
    width: 100%; }
    @media all and (max-width: 768px) {
      .product__img img {
        width: 60%; } }
    @media all and (max-width: 480px) {
      .product__img img {
        width: 100%; } }
  .product__img-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
.product__details {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  font-size: 1em;
  padding: 15px 15px 15px 25px; }
  @media all and (max-width: 768px) {
    .product__details {
      padding: 3% 5%; } }
  .product__details p {
    margin-bottom: 15px;
    font-size: 1.2em;
    line-height: 1.2em; }
  .product__details ul li {
    list-style: disc;
    text-indent: 25px; }
  .product__details figure.quotation {
    margin-bottom: 15px; }
  .product__details figcaption cite {
    font-style: italic;
    color: #666; }
.product__title {
  font-size: 1.5em;
  line-height: 1.3em;
  margin-bottom: 15px; }
  @media all and (max-width: 768px) {
    .product__title {
      text-align: center; } }
.product__btn {
  background-color: #D0011B;
  text-align: center;
  color: #fff;
  border: 1px solid #D0011B;
  font-size: 1.2em;
  padding: 10px 25px;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
  margin-top: 20px; }
  .product__btn:hover {
    background-color: #fff;
    border: 1px solid #D0011B;
    color: #D0011B; }
  @media all and (max-width: 768px) {
    .product__btn {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      width: 50%;
      padding: 10px 15px; } }
  @media all and (max-width: 480px) {
    .product__btn {
      width: 100%; } }
  .product__btn--02 {
    background-color: #fff;
    border: 1px solid #D0011B;
    color: #D0011B;
    font-size: 1.2em;
    padding: 10px 25px;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    /* ease-in-out */ }
    .product__btn--02:hover {
      background-color: #D0011B;
      border: 1px solid #fff;
      color: #fff; }

.back-issue {
  width: 100%;
  position: relative;
  padding: 5px 15px;
  background: url("bg_blackboard.jpg") #ccc no-repeat center center;
  background-size: cover;
  -webkit-background-blend-mode: overlay;
  -moz-background-blend-mode: overlay;
  -ms-background-blend-mode: overlay;
  -o-background-blend-mode: overlay;
  background-blend-mode: overlay; }
  @media all and (max-width: 768px) {
    .back-issue {
      padding: 15px; } }
  .back-issue__btn {
    color: #D0011B;
    position: absolute;
    right: 15px;
    top: 1.5em;
    font-size: 1em;
    font-weight: 400; }
    @media all and (max-width: 768px) {
      .back-issue__btn {
        position: static;
        text-align: center;
        background-color: #fff;
        border: 1px solid #D0011B;
        padding: 10px 15px;
        display: block;
        margin: 0 auto;
        width: 50%;
        font-size: 1.2em; } }
    @media all and (max-width: 480px) {
      .back-issue__btn {
        width: 100%; } }
  .back-issue__row {
    max-width: 1024px; }
  .back-issue__product {
    text-align: center;
    padding: 15px; }
  .back-issue__img {
    width: 100%;
    margin-bottom: 15px; }
    @media all and (max-width: 768px) {
      .back-issue__img {
        width: 60%; } }
    @media all and (max-width: 480px) {
      .back-issue__img {
        width: 100%; } }
  .back-issue__title {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 15px; }
    @media all and (max-width: 768px) {
      .back-issue__title {
        font-size: 1em; } }
    @media all and (max-width: 480px) {
      .back-issue__title {
        font-size: 1.2em; } }

.section-header {
  font-family: "BatmansTrip", Helvetica, sans-serif;
  font-size: 4em;
  line-height: 1.1em;
  text-align: center;
  margin-bottom: 20px;
  width: 100%; }
  @media all and (max-width: 480px) {
    .section-header {
      line-height: 1.2em;
      font-size: 3em; } }

.sub-section {
  background: url("bg_blackboard.jpg") #ccc no-repeat center center;
  background-size: cover;
  -webkit-background-blend-mode: overlay;
  -moz-background-blend-mode: overlay;
  -ms-background-blend-mode: overlay;
  -o-background-blend-mode: overlay;
  background-blend-mode: overlay;
  padding: 25px;
  width: 100%; }
  .sub-section__header {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 15px; }
  .sub-section__row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .sub-section__img {
    width: 30%;
    text-align: center; }
    @media all and (max-width: 768px) {
      .sub-section__img {
        width: 40%; } }
    @media all and (max-width: 480px) {
      .sub-section__img {
        width: 100%; } }

.subscribe, .submission {
  padding: 0 10px;
  text-align: center; }

.sub__header {
  margin-bottom: 15px;
  font-size: 1.5em;
  line-height: 1.5em; }

@media all and (max-width: 768px) {
  .subscribe {
    margin-bottom: 20px; } }

.submission__text {
  font-size: 1.2em;
  line-height: 1.2em; }
.submission__link {
  color: #D0011B;
  font-style: italic; }

.form__btn {
  padding: 5px 10px;
  background-color: #000;
  color: #fff; }

.donation-section h3, .donation-section p, .donation-section span {
  font-size: inherit; }
.donation-section .cart-donation__header {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 15px; }
.donation-section .cart-donation__text {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  line-height: 1.2em; }
  @media all and (max-width: 480px) {
    .donation-section .cart-donation__text {
      width: 100%; } }
.donation__row {
  width: 100%; }
.donation__details {
  padding: 0px 15px; }
  @media all and (max-width: 480px) {
    .donation__details {
      padding: 0; } }
.donation__custom-prefix {
  margin-bottom: 0;
  margin-right: 5px;
  line-height: 2em;
  white-space: nowrap; }
.donation__action {
  padding: 0 15px;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.2em; }
  @media all and (max-width: 480px) {
    .donation__action {
      padding: 0px; } }
.donation__input {
  height: 2em;
  text-align: center;
  height: 35px; }
  @media all and (max-width: 768px) {
    .donation__input {
      font-size: 1.5em;
      height: 45px; } }
.donation__btn {
  padding: 5px 10px;
  background-color: #D0011B;
  color: #fff;
  height: 35px; }
  @media all and (max-width: 768px) {
    .donation__btn {
      font-size: 1.2em;
      height: 45px; } }

.support-section {
  background-color: #ed1c24; }

.student-discount__img {
  width: 100%;
  margin: 0 auto;
  max-width: 1024px; }

.mobile_img--show {
  display: none; }
  @media all and (max-width: 480px) {
    .mobile_img--show {
      display: block; } }
.mobile_img--hide {
  display: block; }
  @media all and (max-width: 480px) {
    .mobile_img--hide {
      display: none; } }

/* ==========================================================*\
                    4. Footer
\* ==========================================================*/
footer {
  width: 100%;
  background-color: #000;
  color: #fff; }
  footer * a {
    color: #fff; }
  @media all and (max-width: 768px) {
    footer {
      padding: 0 10px; } }

.footer {
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.2em;
  padding: 25px 0; }
  .footer__icon-container {
    text-align: center; }
    @media all and (max-width: 480px) {
      .footer__icon-container {
        margin-bottom: 20px; } }
  .footer__logo {
    max-width: 100%;
    width: 80%; }
    @media all and (max-width: 768px) {
      .footer__logo {
        width: 50%; } }
  .footer__sm-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .footer__sm-wrapper a:last-child img {
      margin-right: 0; }
  .footer__sm-icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    -webkit-filter: invert(1);
    filter: invert(1); }
    @media all and (max-width: 768px) {
      .footer__sm-icon {
        width: 30px;
        height: 30px; } }
    @media all and (max-width: 480px) {
      .footer__sm-icon {
        width: 45px;
        height: 45px; } }
  .footer__nav-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly; }
    @media all and (max-width: 480px) {
      .footer__nav-wrapper {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        text-align: center; } }
  .footer__nav ul {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media all and (max-width: 768px) {
      .footer__nav ul {
        display: none; } }
    .footer__nav ul li {
      line-height: 1.5em; }
      @media all and (max-width: 768px) {
        .footer__nav ul li {
          font-size: 1.2em; } }
      @media all and (max-width: 480px) {
        .footer__nav ul li {
          font-size: 1.5em; } }
    @media all and (max-width: 768px) {
      .footer__nav ul:nth-of-type(2n) {
        display: inline-block; } }

/* ==========================================================*\
                    5. Page / snippet style
\* ==========================================================*/
/* --------- 5.1 cart page -------- */
.body-content > .cart__wrapper * h1, h2, h3, h4, h5, h6 {
  font-size: 18px; }

.visually-hidden {
  display: none; }

.body-content > .cart__wrapper p, .cart__wrapper p span, .body-content > .cart__wrapper .cart-product__qtn-input, .cart-donation__amount {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 0.8em; }
  @media all and (max-width: 768px) {
    .body-content > .cart__wrapper p, .cart__wrapper p span, .body-content > .cart__wrapper .cart-product__qtn-input, .cart-donation__amount {
      font-size: 1em; } }
  @media all and (max-width: 480px) {
    .body-content > .cart__wrapper p, .cart__wrapper p span, .body-content > .cart__wrapper .cart-product__qtn-input, .cart-donation__amount {
      font-size: 1.2em;
      line-height: 2em; } }

.cart__wrapper {
  width: 100%;
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  margin: 15px auto;
  font-size: 16px;
  padding: 15px; }
  @media all and (max-width: 768px) {
    .cart__wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 25px auto; } }
.cart-disclaimer {
  background-color: #FFFAB8;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    .cart-disclaimer {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; } }
  .cart-disclaimer__header {
    font-size: 1.2em;
    line-height: 1em;
    background: #000;
    color: #fff;
    padding: 10px; }
  .cart-disclaimer__text-wrapper {
    margin-bottom: 5px; }
  .cart-disclaimer p, .cart-disclaimer ul {
    padding: 5px 10px; }
  .cart-disclaimer__heading {
    font-size: 1.1em;
    line-height: 1.1em;
    margin-bottom: 10px;
    padding: 5px 10px; }
.cart-latest-issue {
  font-size: 1em;
  line-height: 1.2em; }
  .cart-latest-issue__wrapper {
    padding: 5px 10px;
    margin-bottom: 20px; }
    @media all and (max-width: 480px) {
      .cart-latest-issue__wrapper div:nth-of-type(n+4) {
        font-size: 1em;
        line-height: 1.2em; } }
    .cart-latest-issue__wrapper div:nth-of-type(3) {
      margin-bottom: 20px; }
  .cart-latest-issue__content {
    margin: 15px auto;
    display: block; }
.cart-content {
  padding: 0 20px 0 15px;
  font-size: 1em;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    .cart-content {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      padding: 0px 15px; } }
  @media all and (max-width: 480px) {
    .cart-content {
      padding: 0; } }
.cart-header {
  border-bottom: 3px solid #999;
  padding-bottom: 5px; }
.cart__heading {
  font-size: 1.8em;
  line-height: 1.2em;
  font-family: "NeueHaasUnicaPro-Bold", Helvetica, sans-serif; }
  @media all and (max-width: 480px) {
    .cart__heading {
      margin-bottom: 20px; } }
.cart__action-btns {
  text-align: right;
  margin-bottom: 5px; }
  @media all and (max-width: 480px) {
    .cart__action-btns {
      text-align: center; } }
.cart__buttons {
  background-color: #D0011B;
  text-align: center;
  color: #fff;
  border: 1px solid #D0011B;
  font-size: 1.2em;
  padding: 10px 25px;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }
  .cart__buttons:hover {
    background-color: #fff;
    border: 1px solid #D0011B;
    color: #D0011B; }
  @media all and (max-width: 768px) {
    .cart__buttons {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      width: 50%;
      padding: 10px 15px; } }
  @media all and (max-width: 480px) {
    .cart__buttons {
      width: 100%; } }
  @media all and (max-width: 768px) {
    .cart__buttons {
      padding: 10px 15px;
      margin-bottom: 5px !important;
      width: 100%; } }
  @media all and (max-width: 480px) {
    .cart__buttons {
      padding: 10px 15px; } }
  .cart__buttons--02 {
    background-color: #fff;
    border: 1px solid #D0011B;
    color: #D0011B;
    font-size: 1.2em;
    padding: 10px 25px;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    /* ease-in-out */ }
    .cart__buttons--02:hover {
      background-color: #D0011B;
      border: 1px solid #fff;
      color: #fff; }
  .cart__buttons--remove {
    background-color: transparent;
    border: 1px solid #666;
    color: #666;
    font-size: 0.6em;
    line-height: 0.6em;
    padding: 5px 15px; }
    @media all and (max-width: 480px) {
      .cart__buttons--remove {
        margin: 15px auto;
        width: 100%;
        font-size: 1em;
        line-height: 1em; } }
.cart-product {
  padding: 15px; }
  .cart-product div.cart-product__row:nth-last-child(2) {
    border: none; }
  .cart-product__header {
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px; }
    @media all and (max-width: 480px) {
      .cart-product__header {
        display: none; } }
  .cart-product__row {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    margin-bottom: 20px; }
    @media all and (max-width: 480px) {
      .cart-product__row {
        text-align: center; } }
  .cart-product__heading {
    font-size: 0.8em;
    line-height: 1em;
    text-align: center; }
    .cart-product__heading:first-child {
      text-align: left; }
  .cart-product__img {
    float: left; }
    .cart-product__img img {
      max-width: 100%; }
    @media all and (max-width: 480px) {
      .cart-product__img {
        margin-bottom: 20px; } }
  .cart-product-title-group {
    padding-left: 15px; }
    @media all and (max-width: 480px) {
      .cart-product-title-group {
        padding-left: 0;
        margin-bottom: 30px; } }
  .cart-product__title {
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 3px; }
    @media all and (max-width: 480px) {
      .cart-product__title {
        font-size: 1.3em;
        line-height: 1.3em; } }
  .cart-product__variation {
    color: #666;
    font-style: italic;
    font-size: 0.8em !important;
    font-weight: 400; }
  .cart-product__price, .cart-product__qtn, .cart-product__total {
    text-align: center;
    line-height: 1.5em; }
    @media all and (max-width: 480px) {
      .cart-product__price, .cart-product__qtn, .cart-product__total {
        margin-bottom: 10px; } }
  .cart-product__qtn-input {
    text-align: center;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
    -moz-box-shadow: inset 1px 1px 3px 0px #ccc;
    -ms-box-shadow: inset 1px 1px 3px 0px #ccc;
    -o-box-shadow: inset 1px 1px 3px 0px #ccc;
    box-shadow: inset 1px 1px 3px 0px #ccc;
    line-height: 1.5em !important;
    margin-bottom: 0 !important; }
  .cart-product__mobil-prefix {
    display: none;
    margin-right: 5px; }
    @media all and (max-width: 480px) {
      .cart-product__mobil-prefix {
        display: inline-block; } }
.cart-donation {
  border-top: 1px solid #999;
  padding: 10px 0; }
  @media all and (max-width: 480px) {
    .cart-donation {
      padding-top: 20px; } }
  .cart-donation__header {
    font-size: 1em;
    margin-bottom: 3px; }
    @media all and (max-width: 480px) {
      .cart-donation__header {
        font-size: 1.5em;
        margin-bottom: 10px;
        line-height: 1.3em;
        text-align: center; } }
  .cart-donation-button-group {
    padding: 10px 15px;
    text-align: center; }
  .cart-donation__btn {
    margin-bottom: 5px; }
    @media all and (max-width: 480px) {
      .cart-donation__btn {
        font-size: 1em; } }
  .cart-donation__amount {
    text-align: center;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
    -moz-box-shadow: inset 1px 1px 3px 0px #ccc;
    -ms-box-shadow: inset 1px 1px 3px 0px #ccc;
    -o-box-shadow: inset 1px 1px 3px 0px #ccc;
    box-shadow: inset 1px 1px 3px 0px #ccc;
    line-height: 1.5em !important;
    margin-bottom: 0 !important;
    text-align: center;
    line-height: 1.5em !important;
    vertical-align: middle;
    margin-right: 5px; }
    @media all and (max-width: 768px) {
      .cart-donation__amount {
        margin-bottom: 10px !important; } }
    @media all and (max-width: 480px) {
      .cart-donation__amount {
        line-height: 1.3em !important;
        font-size: 1em !important; } }
.cart-footer {
  border-top: 3px solid #999;
  padding-top: 10px; }
  @media all and (max-width: 480px) {
    .cart-footer {
      padding-top: 20px; } }
  .cart-footer__disclaimer {
    padding-left: 10px; }
    @media all and (max-width: 480px) {
      .cart-footer__disclaimer {
        padding-left: 0; } }
    .cart-footer__disclaimer p {
      padding: 10px;
      background-color: #FFD29F; }
  .cart-footer__price-total {
    position: relative; }
  .cart-footer .price-total__wrap {
    text-align: right;
    font-size: 1.5em;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media all and (max-width: 480px) {
      .cart-footer .price-total__wrap {
        text-align: center;
        margin: 30px 0;
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); } }
    .cart-footer .price-total__wrap p {
      display: inline-block;
      margin-left: 3px;
      font-weight: 700;
      line-height: 1em;
      margin-bottom: 0 !important; }
      .cart-footer .price-total__wrap p span.money {
        font-size: inherit; }
.cart-buttons-wrapper {
  padding: 15px;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3; }
.cart-faq {
  font-size: 0.7em;
  line-height: 0.8em;
  text-align: center;
  color: #333; }
  @media all and (max-width: 768px) {
    .cart-faq {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3; } }
.cart-empty {
  padding: 10px;
  margin: 15px auto; }
  @media all and (max-width: 480px) {
    .cart-empty {
      font-size: 1.2em;
      line-height: 1.1em; } }

.donation.js-show {
  margin-bottom: 15px; }

@media all and (max-width: 768px) {
  .cart-header .cart__action-btns input#checkout {
    display: none; } }

/* --------- 5.2 product page -------- */
.page-wrapper {
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  margin: 10px auto;
  width: 95%;
  padding: 15px;
  font-size: 18px; }
  @media all and (max-width: 768px) {
    .page-wrapper {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    .page-wrapper {
      font-size: 14px; } }
.page-product__header {
  background: url("product-title-bg.jpg") center left no-repeat;
  background-size: 100% 100%;
  background-position-x: -15px;
  padding: 1em 3em;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    .page-product__header {
      min-height: 4em;
      padding-left: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      background-image: none;
      padding: 15px; } }
  @media all and (max-width: 480px) {
    .page-product__header {
      background-size: 105% 100%;
      padding: 10px;
      height: 100px; } }
  .page-product__header-title {
    font-size: 2.5em;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 1px 0px 0px #000000, -1px 0px 0px #000000, 0px 1px 0px #000000, 0px -1px 0px #000000; }
    @media all and (max-width: 768px) {
      .page-product__header-title {
        font-size: 2em;
        line-height: 1.3em;
        color: #000;
        text-shadow: none; } }
    @media all and (max-width: 480px) {
      .page-product__header-title {
        font-size: 1.5em; } }
.page-product-img {
  padding: 10px calc(10px * 2); }
  @media all and (max-width: 768px) {
    .page-product-img {
      padding: 5%; } }
  @media all and (max-width: 480px) {
    .page-product-img {
      padding: 0px; } }
.page-product__img {
  max-width: 100%;
  margin-bottom: 35px; }
  @media all and (max-width: 768px) {
    .page-product__img {
      width: 80%;
      margin: 0 auto 35px auto;
      display: block; } }
  .page-product__img-wrap {
    position: relative;
    width: 100%; }
.page-product__thumbnail {
  padding: 3px;
  opacity: 0.7;
  max-width: 100%;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }
  .page-product__thumbnail:hover {
    opacity: 1; }
  .page-product__thumbnail img {
    max-height: 100%; }
  .page-product__thumbnail-wrap {
    margin: 0 auto;
    display: block; }
    @media all and (max-width: 480px) {
      .page-product__thumbnail-wrap {
        display: none; } }
.page-product-details {
  padding: 10px calc(10px * 2); }
  @media all and (max-width: 768px) {
    .page-product-details {
      display: block;
      margin: 0 auto;
      border-top: 1px solid #ccc;
      font-size: 1em; } }
  @media all and (max-width: 480px) {
    .page-product-details {
      font-size: 1em; } }
  .page-product-details p {
    padding: 5px;
    font-size: 1em;
    line-height: 1.2em; }
    @media all and (max-width: 480px) {
      .page-product-details p {
        font-size: 1.2em; } }
  .page-product-details ul {
    padding-left: 35px; }
    @media all and (max-width: 480px) {
      .page-product-details ul {
        padding-left: 25px; } }
    .page-product-details ul li {
      list-style: disc; }
      .page-product-details ul li:last-child {
        margin-bottom: 15px; }
.page-product-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  margin-top: 35px; }
  @media all and (max-width: 480px) {
    .page-product-options {
      font-size: 1.2em;
      line-height: 1.2em;
      display: block; } }
  .page-product-options ul li {
    list-style: none;
    text-indent: 0px;
    line-height: 1.5em; }
    .page-product-options ul li:nth-child(n+2) {
      border-top: none; }
  .page-product-options-item {
    border: 1px solid #D0011B;
    padding: 5px 15px;
    height: 100%;
    margin: 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .page-product-options-item span.money {
      margin-bottom: 0; }
  .page-product-options label {
    min-width: 150px;
    display: inline-block; }
  .page-product-options-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .page-product-options-form {
    padding: 5px;
    color: #D0011B;
    margin-top: 10%; }
    .page-product-options-form * p {
      margin: 0; }
@media all and (max-width: 480px) {
  .page-product__variation {
    margin-bottom: 15px; } }
.page-product__variation p {
  margin-bottom: 0; }
  .page-product__variation p.page-product-options-item {
    min-width: 70px;
    line-height: 1.5em; }
.page-product__variation ul {
  padding-left: 0; }
.page-product-qtn__group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  border: 1px solid #D0011B;
  padding: 5px;
  margin-left: 15px; }
  @media all and (max-width: 480px) {
    .page-product-qtn__group {
      margin-left: 0; } }
  .page-product-qtn__group p {
    color: #999;
    margin: 0; }
.page-product__qtn {
  text-align: center;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
  -moz-box-shadow: inset 1px 1px 3px 0px #ccc;
  -ms-box-shadow: inset 1px 1px 3px 0px #ccc;
  -o-box-shadow: inset 1px 1px 3px 0px #ccc;
  box-shadow: inset 1px 1px 3px 0px #ccc;
  line-height: 1.5em !important;
  margin-bottom: 0 !important;
  margin: 5px 10px 0 10px !important;
  padding: 0 !important;
  text-align: center;
  line-height: 1.5em; }
.page-product__price {
  text-align: center; }
  @media all and (max-width: 480px) {
    .page-product__price {
      text-align: left; } }
.page-product__radio {
  position: relative;
  text-align: center;
  margin-left: 5px; }
  @media all and (max-width: 480px) {
    .page-product__radio {
      margin-left: 0; } }
  .page-product__radio-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media all and (max-width: 480px) {
      .page-product__radio-btn {
        width: 25px;
        height: 25px; } }
@media all and (max-width: 768px) {
  .page-product__btn {
    display: block;
    margin-left: auto;
    margin-right: auto; } }
.page-product__faq-wrap {
  margin-top: 15%;
  color: #333;
  overflow: hidden; }
  .page-product__faq-wrap h4 {
    font-size: 0.9em;
    color: inherit; }
    @media all and (max-width: 768px) {
      .page-product__faq-wrap h4 {
        font-size: 1em; } }
  .page-product__faq-wrap ul {
    perspective: 900;
    padding: 0;
    margin: 0; }
  .page-product__faq-wrap ul li {
    position: relative;
    padding: 10px;
    line-height: 1.5em;
    border-top: 1px solid #666;
    list-style: none;
    text-indent: 0px; }
  .page-product__faq-wrap ul li:last-of-type {
    border-bottom: 1px solid #666; }
  .page-product__faq-wrap ul li i {
    position: absolute;
    top: 15px;
    right: 15px;
    animation-delay: 0.5s; }
  .page-product__faq-wrap ul li i:before, .page-product__faq-wrap ul li i:after {
    content: "";
    position: absolute;
    background-color: #333;
    width: 3px;
    height: 9px; }
  .page-product__faq-wrap ul li i:before {
    transform: translate(-2px, 0) rotate(45deg); }
  .page-product__faq-wrap ul li i:after {
    transform: translate(2px, 0) rotate(-45deg); }
  .page-product__faq-wrap ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0; }
  .page-product__faq-wrap ul li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 100%); }
  .page-product__faq-wrap ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(2px, 0) rotate(45deg); }
  .page-product__faq-wrap ul li input[type=checkbox]:checked ~ i:after {
    transform: translate(-2px, 0) rotate(-45deg); }
  .page-product__faq-wrap ul li p {
    margin-bottom: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 0; }
.page-product-footer {
  margin-top: 10%;
  border: 2px solid #ccc;
  padding: 10px;
  position: relative; }
  .page-product-footer__title {
    color: #999;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding: 15px 0 0 15px; }
    @media all and (max-width: 768px) {
      .page-product-footer__title {
        text-align: center; } }
  .page-product-footer-collection {
    padding: 5px;
    text-align: center;
    float: left;
    display: inline-block; }
    @media all and (max-width: 480px) {
      .page-product-footer-collection {
        margin-bottom: 35px;
        display: block; } }
  .page-product-footer-related-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly; }
    @media all and (max-width: 480px) {
      .page-product-footer-related-wrap {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page-product-footer-related-wrap figcaption {
      font-size: 1em;
      line-height: 1.2em; }
      @media all and (max-width: 480px) {
        .page-product-footer-related-wrap figcaption {
          font-size: 1.2em;
          line-height: 1.5em; } }
  .page-product-footer__img {
    max-width: 100%;
    margin-bottom: 20px; }

.page-product * .page-product-footer__img {
  height: 300px; }
  @media all and (max-width: 768px) {
    .page-product * .page-product-footer__img {
      height: 200px; } }
  @media all and (max-width: 480px) {
    .page-product * .page-product-footer__img {
      height: auto; } }

/* --------- 5.3 Blackspot page -------- */
.bs-product__img, .bs-product__options, .bs-product__manifesto, .bs-product__des, .bs-product__footer {
  max-width: 1024px;
  margin: 0 auto;
  display: block;
  padding: 15px 25px; }
  @media all and (max-width: 480px) {
    .bs-product__img, .bs-product__options, .bs-product__manifesto, .bs-product__des, .bs-product__footer {
      padding: 15px; } }

.bs-product {
  font-size: 18px;
  line-height: 1.2em; }
  @media all and (max-width: 768px) {
    .bs-product {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    .bs-product {
      font-size: 14px; } }
  .bs-product__hero {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url("bs_splash_bg.jpg") top center no-repeat;
    background-size: cover;
    padding-top: 10%; }
    @media all and (max-width: 480px) {
      .bs-product__hero {
        margin-bottom: 20px; } }
  .bs-product__img {
    padding: 10px;
    text-align: center; }
    .bs-product__img img {
      width: 80%; }
  .bs-product__options {
    padding: 10px;
    text-align: center; }
  .bs-product__price, .bs-product .price {
    font-size: 3em;
    line-height: 1.5em;
    margin-bottom: 15px; }
    @media all and (max-width: 768px) {
      .bs-product__price, .bs-product .price {
        font-size: 2em; } }
    .bs-product__price span, .bs-product .price span {
      font-size: inherit;
      line-height: inherit; }
    .bs-product__price del, .bs-product .price del {
      color: #666;
      margin-left: 15px; }
  .bs-product__form-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto 20px auto;
    font-size: 1.2em; }
    @media all and (max-width: 480px) {
      .bs-product__form-wrap {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .bs-product__form-wrap li {
      width: 33.33%;
      padding: 15px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      @media all and (max-width: 480px) {
        .bs-product__form-wrap li {
          width: 100%;
          display: block;
          line-height: 1.5em; } }
      .bs-product__form-wrap li label {
        margin-right: 10px; }
    .bs-product__form-wrap li.gender ul li {
      width: 100%;
      padding: 5px;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: flex-end; }
      @media all and (max-width: 480px) {
        .bs-product__form-wrap li.gender ul li {
          background-color: #fff;
          border: 1px solid #D0011B;
          color: #D0011B;
          font-size: 1.2em;
          padding: 10px 25px;
          -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
          -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
          -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
          transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
          /* ease-in-out */
          width: 45%;
          display: inline-block; }
          .bs-product__form-wrap li.gender ul li:hover {
            background-color: #D0011B;
            border: 1px solid #fff;
            color: #fff; }
          .bs-product__form-wrap li.gender ul li:first-child {
            margin-right: 5px; } }
    .bs-product__form-wrap li.select {
      display: none; }
    .bs-product__form-wrap li.select.size {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
  .bs-product__input {
    text-align: left; }
  .bs-product__qtn input {
    text-align: center;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
    -moz-box-shadow: inset 1px 1px 3px 0px #ccc;
    -ms-box-shadow: inset 1px 1px 3px 0px #ccc;
    -o-box-shadow: inset 1px 1px 3px 0px #ccc;
    box-shadow: inset 1px 1px 3px 0px #ccc;
    line-height: 1.5em !important;
    margin-bottom: 0 !important; }
  .bs-product-info {
    padding-top: 5%;
    overflow: hidden; }
    .bs-product-info * {
      color: #fff; }
    .bs-product-info__bg {
      background: url("bs_mid_bg.jpg") no-repeat top center;
      background-size: 100% 100%;
      padding: 120px 0; }
      @media all and (max-width: 480px) {
        .bs-product-info__bg {
          background: black;
          padding: 15px 0; } }
  .bs-product__manifesto {
    display: block;
    margin: 15px auto;
    color: #fff;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    font-size: 1.5em;
    line-height: 1.3em; }
    @media all and (max-width: 768px) {
      .bs-product__manifesto {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); } }
  .bs-product__title {
    color: inherit;
    font-size: 2em;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.5em;
    margin-bottom: 15px;
    text-transform: uppercase; }
    @media all and (max-width: 480px) {
      .bs-product__title {
        font-size: 2.5em;
        letter-spacing: 1px; } }
  .bs-product__video {
    padding-bottom: 56.25%;
    /* 16:9 */
    width: 100%;
    position: relative; }
    .bs-product__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .bs-product__banner {
    margin: 60px 0;
    background: url("bs-banner-2.jpg") center no-repeat;
    background-size: cover;
    height: 400px; }
    @media all and (max-width: 480px) {
      .bs-product__banner {
        background-size: contain;
        height: 200px;
        margin: 30px 0; } }
  .bs-product__des {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .bs-product__des-wrap {
      position: relative;
      padding: 15px; }
      @media all and (max-width: 480px) {
        .bs-product__des-wrap {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 2;
          -webkit-order: 2;
          order: 2;
          margin-bottom: 20px; } }
    @media all and (max-width: 480px) {
      .bs-product__des {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .bs-product__brand {
    max-width: 100%;
    position: absolute;
    left: 5%;
    top: 0; }
    @media all and (max-width: 480px) {
      .bs-product__brand {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        position: static;
        margin: 0 auto; } }
  .bs-product__features {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5em;
    -webkit-transform: rotate(-13deg) translate(0, -50%);
    -moz-transform: rotate(-13deg) translate(0, -50%);
    -ms-transform: rotate(-13deg) translate(0, -50%);
    -o-transform: rotate(-13deg) translate(0, -50%);
    transform: rotate(-13deg) translate(0, -50%);
    position: absolute;
    left: 60px;
    top: 50%; }
    @media all and (max-width: 768px) {
      .bs-product__features {
        left: 50%;
        -webkit-transform: rotate(0) translate(-50%, -50%);
        -moz-transform: rotate(0) translate(-50%, -50%);
        -ms-transform: rotate(0) translate(-50%, -50%);
        -o-transform: rotate(0) translate(-50%, -50%);
        transform: rotate(0) translate(-50%, -50%); } }
    @media all and (max-width: 480px) {
      .bs-product__features {
        position: static;
        -webkit-transform: rotate(0) translate(0);
        -moz-transform: rotate(0) translate(0);
        -ms-transform: rotate(0) translate(0);
        -o-transform: rotate(0) translate(0);
        transform: rotate(0) translate(0); } }
    .bs-product__features li {
      padding: 5px 0; }
      @media all and (max-width: 480px) {
        .bs-product__features li {
          font-size: 1.2em; } }
      .bs-product__features li:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1.2em;
        height: 1.2em;
        margin-right: 5px;
        background: url("bs-logo.png") center no-repeat;
        background-size: contain;
        filter: invert(1); }
  .bs-product__table {
    padding: 0px 15px; }
    .bs-product__table table {
      table-layout: fixed;
      width: 100%;
      text-align: center; }
    .bs-product__table th {
      font-weight: 700; }
    .bs-product__table th, .bs-product__table td {
      padding: 10px;
      border-bottom: 1px solid #ccc; }
    @media all and (max-width: 480px) {
      .bs-product__table {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        padding: 0;
        font-size: 1.2em;
        line-height: 1.2em; } }
  .bs-product__footer p {
    font-size: 1em; }
    @media all and (max-width: 480px) {
      .bs-product__footer p {
        font-size: 1.2em; } }
  .bs-product__header {
    margin-bottom: 15px;
    line-height: 1.2em; }

/* --------- 5.4 Subscription page -------- */
.page-sub {
  font-size: 18px; }
  @media all and (max-width: 768px) {
    .page-sub {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    .page-sub {
      font-size: 14px; } }
  .page-sub-hero {
    min-height: 500px;
    background-color: #ffff66;
    margin-bottom: 20px;
    padding: 30px; }
    @media all and (min-width: 1440px) {
      .page-sub-hero {
        padding: 5% 10%;
        margin-bottom: 35px; } }
    @media all and (max-width: 480px) {
      .page-sub-hero {
        padding: 15px; } }
  .page-sub__info {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    margin: 0 auto 20px auto; }
  .page-sub__title {
    font-size: 3em;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 5px;
    width: 100%; }
    @media all and (max-width: 768px) {
      .page-sub__title {
        font-size: 2.5em; } }
    @media all and (max-width: 480px) {
      .page-sub__title {
        font-size: 1.8em; } }
  .page-sub__header {
    font-size: 1.5em;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 15px; }
    @media all and (max-width: 768px) {
      .page-sub__header {
        font-size: 1.3em; } }
    @media all and (max-width: 480px) {
      .page-sub__header {
        font-size: 1.5em; } }
  .page-sub__des {
    font-size: 1.3em;
    line-height: 1.2em; }
    @media all and (max-width: 768px) {
      .page-sub__des {
        font-size: 1.1em; } }
  .page-sub-schedule {
    font-size: 1.2em;
    line-height: 1.1em;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    width: 100%;
    margin: 30px auto;
    display: block; }
    .page-sub-schedule table, .page-sub-schedule th, .page-sub-schedule td {
      border: solid 1px #666; }
    .page-sub-schedule table {
      table-layout: fixed;
      width: 100%;
      text-align: center; }
      .page-sub-schedule table th {
        padding: 10px;
        font-weight: 700; }
      .page-sub-schedule table td {
        padding: 10px; }
  .page-sub-options {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media all and (max-width: 480px) {
      .page-sub-options {
        display: block; } }
    @media all and (max-width: 768px) {
      .page-sub-options div {
        margin-bottom: 20px; } }
  .page-sub__btn {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media all and (max-width: 480px) {
      .page-sub__btn {
        width: 100%; } }
  .page-sub-product {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    margin: 0 auto 20px auto;
    padding: 10px 30px; }
    @media all and (min-width: 1440px) {
      .page-sub-product {
        padding: 0px; } }
    @media all and (max-width: 480px) {
      .page-sub-product {
        padding: 15px; } }
    .page-sub-product__row {
      margin-bottom: 20px;
      padding: 5px 20px; }
      @media all and (max-width: 768px) {
        .page-sub-product__row {
          margin: 0 auto 20px auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-sub-product__row h3 {
        text-align: left;
        font-size: 1.3em;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1; }
        @media all and (max-width: 768px) {
          .page-sub-product__row h3 {
            text-align: center; } }
      .page-sub-product__row button {
        margin: 0 0 20px 0; }
    .page-sub-product__btn-wrap {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3; }
      @media all and (max-width: 768px) {
        .page-sub-product__btn-wrap {
          text-align: center; } }
    .page-sub-product__des {
      font-size: 1.1em;
      line-height: 1.2em;
      text-align: left;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }
  .page-sub-faq {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    margin: 5% auto;
    border-top: 2px solid #ccc;
    padding: 15px 30px; }
    @media all and (min-width: 1440px) {
      .page-sub-faq {
        padding: 15px 0px; } }
    @media all and (max-width: 480px) {
      .page-sub-faq {
        padding: 15px; } }
    .page-sub-faq h2 {
      font-size: 1.5em;
      line-height: 1.5em;
      margin-bottom: 15px; }
    .page-sub-faq div p:nth-child(1) {
      font-size: 1.3em;
      font-weight: 700; }
    .page-sub-faq div p:nth-child(2) {
      margin-bottom: 20px; }

/* --------- 5.5 Donation Page -------- */
.page-donation {
  font-size: 18px;
  background: url("Donate2.png") top center repeat;
  padding: 20px; }
  @media all and (max-width: 768px) {
    .page-donation {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    .page-donation {
      font-size: 14px; } }
  .page-donation__content {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    background-color: white;
    padding: 20px; }
  .page-donation-btn-wrapper {
    margin: 0 auto 20px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly; }
    @media all and (max-width: 480px) {
      .page-donation-btn-wrapper {
        display: block; } }
    .page-donation-btn-wrapper form button {
      min-width: 80%; }
      @media all and (max-width: 768px) {
        .page-donation-btn-wrapper form button {
          width: 95%; } }
      @media all and (max-width: 480px) {
        .page-donation-btn-wrapper form button {
          width: 100%; } }
  .page-donation__custom {
    margin: 0 auto 20px auto;
    display: block;
    text-align: center; }
    .page-donation__custom-text {
      display: inline; }
      @media all and (max-width: 480px) {
        .page-donation__custom-text {
          margin-bottom: 15px; } }
    .page-donation__custom input {
      text-align: center;
      border: 1px solid #ccc;
      -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
      -moz-box-shadow: inset 1px 1px 3px 0px #ccc;
      -ms-box-shadow: inset 1px 1px 3px 0px #ccc;
      -o-box-shadow: inset 1px 1px 3px 0px #ccc;
      box-shadow: inset 1px 1px 3px 0px #ccc;
      line-height: 1.5em !important;
      margin-bottom: 0 !important; }

.page-donation input.page-donation__btn {
  line-height: 1em !important; }

/* --------- 5.6 Collection Page -------- */
.page-collection {
  font-size: 18px;
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  padding: 15px; }
  @media all and (max-width: 768px) {
    .page-collection {
      font-size: 16px; } }
  @media all and (max-width: 480px) {
    .page-collection {
      font-size: 14px; } }
  .page-collection-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    @media all and (max-width: 480px) {
      .page-collection-header {
        display: block; } }
  .page-collection__title {
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom: 20px; }
    @media all and (max-width: 768px) {
      .page-collection__title {
        font-size: 1.8em; } }
    @media all and (max-width: 480px) {
      .page-collection__title {
        font-size: 1.5em; } }
  .page-collection__info {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 15px; }
    @media all and (max-width: 768px) {
      .page-collection__info {
        font-size: 1.3em; } }
    @media all and (max-width: 480px) {
      .page-collection__info {
        font-size: 1.2em;
        line-height: 1.1em; } }
  .page-collection__sub a {
    background-color: #D0011B;
    text-align: center;
    color: #fff;
    border: 1px solid #D0011B;
    font-size: 1.2em;
    padding: 10px 25px;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    /* ease-in-out */
    font-size: 1.5em;
    padding: 15px;
    width: 80%;
    display: block;
    margin: 0 auto; }
    .page-collection__sub a:hover {
      background-color: #fff;
      border: 1px solid #D0011B;
      color: #D0011B; }
    @media all and (max-width: 768px) {
      .page-collection__sub a {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
        width: 50%;
        padding: 10px 15px; } }
    @media all and (max-width: 480px) {
      .page-collection__sub a {
        width: 100%; } }
    @media all and (max-width: 768px) {
      .page-collection__sub a {
        font-size: 1.5em;
        width: 90%; } }
    @media all and (max-width: 480px) {
      .page-collection__sub a {
        width: 100%; } }
  .page-collection__products {
    margin-top: 20px; }
    .page-collection__products div {
      width: 25%;
      display: inline-block;
      padding: 5px;
      margin-bottom: 30px;
      vertical-align: top;
      font-size: 18px; }
      @media all and (max-width: 768px) {
        .page-collection__products div {
          width: 33.33%;
          font-size: 16px; } }
      @media all and (max-width: 480px) {
        .page-collection__products div {
          width: 100%;
          font-size: 14px; } }
      .page-collection__products div figure {
        text-align: center; }
        .page-collection__products div figure:hover .issue-number {
          color: #D0011B;
          background-color: #fff;
          border: 1px solid #D0011B; }
        .page-collection__products div figure img {
          width: auto;
          max-width: 100%;
          height: 230px;
          margin-bottom: 5px; }
          @media all and (max-width: 768px) {
            .page-collection__products div figure img {
              height: 200px; } }
          @media all and (max-width: 480px) {
            .page-collection__products div figure img {
              height: auto;
              width: 90%; } }
        .page-collection__products div figure figcaption {
          font-size: 0.8em;
          line-height: 1.1em;
          position: relative;
          margin-top: 1em;
          padding: 0 10px;
          min-height: 2.5em; }
          @media all and (max-width: 768px) {
            .page-collection__products div figure figcaption {
              font-size: 1em;
              line-height: 1.2em; } }
          @media all and (max-width: 480px) {
            .page-collection__products div figure figcaption {
              padding: 5px;
              font-size: 1.5em;
              line-height: 1.3em;
              margin-top: 1.5em; } }
          .page-collection__products div figure figcaption span.issue-number {
            position: absolute;
            width: 3em;
            height: 3em;
            margin: 0;
            top: -4em;
            left: 1.5em;
            font-size: 1em;
            border: 1px dotted #eee;
            border-radius: 50%;
            background-color: #D0011B;
            color: #fff;
            line-height: 3em;
            font-weight: 700;
            -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
            -ms-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
            -o-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
            -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
            -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
            -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
            transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
            /* ease-in-out */ }
            @media all and (max-width: 480px) {
              .page-collection__products div figure figcaption span.issue-number {
                width: 4em;
                height: 4em;
                line-height: 4em; } }
            .page-collection__products div figure figcaption span.issue-number:hover {
              color: #D0011B;
              background-color: #fff;
              border: 1px solid #D0011B; }

#breadcrumb {
  font-size: 0.7em;
  line-height: 1em; }
  #breadcrumb li {
    display: inline-block;
    padding: 3px; }
    #breadcrumb li:after {
      content: ">";
      margin-left: 3px; }
    #breadcrumb li:last-child:after {
      display: none; }
    #breadcrumb li.current {
      font-weight: bold; }
  #breadcrumb .current {
    font-weight: 700; }

.pagination {
  width: 50%;
  margin: 15px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .pagination li.next, .pagination li.previous {
    background-color: #fff;
    border: 1px solid #D0011B;
    color: #D0011B;
    font-size: 1.2em;
    padding: 10px 25px;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    /* ease-in-out */ }
    .pagination li.next:hover, .pagination li.previous:hover {
      background-color: #D0011B;
      border: 1px solid #fff;
      color: #fff; }
    .pagination li.next a:hover, .pagination li.previous a:hover {
      color: #fff; }

/* ==========================================================*\
                 6. Animation class
\* ==========================================================*/
/* --------- 6.1 Tablet/Mobile nav -------- */
.slide-in-top {
  -webkit-animation-name: slide-in-top;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: slide-in-top;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -o-animation-name: slide-in-top;
  -o-animation-duration: 0.5s;
  -o-animation-delay: 0;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  animation-name: slide-in-top;
  animation-duration: 0.5s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

.slide-out-top {
  -webkit-animation-name: slide-out-top;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: slide-out-top;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -o-animation-name: slide-out-top;
  -o-animation-duration: 0.5s;
  -o-animation-delay: 0;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  animation-name: slide-out-top;
  animation-duration: 0.5s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

/* ----------------------------------------------
 * Generated by Animista on 2019-9-3 11:56:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-ms-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-o-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.slide-out-top {
  -webkit-animation-name: slide-out-top;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: slide-out-top;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -o-animation-name: slide-out-top;
  -o-animation-duration: 0.5s;
  -o-animation-delay: 0;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  animation-name: slide-out-top;
  animation-duration: 0.5s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

/* ----------------------------------------------
 * Generated by Animista on 2019-9-3 11:58:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; } }
@-moz-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; } }
@-ms-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; } }
@-o-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; } }
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0; } }

/*# sourceMappingURL=master.css.map */