﻿@charset "UTF-8";
/**
 * @base
 * The base file declares the variables and mixins for the Mint e-shop.
 *
 * This files contains colour variables, Font faces/stacks/weights and mixins.
 */
/**
* COLOUR PALETTE
*/
/**
* FONT FACES & STACKS
*/
@font-face {
  font-family: "GlyphaLTStd-Thin";
  src: url("fonts/GlyphaLTStd-Thin.otf"); }

@font-face {
  font-family: "GlyphaLTStd";
  src: url("fonts/GlyphaLTStd.otf"); }

/**
* CUSTOM MIXINS
*/
/**
* @boilerplate
* The boilerplate file declares the the styles for reoccurring styling of basic html elements.
*/
html {
  color: #353535;
  font-size: 112.5%; }
  @media screen and (max-width: 544px) {
    html {
      font-size: 87.5%; } }
  @media screen and (max-width: 768px) {
    html {
      font-size: 100%; } }

main {
  max-width: 1200px;
  margin: auto;
  margin: 3rem auto 4.11111rem;
  overflow: hidden; }

body {
    /*background-color: #fbfbf9;*/
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    overflow-x: hidden;
}

h1,
.banner-title {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 2rem; }

h2,
.category-intro,
.card .price,
.banner-subtitle {
  font-family: "GlyphaLTStd-Thin", Times, Georgia, Garamond, serif;
  font-size: 1.44444rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 0.5rem; }

h3, .coin-series-promo h3.series-promo-title,
.html-checkout-steps .create-account h2,
.html-checkout-steps .create-account p,
.page--product-detail .region--sidebar-second .product-detail-price,
.page--product-detail .nav-tabs .nav-item a,
.shopping-cart-page .promo-code-and-delivery h2 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1.22222rem;
  line-height: 1.1;
  font-weight: 400;
  margin: 1.5rem 0 .5rem; }

h4,
h1.category,
.banner-title.category,
h2.category,
.category.category-intro,
.card .category.price,
.banner-subtitle.category,
.block--sidebar h2,
.category,
.html-checkout-steps legend,
ul.checkout-steps li,
.card .product-status,
label,
th {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 0.88889rem;
    line-height: 1;
    font-weight: 600;
    /*text-transform: uppercase;*/
    margin: 1.25rem 0 .625rem;
}

.category {
    text-transform: uppercase;
}

    .series-promo-title {
        font-weight: 400;
        font-size: 1.55556rem;
        text-transform: none;
    }

p {
  margin: 0 0 1.2rem; }

a,
.product-name, .product-details-name {
    color: #917345;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all ease-out .6s;
    -webkit-transition: all ease-out .6s;
}
  a:hover, a:focus,
  .product-name:hover,
  .product-name:focus {
    color: #5b411a;
    text-decoration: underline;
    transition: all ease-out .0s;
    -webkit-transition: all ease-out .0s; }

li.banner-share-treasure {
  font-size: 1.11111rem; }

caption {
  font-size: 0.83333rem; }

q {
  font-style: italic; }

.utility a {
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif; }

img {
  max-width: 100%; }

a.button:hover, a.button:focus,
a.button-1:hover, a.button-1:focus {
    -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
    transition: color 0.2s ease-in, background-color 0.2s ease-in;
    text-decoration: none;
    cursor: pointer;
}
    a.button:hover:hover, a.button:focus:hover,
    a.button-1:hover:hover, a.button-1:focus:hover {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

a.button.active, a.button-1.active {
    background: #6e5835;
    border: 2px solid #6e5835;
}

a.button.active:hover,
a.button-1.active:hover
{
  background: #b08e59;
  border: 2px solid #b08e59; }

.button, .button-1,
button,
input[type="submit"] {
    background: #917345;
    border-radius: 2px;
    border: 2px solid #917345;
    color: white;
    padding: 0.5rem .8rem;
    display: inline-block;
    margin: 1rem 0;
    font-weight: 600;
}
    .button:hover, .button:active, .button:focus,
    .button-1:hover, .button-1:active, .button-1:focus,
    button:hover,
    button:active,
    button:focus,
    input[type="submit"]:hover,
    input[type="submit"]:active,
    input[type="submit"]:focus {
        -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in;
        -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
        transition: color 0.2s ease-in, background-color 0.2s ease-in;
        background: #5b411a;
        border: 2px solid #5b411a;
        color: white;
        cursor: pointer;
    }
        .button:hover:hover, .button:active:hover, .button:focus:hover,
        .button-1:hover:hover, .button-1:active:hover, .button-1:focus:hover,
        button:hover:hover,
        button:active:hover,
        button:focus:hover,
        input[type="submit"]:hover:hover,
        input[type="submit"]:active:hover,
        input[type="submit"]:focus:hover {
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
        }
  .button.button-disabled,
  button.button-disabled,
  input[type="submit"].button-disabled {
    background: #fbfbf9;
    color: #262626; }
  .button.button-outline,
  button.button-outline,
  input[type="submit"].button-outline {
    background: transparent;
    border: 2px solid #917345;
    border-radius: 2px;
    color: #917345; }
    .button.button-outline:hover, .button.button-outline:focus,
    button.button-outline:hover,
    button.button-outline:focus,
    input[type="submit"].button-outline:hover,
    input[type="submit"].button-outline:focus {
      background: #fbfbf9;
      border: 2px solid #5b411a;
      color: #5b411a;
      background: #f3f0ec;
      border: 2px solid black;
      color: black; }
    .button.button-outline:active, .button.button-outline:focus,
    button.button-outline:active,
    button.button-outline:focus,
    input[type="submit"].button-outline:active,
    input[type="submit"].button-outline:focus {
      background: white; }
  .button.button-reversed,
  button.button-reversed,
  input[type="submit"].button-reversed {
    border: 2px solid white;
    border-radius: 2px;
    color: white; }
    .button.button-reversed:hover, .button.button-reversed:focus,
    button.button-reversed:hover,
    button.button-reversed:focus,
    input[type="submit"].button-reversed:hover,
    input[type="submit"].button-reversed:focus {
      border: 2px solid white;
      background: white;
      color: #917345; }
    .button.button-reversed:active,
    button.button-reversed:active,
    input[type="submit"].button-reversed:active {
      background: #fbfbf9;
      border: 2px solid #5b411a;
      color: #5b411a; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"] {
    border: 1px solid #917345;
    padding: 0.27778rem 1.11111rem;
    font-weight: 400;
    border-radius: 3px;
    color: #5b5d5c;
    display: inline-block;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
    height: 2.5rem;
    width: 100%;
    box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.3);
    white-space: nowrap; /*fix for 'required' elements*/
}
    input[type="text"]:active, input[type="text"]:focus,
    input[type="tel"]:active,
    input[type="tel"]:focus,
    input[type="email"]:active,
    input[type="email"]:focus,
    input[type="password"]:active,
    input[type="password"]:focus {
        border: 2px solid #917345;
        color: #917345;
        outline: none;
    }

img {
  max-width: 100%; }

select {
  width: 100%;
  margin-right: 0;
  background: url(../images/filled-drop-down-arrow.png) no-repeat 100%;
  background-position: right center;
  border: 2px solid #917345;
  border-radius: 2px;
  padding: .5rem;
  color: #917345;
  font-weight: 400;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-appearance: button;
  -moz-appearance: none; }
  select::-ms-expand {
    display: none; }

hr {
  border-top-color: #e1e1e0; }

footer li,
footer p,
footer a {
  font-size: 0.88889rem; }

.element-invisible, .visually-hidden {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.table-responsive {
  display: table !important; }
  @media all and (max-width: 992px) {
    .table-responsive {
      display: block !important; } }

.visually-hidden--off, .visually-hidden--focusable:active, .visually-hidden--focusable:focus, .element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible; }

#tooltip {
  position: relative;
  display: inline-block; }

#tooltip .tooltiptext {
  bottom: -40px;
  left: 0;
  transform: translate(-25%);
  visibility: hidden;
  border-radius: 5px;
  border: 2px solid #917345;
  background-color: white;
  color: #3f3f3f;
  font-size: 0.77778rem;
  font-weight: 700;
  text-align: center;
  padding: 5px 10px;
  white-space: nowrap;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }

#tooltip:hover .tooltiptext {
  visibility: visible; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .region--header .carousel .block.block—-carousel.one-col {
    position: relative; }
    .region--header .carousel .block.block—-carousel.one-col .row.carousel-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }

/**
* @navigation.
* The navigation file declares the styling for all navigation of the Mint e-shop.
*
* This files contains navigation styling for any primary, secondary and tertiary navigation.
* Eg. the navbar, breadcrumbs and mobile navigation.
*/
header ul,
header ol {
  margin-bottom: 0;
  padding-left: 0; }

.utility-wrapper {
  background: #001a3a; }

.utility {
  background: #001a3a;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.25rem 1rem;
  margin: auto;
  max-width: 1200px; }
  .utility ul {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0; }
    .utility ul li {
      margin: 0;
      padding: 0 0.83333rem 0;
      list-style: none;
      line-height: 2rem;
      border-left: 1px solid rgba(255, 255, 255, 0.1); }
      .utility ul li:first-of-type {
        border-left: none; }
    @media all and (max-width: 1200px) {
      .utility ul li {
        border-left: none;
        margin-left: 10px; }
        .utility ul li:first-of-type {
          margin-left: 0; }
        .utility ul li.utility-email a,
        .utility ul li.utility-phone a {
          background: url("../images/icon-email.svg") no-repeat 0 5px;
          overflow: hidden;
          text-indent: -9000px;
          display: block;
          background-size: 25px;
          width: 25px; }
      .utility ul li.utility-phone a {
        background-image: url("../images/icon-phone.svg");
        background-size: 23px; } }
    @media all and (max-width: 768px) {
      .utility ul {
        justify-content: space-between;
        width: 100%; }
        .utility ul li {
          border-left: none; }
        .utility ul li.utility-email {
          margin-left: auto; }
          .utility ul li.utility-email a {
            background: url("../images/icon-email.svg") no-repeat 0 4px;
            overflow: hidden;
            text-indent: -9000px;
            display: block;
            background-size: 25px;
            width: 25px; }
        .utility ul li.utility-phone {
          margin-left: 10px; }
          .utility ul li.utility-phone a {
            background: url("../images/icon-phone.svg") no-repeat 0 3px;
            overflow: hidden;
            text-indent: -9000px;
            display: block;
            background-size: 23px;
            width: 23px; } }
    .utility ul a {
      color: white;
      font-size: 0.83333rem; }
    .utility ul li:first-of-type a {
      background: url("../images/icon-arrow-back.svg") no-repeat;
      padding-left: 1.7rem; }
  .utility .header-links-wrapper ul li {
    padding: 0 0 0 0.55556rem; }
    .utility .header-links-wrapper ul li a {
      padding-left: 2.11111rem;
      background-size: 30px 35px !important;
      line-height: 2rem;
      display: block; }
    .utility .header-links-wrapper ul li:last-of-type {
      padding-right: 0; }
    .utility .header-links-wrapper ul li:nth-child(2), .utility .header-links-wrapper ul li:nth-child(3) {
      border-left: 0; }
  .utility .header-links-wrapper ul li.information a {
    background: url("../images/icon-help.svg") no-repeat left bottom; }
  .utility .header-links-wrapper ul li.wishlist a {
    background: url("../images/icon-wishlist.svg") no-repeat; }
  .utility .header-links-wrapper ul li.profile a {
    background: url("../images/icon-profile.svg") no-repeat; }
  @media all and (max-width: 768px) {
    .utility .header-links-wrapper {
      /*display: none;*/ } }

.brand-zone-wrapper {
  background: #00203c; }

.brand-zone {
  background: #00203c;
  padding: 1rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1200px; }
  .brand-zone .header-logo {
    margin-right: auto; }
    .brand-zone .header-logo h1 {
      margin: 0; }
      .brand-zone .header-logo h1 a {
        color: white;
        background: url("../images/logo-eshop.png") no-repeat;
        background-size: cover;
        display: block;
        text-indent: -99999px;
        height: 59px;
        width: 427px; }
    @media all and (max-width: 1200px) {
      .brand-zone .header-logo {
        width: 237px; }
        .brand-zone .header-logo h1 a {
          background: url("../images/logo-mobile.png") no-repeat;
          width: 100%;
          box-sizing: border-box;
          margin: auto; } }
    @media all and (max-width: 768px) {
      .brand-zone .header-logo {
        width: 100%; }
        .brand-zone .header-logo h1 a {
          background: url("../images/logo-mobile.png") no-repeat 50% 0;
          width: 100%;
          box-sizing: border-box;
          margin: auto; } }
  .brand-zone form {
    margin-left: auto;
    position: relative;
    min-width: 19rem; }
    .brand-zone form input.search-box-text {
      width: 100%;
      border: 0;
      padding: 0 3rem 0 0.5rem; }
    .brand-zone form .search-box-button {
      position: absolute;
      top: 0.5rem;
      bottom: 0.5rem;
      right: 0.5rem;
      margin: 0;
      background: url("../images/icon-search.svg") no-repeat;
      background-size: cover;
      display: block;
      text-indent: -99999px;
      height: 1.5rem;
      width: 1.5rem;
      overflow: hidden;
      border: 0; }
    @media all and (max-width: 992px) {
      .brand-zone form {
        min-width: 0; } }
    @media all and (max-width: 768px) {
      .brand-zone form {
        min-width: 80%;
        margin: 0.55556rem auto;
        box-sizing: border-box; } }
    @media all and (max-width: 544px) {
      .brand-zone form {
        min-width: 100%; } }
  .brand-zone a.shopping-cart {
    background: url("../images/icon-cart.svg") no-repeat;
    background-size: contain;
    color: white;
    display: inline-block;
    line-height: 1.2;
    margin-left: 1rem;
    padding-left: 3.05556rem;
    position: relative; }
    @media all and (max-width: 768px) {
      .brand-zone a.shopping-cart {
        clear: both;
        margin: 0;
        background-size: 2.77778rem;
        padding-left: 3.33333rem; } }
  .brand-zone .cart-label {
    max-width: 75px;
    display: block; }
  .brand-zone .cart-qty {
    position: absolute;
    top: 3px;
    left: 30px;
    background: white;
    border-radius: 50%;
    display: block;
    color: black;
    padding: 3px 7px;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold; }

nav {
  background: #917345; }
  nav .navbar-nav li {
    list-style: none;
    padding: 0 1rem; }
  @media (min-width: 992px) {
    nav .navbar-nav li.nav-item:not(.dropdown):hover, nav .navbar-nav li.nav-item:not(.dropdown):focus {
      background: #b08e59;
      cursor: pointer;
      margin: -14px 0 -15px;
      padding: 14px 18px 0; }
    nav .navbar-nav li.nav-item:not(.dropdown).active {
      background: #6e5835;
      margin: -14px 0 -15px;
      padding: 14px 18px 0; }
      nav .navbar-nav li.nav-item:not(.dropdown).active:hover {
        background: #b08e59; }
    nav .navbar-nav li.nav-item:not(.dropdown).browse-all {
      border-right: 1px solid #5b411a;
      padding-right: 1rem; }
      nav .navbar-nav li.nav-item:not(.dropdown).browse-all:hover, nav .navbar-nav li.nav-item:not(.dropdown).browse-all:focus, nav .navbar-nav li.nav-item:not(.dropdown).browse-all.active {
        border-right: 1px solid transparent; } }
  nav .navbar-nav .dropdown-menu {
    padding: 1.5rem 4rem;
    width: 100%; }
    nav .navbar-nav .dropdown-menu ul {
      padding-top: .5rem; }
    nav .navbar-nav .dropdown-menu li {
      text-transform: uppercase;
      padding: 0;
      padding: .5rem 0;
      font-weight: 600;
      font-size: 0.88889rem; }
    nav .navbar-nav .dropdown-menu a {
      color: #917345;
      text-transform: none;
      font-style: normal;
      font-weight: 300;
      font-size: 1rem; }
  @media (min-width: 992px) {
    nav .navbar-nav .dropdown:hover:not(.show) {
      background: #b08e59;
      cursor: pointer;
      margin: -15px 0 -15px;
      padding: 15px 1rem 0;
      border-radius: 4px 4px 0 0; } }
  nav .navbar-nav .dropdown.show {
    background: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #917345;
    margin: -15px 0; }
    nav .navbar-nav .dropdown.show a.nav-link.dropdown-toggle {
      color: #917345;
      padding: 1.2rem 0.5rem; }
    nav .navbar-nav .dropdown.show .dropdown-toggle::after {
      width: 15px;
      height: 15px;
      margin-left: .3em;
      vertical-align: middle;
      content: "";
      background-image: url("../images/menu-drop-down.png");
      background-repeat: no-repeat;
      border: 0; }
  nav .navbar-nav a,
  nav .navbar-nav a.nav-link.dropdown-toggle {
    color: white;
    font-weight: 600; }
  nav .navbar-nav .dropdown-toggle::after {
    width: 15px;
    height: 15px;
    margin-left: 0.27778rem;
    vertical-align: middle;
    content: "";
    background: url("../images/menu-drop-down-white.png") no-repeat;
    border: 0; }
  nav .navbar-nav .dropdown-item:focus,
  nav .navbar-nav .dropdown-item:hover,
  nav .navbar-nav .dropdown-item.active,
  nav .navbar-nav .dropdown-item:active {
    background-color: white;
    color: #3f3f3f; }

.navbar-toggleable-md {
  padding: 0.8rem 1rem; }
  .navbar-toggleable-md .dropdown,
  .navbar-toggleable-md .dropup {
    position: initial; }
  .navbar-toggleable-md .show > .dropdown-menu {
    box-shadow: 10px 40px 90px -50px black;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100vw;
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0 !important;
    border-radius: 0 0 6px 6px;
    border: 1px solid #e1e1e0;
    border-top: none; }
    .navbar-toggleable-md .show > .dropdown-menu .dropdown-item {
      width: 20%;
      white-space: normal; }

.dropdown-toggle:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 5px; }

@media all and (max-width: 992px) {
  nav.navbar-toggleable-md {
    width: 100%; }
    nav.navbar-toggleable-md > h2 {
      color: white;
      font-weight: 600;
      font-family: "proxima-nova", Helvetica, Arial, sans-serif;
      font-size: 1rem;
      margin: 0;
      position: absolute;
      top: 1.33333rem; }
    nav.navbar-toggleable-md .navbar-toggler {
      align-self: flex-end;
      margin: 0;
      border: 2px solid transparent; }
    nav.navbar-toggleable-md #navbarToggler01 {
      margin: 1rem -1rem -1rem !important;
      background: white; }
      nav.navbar-toggleable-md #navbarToggler01 a {
        color: #917345;
        font-weight: 300;
        display: block; }
        nav.navbar-toggleable-md #navbarToggler01 a:hover, nav.navbar-toggleable-md #navbarToggler01 a:focus {
          background: #e9e3dd;
          text-decoration: none; }
    nav.navbar-toggleable-md ul.navbar-nav {
      padding: 0; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item {
        padding: 0; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item--collecting,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item--shop-by,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item--new-release,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item--cart {
        position: relative; }
        nav.navbar-toggleable-md ul.navbar-nav li.nav-item--collecting:after,
        nav.navbar-toggleable-md ul.navbar-nav li.nav-item--shop-by:after,
        nav.navbar-toggleable-md ul.navbar-nav li.nav-item--new-release:after,
        nav.navbar-toggleable-md ul.navbar-nav li.nav-item--cart:after {
          display: block;
          width: calc(100% - 40px);
          height: 1px;
          content: "";
          position: absolute;
          top: 0;
          left: 13px;
          background: #e9e3dd; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--shop-by {
        text-transform: uppercase;
        font-size: 0.72222rem;
        font-weight: 600;
        padding: 0.83333rem 0.55556rem 0.55556rem 0.83333rem; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--cart .cart-label,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--wishlist .wishlist-label,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--information .information-label,
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--profile .profile-label {
        background: url("../images/icon-cart.svg") no-repeat -2px -6px;
        background-size: 1.66667rem;
        line-height: 1.2;
        padding-left: 1.94444rem;
        position: relative; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--wishlist .wishlist-label {
        background-image: url("../images/icon-wishlist.svg"); }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--information .information-label {
        background-image: url("../images/icon-help.svg");
        background-position: -1px -2px;
        background-size: 26px; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item.nav-item--profile .profile-label {
        background-image: url("../images/icon-profile.svg");
        background-position: -1px -2px;
        background-size: 26px; }
      nav.navbar-toggleable-md ul.navbar-nav li.nav-item a {
        padding: 0.83333rem; }
    nav.navbar-toggleable-md .navbar-nav .dropdown a.nav-link.dropdown-toggle {
      padding: 0.55556rem 1.94444rem 0.55556rem 1.94444rem; }
      nav.navbar-toggleable-md .navbar-nav .dropdown a.nav-link.dropdown-toggle::after {
        width: 0.83333rem;
        height: 0.83333rem;
        vertical-align: middle;
        float: right;
        content: "";
        background: url("../images/menu-drop-down.png") no-repeat;
        border: 0; }
    nav.navbar-toggleable-md .navbar-nav .show.dropdown {
      margin: 0; }
      nav.navbar-toggleable-md .navbar-nav .show.dropdown a.nav-link.dropdown-toggle {
        background: #d5cabe; }
    nav.navbar-toggleable-md .dropdown-menu {
      padding: 0;
      background: rgba(213, 202, 190, 0.8); }
    nav.navbar-toggleable-md .show > .dropdown-menu {
      display: block;
      box-shadow: none;
      border-radius: 0; }
    nav.navbar-toggleable-md .show > .dropdown-menu .dropdown-item {
      max-width: none;
      padding: 0; }
    nav.navbar-toggleable-md .show > .dropdown-menu .dropdown-item a {
      padding: 0.83333rem 0.83333rem 0.83333rem 2.5rem;
      display: block; } }
/*
.html-shopping-cart-page .utility li:first-of-type a,
.html-checkout-steps .utility li:first-of-type a {
  background: none;
  padding-left: 0; }


.html-shopping-cart-page #topcartlink,
.html-checkout-steps #topcartlink {
  margin-left: auto;
  margin-right: 2rem; }
 */

/**
* @footer.
* The footer file declares the styling for the footer section of the Mint e-shop.
*/
footer {
  background: #001a3a;
  color: white;
  padding: 2.77778rem 0 0; }
  @media all and (max-width: 768px) {
    footer {
      padding: 3.33333rem; } }
  footer a {
    color: white; }
    footer a:hover, footer a:focus {
      color: rgba(255, 255, 255, 0.75); }
  footer h3, footer .coin-series-promo h3.series-promo-title, .coin-series-promo footer h3.series-promo-title {
    text-transform: uppercase; }
  footer .block--inner--purchase h3, footer .block--inner--purchase .coin-series-promo h3.series-promo-title, .coin-series-promo footer .block--inner--purchase h3.series-promo-title,
  footer .block--inner--information h3,
  footer .block--inner--information .coin-series-promo h3.series-promo-title, .coin-series-promo
  footer .block--inner--information h3.series-promo-title,
  footer .block--inner--shipping h3,
  footer .block--inner--shipping .coin-series-promo h3.series-promo-title, .coin-series-promo
  footer .block--inner--shipping h3.series-promo-title,
  footer .block--inner--myaccount h3 {
        position: relative; }
    footer .block--inner--purchase h3:before, footer .block--inner--purchase .coin-series-promo h3.series-promo-title:before, .coin-series-promo footer .block--inner--purchase h3.series-promo-title:before,
    footer .block--inner--information h3:before,
    footer .block--inner--information .coin-series-promo h3.series-promo-title:before, .coin-series-promo
    footer .block--inner--information h3.series-promo-title:before,
    footer .block--inner--shipping h3:before,
    footer .block--inner--shipping .coin-series-promo h3.series-promo-title:before, .coin-series-promo
    footer .block--inner--shipping h3.series-promo-title:before,
    footer .block--inner--myaccount h3:before {
        position: absolute;
        top: -0.27778rem;
        left: -2.22222rem;
        display: block;
        content: "";
        width: 1.94444rem;
        height: 1.94444rem;
    }
  footer .block--inner--purchase h3:before, footer .block--inner--purchase .coin-series-promo h3.series-promo-title:before, .coin-series-promo footer .block--inner--purchase h3.series-promo-title:before {
    background-image: url("../images/icon-purchase.svg"); }
  footer .block--inner--information h3:before, footer .block--inner--information .coin-series-promo h3.series-promo-title:before, .coin-series-promo footer .block--inner--information h3.series-promo-title:before {
    background-image: url("../images/icon-help.svg"); }
  footer .block--inner--shipping h3:before, footer .block--inner--shipping .coin-series-promo h3.series-promo-title:before, .coin-series-promo footer .block--inner--shipping h3.series-promo-title:before {
    background-image: url("../images/icon-shipping.svg"); }
  footer .block--inner--myaccount h3:before {
    background-image: url("../images/icon-profile.svg"); }
  footer .block--inner--shipping h3:nth-of-type(2):before, footer .block--inner--shipping .coin-series-promo h3.series-promo-title:nth-of-type(2):before, .coin-series-promo footer .block--inner--shipping h3.series-promo-title:nth-of-type(2):before {
        display: none; }
  footer ul {
    list-style: none;
    padding-left: 0; }
    footer ul li {
      margin-bottom: 0.27778rem; }
  footer .block--inner--subscribe form#subscribe input {
    border-radius: 4px 0 0 4px;
    border: 2px solid white;
    display: inline-block;
    font-weight: 300;
    overflow: hidden;
    max-width: 60%; }
  footer .block--inner--subscribe form#subscribe button {
    display: inline-block;
    margin-left: -0.27778rem;
    max-width: 40%;
    overflow: hidden; }
  footer .block--inner--subscribe .social li {
    display: inline-block;
    position: relative;
    width: 2.22222rem;
    height: 2.22222rem; }
    footer .block--inner--subscribe .social li a {
      text-indent: -99999px;
      background-repeat: no-repeat;
      cursor: pointer;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      margin: auto; }
    footer .block--inner--subscribe .social li.facebook a {
      background-image: url("../images/icon-facebook.png");
      background-size: 2.22222rem; }
    footer .block--inner--subscribe .social li.twitter a {
      background-image: url("../images/icon-twitter.png");
      background-size: 2.22222rem; }
    footer .block--inner--subscribe .social li.instagram a {
      background-image: url("../images/icon-instagram.png");
      background-size: 2.22222rem; }
    footer .block--inner--subscribe .social li.youtube a {
        background-image: url("../images/icon-youtube.png");
        background-size: 2.22222rem;
    }
  footer .block--legal {
    text-align: center;
    padding: 2.77778rem 0;
    position: relative;
    margin: 2.77778rem auto 0; }
    footer .block--legal:after {
      content: "";
      max-width: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 1px;
      border-top: 2px solid #000d26;
      border-bottom: 1px solid #00325d; }
    footer .block--legal li {
      border-right: 1px solid white;
      display: inline-block;
      padding: 0 0.83333rem; }
      footer .block--legal li:last-child {
        border-right: none; }
  footer #subscribe {
    display: inline-block; }
  footer input#email {
    border: white;
    border-radius: 3px;
    padding: .5rem 1rem; }
  footer.checkout .row {
    align-items: center; }
  footer.checkout a {
    color: #917345;
    margin-bottom: 1rem; }
/*
.html-shopping-cart-page footer,
.html-checkout-steps footer {
  background: #f9f8f6;
  border-top: 1px solid #d7d7d7;
  color: white;
  padding-top: 2.44444rem;
  padding-bottom: 2.11111rem; }
  .html-shopping-cart-page footer ul,
  .html-checkout-steps footer ul {
    list-style: none; }
    .html-shopping-cart-page footer ul li,
    .html-checkout-steps footer ul li {
      display: inline-block;
      border-right: 1px solid #917345;
      padding: 0 0.83333rem; }
      .html-shopping-cart-page footer ul li:last-child,
      .html-checkout-steps footer ul li:last-child {
        border-right: none; }
    .html-shopping-cart-page footer ul:first-of-type li,
    .html-checkout-steps footer ul:first-of-type li {
      border-right: 0;
      padding: 0 0.05556rem; }
  .html-shopping-cart-page footer ul.financial-service li,
  .html-checkout-steps footer ul.financial-service li {
    height: 53px;
    width: 53px; }
    .html-shopping-cart-page footer ul.financial-service li a,
    .html-checkout-steps footer ul.financial-service li a {
      display: block;
      height: 100%;
      text-indent: -9999px; }
      .html-shopping-cart-page footer ul.financial-service li a:hover,
      .html-checkout-steps footer ul.financial-service li a:hover {
        cursor: pointer; }
    .html-shopping-cart-page footer ul.financial-service li.visa,
    .html-checkout-steps footer ul.financial-service li.visa {
      background: url("../images/visa.png") no-repeat; }
    .html-shopping-cart-page footer ul.financial-service li.mastercard,
    .html-checkout-steps footer ul.financial-service li.mastercard {
      background: url("../images/mastercard.png") no-repeat; }
    .html-shopping-cart-page footer ul.financial-service li.amex,
    .html-checkout-steps footer ul.financial-service li.amex {
      background: url("../images/amex.png") no-repeat; }
    .html-shopping-cart-page footer ul.financial-service li.paypal,
    .html-checkout-steps footer ul.financial-service li.paypal {
      background: url("../images/paypal.png") no-repeat; }
*/
/**
 * @carousel.
 * The carousel file declares the styling for the carousels featutured in the Mint e-shop.
 *
 * This files contains the styling for all carousels across the site.
 */
.region--header .carousel {
  width: 100%; }
  .region--header .carousel .block.block—-carousel {
    background: #2a4e58;
    min-height: 33.33333rem;
    align-items: center;
    color: white; }
    @media all and (max-width: 992px) {
      .region--header .carousel .block.block—-carousel {
        min-height: 800px; } }
    @media all and (max-width: 768px) {
      .region--header .carousel .block.block—-carousel {
        padding: 2.77778rem 0 3.33333rem;
        min-height: 635px; } }
    .region--header .carousel .block.block—-carousel .carousel-content {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto; }
      @media all and (max-width: 768px) {
        .region--header .carousel .block.block—-carousel .carousel-content {
          text-align: center;
          width: 80%; } }
    .region--header .carousel .block.block—-carousel.one-col {
      background-image: url("../images/coin-carving.jpg");
      background-position: top right;
      background-size: cover;
      background-repeat: no-repeat;
      text-align: center; }
      .region--header .carousel .block.block—-carousel.one-col a {
        margin-left: 1rem; }
  .region--header .carousel a {
    color: white; }
    .region--header .carousel a.button.reversed {
      background: none; }
  .region--header .carousel .carousel-control-next,
  .region--header .carousel .carousel-control-prev {
    opacity: 1; }
  .region--header .carousel .carousel-indicators li {
    border-radius: 50%;
    height: 1rem;
    max-width: 1rem;
    width: 1rem;
    background: #d5cabe;
    bottom: 30px; }
    .region--header .carousel .carousel-indicators li.active {
      background: #917345; }
    @media all and (max-width: 768px) {
      .region--header .carousel .carousel-indicators li {
        bottom: 10px; } }
  .region--header .carousel .carousel-control-next:focus,
  .region--header .carousel .carousel-control-prev:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: blue;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px; }
  .region--header .carousel .carousel-control-next-icon,
  .region--header .carousel .carousel-control-prev-icon {
    background-image: url("../images/carousel-icon.png");
    width: 65px;
    height: 65px; }
    .region--header .carousel .carousel-control-next-icon:hover, .region--header .carousel .carousel-control-next-icon:active,
    .region--header .carousel .carousel-control-prev-icon:hover,
    .region--header .carousel .carousel-control-prev-icon:active {
      opacity: .5;
      -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
      -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in;
      -o-transition: color 0.2s ease-in, background-color 0.2s ease-in;
      transition: color 0.2s ease-in, background-color 0.2s ease-in; }
      .region--header .carousel .carousel-control-next-icon:hover:hover, .region--header .carousel .carousel-control-next-icon:active:hover,
      .region--header .carousel .carousel-control-prev-icon:hover:hover,
      .region--header .carousel .carousel-control-prev-icon:active:hover {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none; }
    @media all and (max-width: 1200px) {
      .region--header .carousel .carousel-control-next-icon,
      .region--header .carousel .carousel-control-prev-icon {
        width: 30px;
        height: 30px; } }
  .region--header .carousel .carousel-control-prev-icon {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }

/**
 * @filter sidebar.
 * The filter sidebar file declares the styling for the filter div located on item listing landing pages in the Mint e-shop.
 */
.region--sidebar-first button {
  margin: 0 auto;
  width: 100%; }

.block--filter-sidebar,
.block--sidebar {
  padding: 1rem;
  background: white;
  border: 0.05556rem solid #e1e1e0;
  border-radius: 0.22222rem; }
  .block--filter-sidebar ul, .block--filter-sidebar ol,
  .block--sidebar ul,
  .block--sidebar ol {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0; }

.block--filter-sidebar h2 {
  font-size: 0.66667rem;
  margin-bottom: 0.16667rem;
  letter-spacing: 0.05556rem;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  color: #707070; }

.block--filter-sidebar > h3, .coin-series-promo .block--filter-sidebar > h3.series-promo-title {
  font-size: 1.22222rem;
  margin: 0 0 1.33333rem;
  padding-bottom: 0.66667rem;
  border-bottom: 0.05556rem solid #e1e1e0; }

.block--filter-sidebar fieldset {
  margin-top: 1rem; }
  .block--filter-sidebar fieldset legend h4 {
    letter-spacing: 0.05556rem; }
  .block--filter-sidebar fieldset label {
    text-transform: none;
    margin: 0.27778rem;
    font-weight: normal;
    font-size: 0.77778rem; }
  .block--filter-sidebar fieldset#material ul li {
    display: inline-block;
    margin: 0.16667rem; }

.block--sidebar {
  padding: 0; }
  .block--sidebar h2 {
    margin: 1.5rem 1rem; }
  .block--sidebar a {
    display: block;
    padding: 1rem 1.25rem; }
    .block--sidebar a:hover, .block--sidebar a:focus {
      background: #d5cabe;
      font-weight: 400;
      text-decoration: none; }
    .block--sidebar a:active {
      background: #cbbdaf; }

/**
 * @block—banner styling.
 *
 * This files contains all the styling specific to the banner region (site-wide e.g for product detail pages, theme pages, series pages).
 * It defines the colours used on the banner region.
 */
.block—banner {
  padding: 5rem 0;
  min-height: 0;
  color: white; }
  .block—banner.red {
    background: #b31c22; }
  .block—banner.blue {
    background: #304d5f; }
  .block—banner.teal {
    background: #2a4e58; }

.page--theme .block—banner,
.page--series .block—banner {
  position: relative; }

.intro {
  font-size: 1.2rem;
  margin-bottom: 2rem; }

.banner-description {
  font-size: 1.11111rem; }

.category {
  display: inline-block;
  padding: 1rem 0;
  position: relative; }
  .category::after, .category::before {
    background-image: url("../images/border-dot.png");
    background-repeat: repeat-x;
    content: " ";
    display: block;
    position: absolute;
    height: 5px;
    width: 100%; }
  .category::after {
    bottom: 0; }
  .category::before {
    top: 0; }

.product-name {
  font-size: 0.88889rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0; }
  .product-name a {
    color: #5b5d5c; }

.banner-subtitle {
  opacity: .7;
  display: block; }
  .banner-subtitle span {
    font-family: "GlyphaLTStd", Times, Georgia, Garamond, serif;
    display: block; }

/**
* @filter sidebar.
* This file is where all checkbox styling is applied.
*/
/*
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.22222rem;
  cursor: pointer; }

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.22222rem;
  width: 1.11111rem;
  height: 1.11111rem;
  border: 2px solid #917345;
  border-radius: 0.05556rem;
  background: #fff;
  overflow: hidden; }

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  width: 0.77778rem;
  height: 0.77778rem;
  position: absolute;
  top: -0.05556rem;
  left: 0.16667rem;
  background: black;
  border: 0.16667rem solid white;
  transition: all .2s; }

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

[type="checkbox"]:disabled + label {
  color: #aaa; }

label:hover:before,
label:focus:before {
  border: 2px solid black !important; }

input[type=checkbox]:focus + label:before {
  border: 4px solid black !important; }

#material .checkbox {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 50%;
  overflow: hidden; }
  #material .checkbox label {
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto; }
  #material .checkbox input[type=checkbox] {
    opacity: 0; }
    #material .checkbox input[type=checkbox]:hover + label,
    #material .checkbox input[type=checkbox]:focus + label {
      width: 24px;
      height: 24px;
      border: 2px solid white;
      transform: none; }
  #material .checkbox [type="checkbox"]:not(:checked) + label:before,
  #material .checkbox [type="checkbox"]:checked + label:before,
  #material .checkbox [type="checkbox"]:not(:checked) + label:after,
  #material .checkbox [type="checkbox"]:checked + label:after {
    display: none; }
  #material .checkbox input[type=checkbox]:not(checked) + label {
    padding: 0;
    transition: all .2s; }
  #material .checkbox input[type=checkbox]:checked + label {
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px solid white;
    border-radius: 50%;
    margin: auto;
    transform: none; }
  #material .checkbox.gold-fine {
    background: #917345; }
    #material .checkbox.gold-fine label {
      background: url("../images/material-gold-fine.png");
      transform: scale(1.5);
      background-size: cover; }
  #material .checkbox.silver-fine {
    background: #917345; }
    #material .checkbox.silver-fine label {
      background: url("../images/material-silver-fine.png");
      transform: scale(1.5);
      background-size: cover; }
  #material .checkbox.gold {
    background: #917345; }
    #material .checkbox.gold label {
      background: url("../images/material-gold.png");
      transform: scale(1.5);
      background-size: cover; }
  #material .checkbox.silver {
    background: #917345; }
    #material .checkbox.silver label {
      background: url("../images/material-silver.png");
      transform: scale(1.5);
      background-size: cover; }
  #material .checkbox.copper {
    background: #917345; }
    #material .checkbox.copper label {
      background: url("../images/material-copper.png");
      transform: scale(1.5);
      background-size: cover; }
  #material .checkbox.bronze {
    background: #917345; }
    #material .checkbox.bronze label {
      background: url("../images/material-bronze.png");
      transform: scale(1.5);
      background-size: cover; }

td.checkbox-remove {
  width: 25px;
  margin: 20px 100px;
  position: relative; }
  td.checkbox-remove label {
    padding: 0 !important;
    cursor: pointer;
    position: absolute !important;
    width: 1.66667rem;
    height: 1.66667rem;
    left: 0;
    margin: 0;
    top: 50%;
    transform: translateY(-70%); }
    td.checkbox-remove label:before {
      display: none; }
    @media all and (max-width: 992px) {
      td.checkbox-remove label {
        top: 30px;
        transform: none; } }
  td.checkbox-remove [type="checkbox"]:not(:checked) + label:after,
  td.checkbox-remove [type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/icons-remove.svg) no-repeat;
    border: none;
    transition: all .2s; }
  td.checkbox-remove [type="checkbox"]:checked + label:after {
    opacity: 0;
    transform: scale(0); }
  td.checkbox-remove [type="checkbox"]:not(:checked) + label:after {
    opacity: 1;
    transform: scale(1); }
  td.checkbox-remove input[type=checkbox]:focus + label:after {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: blue;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px; }
*/
/**
 * checkout steps.
 * The checkout steps file declares the styling for all checkout processes of the Mint e-shop.
 */
.html-checkout-steps body {
  background: white; }

.html-checkout-steps .utility-wrapper {
  background: #001a3a; }

.html-checkout-steps .page-title h1 {
  font-weight: 400; }

.html-checkout-steps .create-account h2 {
  font-size: 1.66667rem;
  margin-bottom: 0.88889rem; }

.html-checkout-steps .create-account p {
  font-size: 1.11111rem;
  margin-top: 0;
  margin-bottom: 2.55556rem; }

.html-checkout-steps .form-element {
  float: left;
  clear: right;
  width: 100%;
  *zoom: 1; }
  .html-checkout-steps .form-element:before, .html-checkout-steps .form-element:after {
    content: " ";
    display: table; }
  .html-checkout-steps .form-element:after {
    clear: both; }
  .html-checkout-steps .form-element.form-element--name .form-element--child, .html-checkout-steps .form-element.form-element--password .form-element--child, .html-checkout-steps .form-element.form-element--jurisdiction .form-element--child, .html-checkout-steps .form-element.form-element--municipality .form-element--child {
    float: left;
    width: 48%;
    margin-right: 10px; }
  .html-checkout-steps .form-element.form-element--name .form-element--child-2, .html-checkout-steps .form-element.form-element--password .form-element--child-2, .html-checkout-steps .form-element.form-element--jurisdiction .form-element--child-2, .html-checkout-steps .form-element.form-element--municipality .form-element--child-2 {
    margin-right: 0; }

.html-checkout-steps .form-element.form-element--phone input {
  width: 48%; }

.html-checkout-steps .form-element.form-element--municipality .form-element--child {
  width: 65%; }

.html-checkout-steps .form-element.form-element--municipality .form-element--child-2 {
  width: 30%; }

.html-checkout-steps select#honorifics {
  color: #917345;
  font-weight: 400;
  padding-left: 0.83333rem;
  width: 5.77778rem; }

.html-checkout-steps label {
  display: block; }

.html-checkout-steps legend {
    font-size: 1.11111rem;
    text-transform: none;
}

@media all and (max-width: 544px) {
  .html-checkout-steps fieldset:nth-of-type(2) {
    margin-top: 2.77778rem; } }

.block--register {
  margin-top: 2.77778rem;
  border-top: #e1e1e0 solid 1px;
  padding: 2.77778rem 0.83333rem; }
  .block--register label {
    font-size: 0.77778rem;
    text-transform: none;
    font-weight: 400;
    margin: 0; }
  .block--register input.register {
    padding: 0.5rem 0.83333rem;
    max-width: 100%; }

ul.checkout-steps {
  list-style-type: none;
  padding-left: 0;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap; }
    ul.checkout-steps li {
        background: linear-gradient(to top, #f9f8f6 98%, #ffffff calc(100% - 2px));
        border: 2px solid #d7d7d7;
        display: inline-block;
        padding: 0.77778rem 1.83333rem 0.72222rem 2.22222rem;
        position: relative;
        text-transform: uppercase;
        /*margin-left: -5px;*/
        /* Checkout step arrows */
    }
    ul.checkout-steps li:before, ul.checkout-steps li:after {
      border: solid transparent;
      border-color: rgba(194, 225, 245, 0);
      border-left-color: #d7d7d7;
      border-width: 24px;
      content: " ";
      height: 0;
      left: 100%;
      margin-top: -24px;
      position: absolute;
      pointer-events: none;
      top: 50%;
      width: 0;
      z-index: 9; }
      @media all and (max-width: 768px) {
        ul.checkout-steps li:before, ul.checkout-steps li:after {
          border-width: 22px;
          margin-top: -22px; } }
    ul.checkout-steps li:after {
      border-left-color: #f9f8f6;
      border-width: 21px;
      margin-top: -21px;
      z-index: 10; }
      @media all and (max-width: 768px) {
        ul.checkout-steps li:after {
          border-width: 19px;
          margin-top: -19px; } }
    ul.checkout-steps li:first-of-type {
      padding: 0.77778rem 1.83333rem 0.72222rem 1.44444rem; }
    ul.checkout-steps li a {
      color: #6a6a6a;
      letter-spacing: 1px;
      font-size: 0.9rem; }
    ul.checkout-steps li.active {
      background: #5b411a;
      border: 2px solid #5b411a; }
      ul.checkout-steps li.active a {
        color: white; }
      ul.checkout-steps li.active:before, ul.checkout-steps li.active:after {
        border-left-color: #5b411a; }

/**
* @product card.
* The product card file declares the styling of all prodcut cards found within the Mint e-shop.
* The product cards are divs which display items, their cost, their details and e-commerce call to actions.
*/
ul.card-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }

.card {
  border: 1px solid #e1e1e0;
  box-shadow: 0 3px 1px -3px #e1e1e0;
  border-radius: 4px;
  padding: 3.5rem 1rem 3rem;
  position: relative;
  margin-bottom: 30px;
  text-align: center; }
  .card div:not([class]):not([id]) {
    overflow: hidden; }
    .card .product-status {
        left: 1rem;
        margin: 0;
        max-width: 70%;
        padding-left: 0;
        text-align: left;
        text-transform: uppercase;
    }
    .card .product-status li,
    .card .product-status p {
      background: white;
      border: 1px solid #353535;
      border-radius: 3px;
      display: inline-block;
      font-size: 0.55556rem;
      line-height: 0.88889rem;
      letter-spacing: 1.8px;
      margin: 0 0 .2rem;
      padding: 0 4px;
      text-align: center;
      white-space: nowrap; }
      .card .product-status li.new,
      .card .product-status p.new {
        color: #386473;
        border: 1px solid #386473; }
      .card .product-status li.limited,
      .card .product-status p.limited {
        color: #1b56a1;
        border: 1px solid #1b56a1; }
      .card .product-status li.sold,
      .card .product-status p.sold {
        color: white;
        background: #cc0808;
        border: 1px solid #cc0808; }
      .card .product-status li.delay, .card .product-status li.temp,
      .card .product-status p.delay,
      .card .product-status p.temp {
        color: #cc0808;
        border: 1px solid #cc0808; }
  .card .product-status,
  .card .Wishlist {
    position: absolute;
    top: 1rem; }
  .card .Wishlist {
    right: 1rem; }
    .card .Wishlist a {
      background-image: url("../images/icon-wishlist.svg");
      background-repeat: no-repeat;
      height: 30px;
      overflow: hidden;
      position: absolute;
      right: 0;
      text-indent: 999rem;
      width: 30px;
      white-space: nowrap; }
      .card .Wishlist a:hover, .card .Wishlist a:active, .card .Wishlist a:focus {
        background-image: url("../images/icon-selected.svg"); }
    .card img {
        max-width: 60%;
        /*padding-bottom: 2rem;*/
    }
  .card .product-name {
    margin-bottom: 0; }
  .card .product-description {
    font-size: 0.77778rem;
    color: #707070;
    margin: 0 0 .85rem; }
    .card .price {
        color: #5b5d5c;
        font-family: "GlyphaLTStd", Times, Georgia, Garamond, serif;
        font-size: 1.05556rem;
        margin: 0;
    }
    .card .price p {
      margin: 0; }
    .card .price span {
        /*font-size: 0.55556rem;*/
        text-transform: uppercase;
    }
  .card div:last-child p,
  .card div:last-child a {
    display: inline;
    position: absolute;
    bottom: 1rem; }
  .card div:last-child p {
    left: 1rem; }
  .card div:last-child a {
    /*background-image: url("../images/icon-cart-add.svg");*/
    background-repeat: no-repeat;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 1rem;
    text-indent: 999rem;
    width: 40px;
    white-space: nowrap; }
  .card.hover {
    border: 1px solid #917345;
    transition: .2s ease-out all; }

/**
* @promotion card.
* The promotion card file declares the styling for the promotional divs located on the homep page of the Mint e-shop.
*/
.section-coin-series .category-intro {
  margin-bottom: 2.3rem; }

.coin-series-promo {
  padding: 2rem 1rem 2rem; }
  .coin-series-promo h3.series-promo-title {
    font-size: 1.5rem;
    margin-top: 0;
    margin: 0 0 .5rem;
    color: #5b5d5c; }
  .coin-series-promo p {
    color: #5b5d5c;
    margin: 0 0 .5rem; }
  .coin-series-promo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    padding-bottom: 1rem; }
  .coin-series-promo a {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 auto; }
  @media all and (max-width: 820px) {
    .coin-series-promo {
      height: inherit; } }
  @media all and (max-width: 575px) {
    .coin-series-promo img {
      max-width: 60%;
      margin: 0 auto; } }

/**
* @promotion card.
* The promotion card file declares the styling for the promotional divs located on the homep page of the Mint e-shop.
*/
@media (max-width: 768px) {
  .promo {
    padding-bottom: 1rem; } }

.promo .promo-tile {
  border: 1px solid #e1e1e0;
  box-shadow: 0 3px 1px -3px #e1e1e0;
  border-radius: 4px;
  background: white;
  height: 100%; }
  .promo .promo-tile.tile-1 {
    background: #b31c22; }
    .promo .promo-tile.tile-1 img {
      border-bottom: 10px solid #b31c22; }
  .promo .promo-tile.tile-2 {
    background: #353535; }
    .promo .promo-tile.tile-2 img {
      border-bottom: 10px solid #1bae53; }
  .promo .promo-tile.tile-1 img, .promo .promo-tile.tile-2 img {
    width: 100%;
    height: auto; }
  .promo .promo-tile .promo-description {
    padding: 2rem 2rem 2.5rem; }
  .promo .promo-tile img {
    border-bottom: 10px solid #917345; }
  .promo .promo-tile h2 {
    font-size: 2.08333rem;
    color: white;
    opacity: 1; }
  .promo .promo-tile .button.reversed {
    background: none;
    margin: 0; }

/**
/**
 * Interest card carousel on home page.
 */
@media (max-width: 992px) {
  #browseInterest {
    padding-bottom: 2rem; } }

#browseInterest .carousel-inner ul.carousel-item {
  padding: 0;
  list-style: none;
  flex-direction: column; }

#browseInterest .carousel-inner .interest-card {
  background: white;
  border: 1px solid #e1e1e0;
  border-radius: 4px;
  box-shadow: 0 3px 1px -3px #e1e1e0;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  width: 100%; }
  #browseInterest .carousel-inner .interest-card .card-image {
    width: 5.55556rem;
    overflow: hidden; }
    #browseInterest .carousel-inner .interest-card .card-image img {
      height: 100%;
      width: auto;
      transition: 0.2s ease-out all;
      min-width: 100%; }
  #browseInterest .carousel-inner .interest-card .card-inner {
    width: 69%;
    padding-left: 1rem; }
  #browseInterest .carousel-inner .interest-card h3:first-of-type {
    color: #917345;
    font-size: 1.44444rem;
    line-height: 1.1;
    font-weight: 400;
    margin: 1rem 0 .25rem; }
  #browseInterest .carousel-inner .interest-card p:last-of-type {
    color: #353535;
    font-size: 0.85rem; }
  #browseInterest .carousel-inner .interest-card:hover, #browseInterest .carousel-inner .interest-card:focus {
    border: 1px solid #917345;
    transition: .2s ease-out all;
    text-decoration: none; }
    #browseInterest .carousel-inner .interest-card:hover .card-image, #browseInterest .carousel-inner .interest-card:focus .card-image {
      background: #917345; }
    #browseInterest .carousel-inner .interest-card:hover img, #browseInterest .carousel-inner .interest-card:focus img {
      transform: scale(1.1);
      opacity: .5;
      filter: grayscale(2); }

#browseInterest .slider-controls {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #browseInterest .slider-controls .carousel-control-prev,
  #browseInterest .slider-controls .carousel-control-next {
    position: relative; }
    #browseInterest .slider-controls .carousel-control-prev span,
    #browseInterest .slider-controls .carousel-control-next span {
      height: 2rem;
      width: 2rem;
      background-image: url("../images/carousel-icon-gold.png"); }
  #browseInterest .slider-controls .carousel-control-prev {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  #browseInterest .slider-controls .carousel-indicators {
    position: relative;
    bottom: initial;
    top: initial; }
    #browseInterest .slider-controls .carousel-indicators li {
      border-radius: 50%;
      height: 1rem;
      width: 1rem;
      background: #d5cabe; }
      #browseInterest .slider-controls .carousel-indicators li.active {
        background: #917345; }

/**
 * @home page
 *
 * This files contains all the styling specific to the home page layout.
 */
.home-page .section-new-release,
.home-page .browse-by-interest,
.home-page .section-coin-series,
.home-page .news-list-homepage {
    text-align: center;
}
  .home-page .section-new-release .category-intro,
  .home-page .browse-by-interest .category-intro,
  .home-page .section-coin-series .category-intro {
    margin-bottom: 2.3rem; }
  .home-page .section-new-release .button,
  .home-page .browse-by-interest .button,
  .home-page .section-coin-series .button {
    margin: 1rem auto 0; }
  .home-page .section-new-release .interest-card,
  .home-page .browse-by-interest .interest-card,
  .home-page .section-coin-series .interest-card {
    text-align: left; }

.home-page .section-new-release {
    /*margin-bottom: 5.5rem;*/
}

.home-page .section-coin-series {
  margin-top: 5.5rem; }

/**
* @product detail.
* The product detail file declares the styling for the product detail page template.
*/
.page--product-detail {
  background: white; }
  .page--product-detail .banner-description {
    position: relative;
    padding-bottom: 1rem; }
    .page--product-detail .banner-description:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      border-top: 2px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .page--product-detail .banner-share-treasure {
    margin-top: 1rem;
    text-align: right;
    line-height: 35px; }
    .page--product-detail .banner-share-treasure h2 {
      font-family: "proxima-nova", Helvetica, Arial, sans-serif;
      font-size: 1rem;
      font-weight: 300; }
    .page--product-detail .banner-share-treasure h2,
    .page--product-detail .banner-share-treasure ul,
    .page--product-detail .banner-share-treasure li {
      display: inline-block;
      padding: 0;
      margin: 0; }
    .page--product-detail .banner-share-treasure li {
      height: 35px;
      width: 35px; }
      .page--product-detail .banner-share-treasure li a {
        display: block;
        height: 100%;
        text-indent: 9999px; }
        .page--product-detail .banner-share-treasure li a:hover {
          cursor: pointer; }
      .page--product-detail .banner-share-treasure li.facebook {
        background: url("../images/icon-facebook-white.png") no-repeat; }
      .page--product-detail .banner-share-treasure li.instagram {
        background: url("../images/icon-instagram-white.png") no-repeat; }
      .page--product-detail .banner-share-treasure li.twitter {
        background: url("../images/icon-twitter-white.png") no-repeat; }
      .page--product-detail .banner-share-treasure li.more {
        background: url("../images/icon-share.png") no-repeat; }
  .page--product-detail .page-body h2 {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px; }
  .page--product-detail .product-image-slider {
    margin: -2rem auto 3rem; }
    .page--product-detail .product-image-slider ul {
      overflow: hidden;
      overflow-x: auto;
      white-space: nowrap;
      max-height: 200px;
      padding: 0; }
      @media all and (max-width: 1200px) {
        .page--product-detail .product-image-slider ul {
          padding: 15px; } }
      .page--product-detail .product-image-slider ul li {
        display: inline-block;
        list-style: none;
        height: 100%; }
        .page--product-detail .product-image-slider ul li img {
          max-height: 100%; }
      .page--product-detail .product-image-slider ul::-webkit-scrollbar {
        display: none; }
        .page--product-detail .product-image-slider ul::-webkit-scrollbar:hover {
          display: block; }
  .page--product-detail .region--sidebar-second {
    text-align: right; }
    .page--product-detail .region--sidebar-second ul, .page--product-detail .region--sidebar-second ol {
      list-style: none;
      margin-bottom: 0;
      padding-left: 0; }
    @media all and (max-width: 544px) {
      .page--product-detail .region--sidebar-second {
        text-align: center; } }
    .page--product-detail .region--sidebar-second .int-price-label {
      margin: 1rem 0 0rem; }
    .page--product-detail .region--sidebar-second .product-detail-int-price {
      font-weight: 600;
      font-size: 1.11111rem;
      margin: 0 0 1rem; }
    .page--product-detail .region--sidebar-second .aud-text {
      text-transform: uppercase;
      font-size: 0.66667rem;
      color: rgba(112, 112, 112, 0.7); }
    .page--product-detail .region--sidebar-second .product-detail-price {
      font-weight: 700;
      font-size: 2.22222rem; }
    .page--product-detail .region--sidebar-second ul li {
      list-style: none; }
    .page--product-detail .region--sidebar-second .quantity {
      width: 4rem;
    }
.page--product-detail .region--sidebar-second label,
.page--product-detail .region--sidebar-second .label,
.page--product-detail .region--sidebar-second .int-price-label {
    font-size: 1.05556rem;
    font-weight: 500;
    text-transform: none;
    color: rgba(112, 112, 112, 0.7);
}
  .page--product-detail .tab-content {
    margin: 2rem auto; }
    .page--product-detail .tab-content h3:not(.featured-collections-title) {
      font-weight: 700;
      font-size: 1rem;
      text-transform: uppercase; }
    .page--product-detail .tab-content h3,
    .page--product-detail .tab-content p {
      display: inline; }
    .page--product-detail .tab-content p::after {
      content: '';
      display: block;
      margin: 0 0 1.2rem; }
  .page--product-detail .nav-tabs {
    border-bottom: 2px solid #917345; }
    .page--product-detail .nav-tabs .nav-item {
      margin-right: .75rem; }
      .page--product-detail .nav-tabs .nav-item a {
        margin-bottom: 0; }
      .page--product-detail .nav-tabs .nav-item .nav-link {
        margin-bottom: -1px;
        border: 2px solid transparent;
        border-color: #917345;
        border-radius: .25rem .25rem 0 0;
        padding: .9rem;
        background: rgba(225, 225, 224, 0.3); }
        .page--product-detail .nav-tabs .nav-item .nav-link:hover, .page--product-detail .nav-tabs .nav-item .nav-link:focus {
          background: rgba(213, 202, 190, 0.3); }
        .page--product-detail .nav-tabs .nav-item .nav-link.active {
          border-color: #917345 #917345 white;
          background: white; }
          .page--product-detail .nav-tabs .nav-item .nav-link.active:hover, .page--product-detail .nav-tabs .nav-item .nav-link.active:focus {
            background: white; }
  .page--product-detail .featured-collections {
    margin-bottom: 0;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(213, 202, 190, 0.5);
    padding-top: 2rem; }
    .page--product-detail .featured-collections h3 {
      margin-top: 0; }
    .page--product-detail .featured-collections ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .page--product-detail .featured-collections ul li {
        display: inline-block; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    font-size: 60px !important;
    opacity: inherit !important;
    color: red !important;
}
/**
 * @Theme listing page
 *
 * This files contains all the styling specific to theme page layouts.
 */
.html-theme-page .block.block—banner:before {
    content: "";
    background-image: url("../images/theme-sport.png");
    background-size: cover;
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.html-theme-page main {
  margin-top: -2.77778rem; }

/**
* @shopping cart
* The shopping cart file declares the styling of the shopping cart page within the Mint e-shop.
**/
.html-shopping-cart-page body.master-wrapper-page {
  background: white; }

.shopping-cart-page .value-summary,
.shopping-cart-page .product-unit-price,
.shopping-cart-page .product-subtotal {
  font-weight: 400; }

.shopping-cart-page .value-summary--total {
  font-weight: 600; }

.shopping-cart-page .promo-code-and-delivery {
  margin-top: 2.77778rem; }
  .shopping-cart-page .promo-code-and-delivery h2,
  .shopping-cart-page .promo-code-and-delivery p {
    margin-bottom: 1.11111rem; }
  .shopping-cart-page .promo-code-and-delivery h2 {
    font-size: 1.33333rem;
    font-weight: 600;
    margin-top: 0; }
  .shopping-cart-page .promo-code-and-delivery p {
    font-weight: 400; }

.shopping-cart-page #accordion .card-header {
  background-color: transparent;
  border: 1px solid #917345;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 1rem; }

.shopping-cart-page #accordion h3 {
  position: relative;
  margin: 0; }
  .shopping-cart-page #accordion h3 a {
    font-size: 1rem; }
    .shopping-cart-page #accordion h3 a:after {
      background: url(../images/drop-down-arrow.png) no-repeat;
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-75%) rotate(180deg);
      width: 1rem; }
    .shopping-cart-page #accordion h3 a.collapsed:after {
      transform: none; }
  .shopping-cart-page #accordion h3:first-child {
    margin-bottom: 0.77778rem; }

.shopping-cart-page #accordion .card-block {
  padding-top: 0; }

.shopping-cart-page .product .product-name {
    font-size: 1.28722rem;
}

.shopping-cart-page .product .details {
    font-size: 1.10333rem;
}

.shopping-cart-page .checkout-buttons,
.html-wishlist-page .buttons {
    text-align: right;
}
  .shopping-cart-page .checkout-buttons a {
    font-size: 1.33333rem;
    margin: 0;
    right: 0;
    text-align: center; }
    .shopping-cart-page .checkout-buttons a:first-child {
      margin-bottom: 1.11111rem; }

.shopping-cart-page .page-title h1 {
  margin-bottom: 2.77778rem; }

.shopping-cart-page .page-title a {
  background: url("../images/icon-arrow-back.svg") no-repeat;
  background-size: contain;
  display: block;
  line-height: 1.8rem;
  margin-left: 0rem;
  padding-left: 3rem; }

.shopping-cart-page .table.cart {
    margin-bottom: 0;
    margin-top: 3rem;
}
    .shopping-cart-page .table.cart td,
    .shopping-cart-page .table.cart th {
        border-top: 0px;
    }
    /*.shopping-cart-page .table.cart td.product-picture, .shopping-cart-page .table.cart td.remove-from-cart,
    .shopping-cart-page .table.cart th.product-picture,
    .shopping-cart-page .table.cart th.remove-from-cart {
      font-size: 0; }*/
    .shopping-cart-page .table.cart td {
        padding: 30px 15px 40px !important;
        vertical-align: middle;
    }
        .shopping-cart-page .table.cart td.remove-from-cart {
            text-align: center;
        }
        
    .shopping-cart-page .table.cart th {
        letter-spacing: .05rem;
        padding-top: 0;
        padding-bottom: 1.55556rem;
        border-bottom: 2px solid #d7d7d7;
    }
  @media all and (max-width: 992px) {
    .shopping-cart-page .table.cart td {
        vertical-align: top;
    } }

.shopping-cart-page .cart-total {
  background-color: #f3f1ec;
  margin-top: 2.77778rem;
  margin-bottom: 2.38889rem; }
  .shopping-cart-page .cart-total label,
  .shopping-cart-page .cart-total span.value-summary {
    font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
    font-size: 1.33333rem;
    text-transform: none; }
  .shopping-cart-page .cart-total label {
    font-weight: 700; }
    .shopping-cart-page .cart-total label:after {
      content: ''; }
  .shopping-cart-page .cart-total .order-subtotal td {
    padding-top: 2.27778rem; }
  .shopping-cart-page .cart-total .order-total td {
    padding-bottom: 2.66667rem; }
  .shopping-cart-page .cart-total .cart-total-left {
    padding-left: 1.88889rem; }
  .shopping-cart-page .cart-total .cart-total-right {
    padding-left: 0; }
  .shopping-cart-page .cart-total tr,
  .shopping-cart-page .cart-total label {
    margin: 0;
    padding: 0; }
  .shopping-cart-page .cart-total td {
    padding-top: 0;
    padding-bottom: 0.38889rem; 
    vertical-align: middle;
  }

/*
.shopping-cart-page .order-summary-content {
  border-bottom: 1px solid #d7d7d7; 
}
  .shopping-cart-page .order-summary-content h2 {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px; }
*/
.shopping-cart-page .order-summary-content #shopping-cart-form .product-picture img,
.html-wishlist-page .wishlist-content img {
    max-width: inherit;
}

.shopping-cart-page .col-sm-3 .offset-sm-1 {
  padding-right: 0; }

.related-products {
  box-shadow: inset 10px 10px 30px -28px black;
  border-top: 1px solid #d7d7d7;
  background: #f9f8f6; }
  .related-products h2 {
    margin: 2.5rem auto;
    text-transform: uppercase;
    color: rgba(112, 112, 112, 0.8);
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 1rem; }

.shopping-cart-page .cross-sells {
    margin-top: 2rem;
}

.cart td.subtotal .discount, .cart td.subtotal .discount-additional-info {
    font-style: italic;
}

/**
 * @product listing.
 * The product listing file declares the styling for the product listing page template.
 */
.page--product-listing h1 {
  font-size: 1.66667rem;
  font-weight: 400;
  margin: 0; }
  @media all and (max-width: 768px) {
    .page--product-listing h1 {
      font-size: 1.11111rem;
      text-align: center; } }

.page--product-listing .block--sort-order {
  margin-bottom: 1.38889rem; }
  .page--product-listing .block--sort-order .block--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    margin: auto; }
    .page--product-listing .block--sort-order .block--inner h3 {
      margin: 0; }
      .page--product-listing .block--sort-order .block--inner h3.showing span {
        font-weight: 700;
        font-size: 1.33333rem; }
    .page--product-listing .block--sort-order .block--inner .sort-by {
      margin: 0 0.55556rem 0 auto;
      font-size: 0.88889rem;
      letter-spacing: 0.05556rem;
      font-weight: 600;
      text-transform: uppercase;
      font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
      color: rgba(112, 112, 112, 0.8); }
    .page--product-listing .block--sort-order .block--inner select {
      max-width: 12.22222rem; }

.page--series .block.block—banner:before {
  content: "";
  background-image: url("../images/banner-red.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; }

.page--series main {
  margin-top: -2.77778rem; }

/* Overrides by Mint Devs */

ul {
    list-style: none;
}

.required, .validation-summary-errors {
    color: red;
}

.message-error,
.field-validation-error,
.password-error {
    display: block;
    color: red;
    margin-top: 5px;
}

div.buttons {
    padding-top: 1rem;
}

.no-data,
.no-result {
    padding: 1rem 0 1rem 0;
}

/* Breadcrumbs - Taken from default Nop Styles */

.breadcrumb {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 5px 10px;
}

    .breadcrumb ul {
        font-size: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

    .breadcrumb li {
        display: inline-block;
    }

        .breadcrumb li * {
            display: inline-block;
            margin: 0 5px;
            font-size: 14px; /*reset zeroing*/
            line-height: 32px;
        }

    .breadcrumb strong {
        font-weight: normal;
    }

/* Mega Menu */

.mega-menu {
    background: #917345;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 11 !important;
}

@media (min-width: 1001px) {

    .mega-menu .dropdown.fullWidth {
        left: auto !important;
        width: 33% !important;
        padding: 2rem;
    }

    .mega-menu .fullWidth.categories .box {
        padding: 15px !important;
    }

        .mega-menu .fullWidth.categories .box .title {
            position: inherit !important;
        }

            .mega-menu .fullWidth.categories .box .title a {
                color: #5b411a;
                font-weight: bold;
            }

    .mega-menu .fullWidth.categories .box .picture img {
        display: none !important;
    }

    .mega-menu .box li a:before {
        content: none !important;
    }

}

.mega-menu .box li a {
    color: #917345 !important;
    padding-left: 10px !important;
    font-size: 1rem !important;
}

    .mega-menu .box li a:hover {
        color: #5b411a !important;
    }

.mega-menu ul.sublist,
.mega-menu ul.subcategories {
    padding: 0;
}

.mega-menu > li.has-sublist > div.sublist-wrap > ul.sublist a {
    color: #917345 !important;
}

    .mega-menu > li.has-sublist > div.sublist-wrap > ul.sublist a:hover {
        color: #5b411a !important;
    }

    .mega-menu > li > a, .mega-menu > li > a:hover {
        color: white !important;
        font-weight: 600;
        text-decoration: none;
    }

.mega-menu-mint-category > span, .mega-menu-mint-category > span:hover {
    color: white !important;
    font-weight: 600;
    text-decoration: none;
}

.mega-menu > li:hover {
    background: #b08e59;
}

.mega-menu-responsive {
    width: 100% !important;
    margin: 40px auto 0px !important;
    padding-left: 0px !important;
}

.menu-title {
    width: 100% !important;
    margin: 0 !important;
    background-color: #917345 !important;
}

div.close {
    text-shadow: inherit !important;
    opacity: inherit !important;
    color: #fff !important;
}

.plus-button {
    float: right;
}

/*
.nivoSlider a.nivo-imageLink {
    height: unset !important;
}
*/

/* Header Links */

.admin-header-links {
    background-color: #001f35;
    text-align: center;
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 14px;
        font-weight: bold;
        color: #eee;
    }

    .admin-header-links a:hover {
        color: #eee;
    }

.utility .header-links-wrapper ul li a.shopping-cart {
    background: url("../images/icon-cart.svg") no-repeat;
}

@media (max-width: 767px) {
    .utility .header-links-wrapper ul li.profile a.ico-logout span:first-of-type {
        display: none;
    }
}

.header-links-wrapper {
    float: right;
    padding: 0;
    position: relative;
}

.flyout-cart {
    display: none;
}

#topcartlink {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 18px;
}

.flyout-cart {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 100;
    width: 300px;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
    background-color: #fff;
}

    .flyout-cart.active {
        display: block;
    }

.mini-shopping-cart {
    padding: 12px;
    text-align: left;
    font-size: 14px;
}

    .mini-shopping-cart .count {
        padding: 5px 0 15px;
    }

        .mini-shopping-cart .count a {
            font-weight: bold;
        }

    .mini-shopping-cart .items {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 0 0 20px;
    }

    .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0;
    }

    .mini-shopping-cart .picture {
        float: left;
        width: 70px;
        text-align: center;
    }

        .mini-shopping-cart .picture a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .mini-shopping-cart .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

        .mini-shopping-cart .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
        }

        .mini-shopping-cart .picture + .product {
            margin: 0 0 0 80px;
        }

/* Product Cards */

.item-box .picture {
    overflow: hidden;
}

.item-box .details {
    overflow: hidden;
}

.add-info .old-price {
    display: block;
    font-size: 15px;
    color: #aaa;
    text-decoration: line-through;
}

.product-box-add-to-cart-button {
    background-image: url("../images/icon-cart-add.svg");
    cursor: pointer;
}

.add-to-wishlist-button {
    cursor: pointer;
}


/* Addresses on Checkout pages - Taken from default Nop Styles */

.checkout-page .address-item {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 40px;
}

    .checkout-page .address-item ul {
        margin: 0 0 15px;
        background-color: #f9f9f9;
        padding: 20px;
        color: #444;
    }

    .checkout-page .address-item li {
        padding: 5px 0;
    }

        .checkout-page .address-item li.name {
            font-size: 16px;
            font-weight: bold;
        }

        .checkout-page .address-item li > label {
            font-weight: inherit;
            font-size: inherit;
            margin: 0px;
        }

.ship-to-same-address {
    padding-bottom: 2em;
}

@media all and (min-width: 769px) {
    .checkout-page .address-grid {
        overflow: hidden;
    }

    .checkout-page .address-item {
        float: left;
        width: 48%;
        margin: 0 1% 40px;
    }
}

@media all and (min-width: 1001px) {
    .checkout-page .address-item {
        width: 31.33333%;
    }
}

/* Address and Order List Pages - Taken from default Nop Styles */

.address-list-page .info,
.order-list-page .info {
    margin: 0 0 10px;
    /*border-top: 1px solid #e6e6e6;*/
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 26px;
    color: #444;
}

    .address-list-page .info .name,
    .order-list-page .info .name {
        font-size: 16px;
        font-weight: bold;
    }

.address-list-page .add-button {
    margin: 0 0 20px;
    text-align: center;
}

@media all and (min-width: 769px) {
    address-list-page .section,
    .order-list-page .section {
        display: inline-block;
        width: 45%;
        margin: 20px 1%;
        vertical-align: top;
    }
}

@media all and (min-width: 1001px) {
    .address-list-page .section,
    .order-list-page .section {
        display: block;
        width: auto;
        margin: 0 0 40px;
    }
}

/* Notification Bar - Taken from default Nop Styles */

.bar-notification-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
}

.bar-notification.success {
    background-color: #4bb07a;
}

.bar-notification.error {
    background-color: #e4444c;
}

.bar-notification.warning {
    background-color: #f39c12;
}

.bar-notification {
    position: relative;
    display: none;
    padding: 15px 25px 15px 10px;
}

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: #fff url('../images/close.png') center no-repeat;
        cursor: pointer;
    }

/*Confirm Order page - Taken from default Nop Styles*/

@media all and (min-width: 769px) {

    /*.checkout-page .section.order-summary {
    margin: 100px 0 30px;
}*/

    .order-review-data,
    .order-details-area,
    .shipment-details-area {
        overflow: hidden;
    }

        .order-review-data > div,
        .order-details-area > div,
        .shipment-details-area > div {
            float: left;
            width: 48%;
            margin: 0 1% 40px;
        }
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
    /*width: 350px;*/
    max-width: 100%;
    /*margin: 0 auto 40px;*/
    background-color: #f9f9f9;
    padding: 20px;
    color: #444;
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
    padding: 3px 0;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

    .order-review-data .title strong,
    .order-details-area .title strong,
    .shipment-details-area .title strong {
        font-weight: 700;
    }

.order-review-data .payment-method-info,
.order-review-data .shipping-method-info,
.order-details-area .payment-method-info,
.order-details-area .shipping-method-info {
    margin-top: 20px;
}

@media all and (min-width: 1001px) {
    .order-review-data .title,
    .order-details-area .title,
    .shipment-details-area .title {
        text-align: left;
    }
}

.order-details-area ul, .order-review-data ul {
    margin: 0px;
    padding: 0px;
}

.order-confirm-page .cart-total label,
.order-details-page .cart-total label {
    margin: 0;
    padding: 0;
}

.order-confirm-page .cart-total td,
.order-details-page .cart-total td {
    vertical-align: middle;
}

    .order-confirm-page .cart-total td.cart-total-right,
    .order-details-page .cart-total td.cart-total-right {
        text-align: right;
    }

.order-confirm-page .buttons {
    float: right;
}

.order-completed-page .order-completed-continue-button {
    float: right;
}

.order-completed-page .details .email-confirmation {
    margin: 10px 0 10px 0;
}

/* Payment Method page */

.payment-method-page .payment-method ul {
    padding-left: 0px;
}

/* Login page - Taken from default Nop Styles */

.login-page a {
    font-weight: bold;
}

.login-page .captcha-box,
.login-page .returning-wrapper .buttons {
    text-align: center;
}

.login-page .new-wrapper .text {
    padding: 30px 10px 30px 0px;
}

.inputs.reversed {
    margin-top: 20px;
    text-align: center;
}

.login-page .returning-wrapper .inputs.reversed {
    white-space: normal;
}

    .login-page .returning-wrapper .inputs.reversed * {
        display: inline-block;
        width: auto;
        margin: 5px;
        /*font-size: 14px; /*reset zeroing*/
    }

    @media all and (min-width: 1001px) {
        .login-page .customer-blocks {
        overflow: hidden;
    }

    .login-page .new-wrapper {
        float: left;
        width: 49%;
        margin: 0;
    }

        .login-page .new-wrapper .text {
            min-height: 200px;
        }

    .login-page .returning-wrapper {
        float: right;
        width: 49%;
    }

        .login-page .returning-wrapper .form-fields {
            min-height: 200px;
            padding: 25px 0 0;
        }

        .login-page .returning-wrapper .inputs label {
            width: 110px;
        }

        .login-page .returning-wrapper input[type="text"],
        .login-page .returning-wrapper input[type="email"],
        .login-page .returning-wrapper input[type="password"] {
            width: 300px;
        }
}

@media all and (min-width: 1367px) {
    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="email"],
    .login-page .returning-wrapper input[type="password"] {
        width: 360px;
    }
}

/* Captcha Box - Taken from default Nop Styles */

.captcha-box {
    margin-top: 15px;
    line-height: 0; /*firefox line-height bug fix*/
}

    .captcha-box > div {
        display: inline-block;
        max-width: 100%;
    }

    .captcha-box input {
        height: auto;
    }

/* Product Details Page - Taken from default Nop Styles */

.product-essential {
    margin: 0 0 40px;
    /*border-bottom: 1px solid #ddd;*/
    padding: 0 0 10px;
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both;
    }

.product-share-button {
    display: inline-block;
    overflow: hidden;
    padding-top: 10px;
}

.html-product-details-page .unavailable {
    background-color: #ffefe8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 6px 24px;
    margin: 10px 0px;
}

.gallery {
    margin: 0 auto 50px;
}

    .gallery .picture-wrapper {
        margin: 0 0 10px;
    }

    .gallery .picture {
        position: relative;
        max-width: 100%;
        margin: 0 auto 10px;
        overflow: hidden;
    }

        .gallery .picture:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .gallery .picture img,
        .gallery .picture-thumbs img,
        .variant-picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0;
    }

        .gallery .picture-thumbs .slick-arrow {
            border-style: solid;
            border-width: 1px;
            border-color: #917345;
            background-color: #f6f6f6;
        }

        .gallery .picture-thumbs .thumb-item {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 100px;
            margin: 0 5px 10px;
            overflow: hidden;
            cursor: pointer;
        }

.overview .short-description {
    margin: 0 0 25px;
    line-height: 22px;
    color: #666;
}

.overview .availability,
.variant-overview .availability {
    margin: 0 0 20px;
    overflow: hidden;
}

    .overview .availability .stock,
    .variant-overview .availability .stock {
        margin: 0 0 10px;
    }

.overview .additional-details,
.variant-overview .additional-details {
    margin: 0 0 20px;
}

    .overview .additional-details div,
    .variant-overview .additional-details div {
        margin: 0 0 8px;
    }

.overview .prices,
.variant-overview .prices {
    margin: 0 0 10px;
    overflow: hidden;
}

    .overview .prices > div,
    .variant-overview .prices > div {
        margin: 0 0 5px;
    }

.overview .old-product-price span,
.variant-overview .old-product-price span,
.overview .non-discounted-price span,
.variant-overview .non-discounted-price span {
    text-decoration: line-through;
}

.overview .product-price,
.variant-overview .product-price {
    font-weight: bold;
}

.overview .add-to-cart-panel > div:first-of-type {
    width: 100%;
}

.overview .attributes {
    display: inline-block;
    overflow: hidden;
}

    .overview .attributes select {
        padding-right: 2em;
    }

.attribute-squares {
    font-size: 0;
}

.attribute-squares .attribute-square-container {
    display: block;
    position: relative;
    z-index: 0;
    padding: 1px;
}

.attribute-squares .attribute-square {
    display: table !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #444 !important;
    cursor: pointer;
}

@media all and (min-width: 769px) {
    .gallery {
        width: 550px;
    }
}

@media all and (min-width: 1001px) {
    .gallery {
        float: left;
        width: 46%;
    }

        .gallery .picture {
            width: auto;
        }
}

/* jQuery tabs - Taken from default Nop Styles */

.ui-tabs {
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #777;
}

.ui-widget.ui-widget-content.ui-tabs {
    border: none;
}

.ui-tabs-nav {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    font-size: 0;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 0 30px !important;
    border-width: 0 0 1px;
    border-radius: 0;
    background: none;
    padding: 0 !important;
    line-height: normal;
    font-weight: normal;
    color: #444;
}

    .ui-tabs-nav li {
        margin: 0 0 -1px;
        /*override jQuery UI styles, do not delete doubled properties*/
        float: none !important;
        margin: 0 0 -1px !important;
        border: none !important;
        border-radius: 0;
        background: none !important;
        padding: 0 !important;
    }

        .ui-tabs-nav li a {
            display: block;
            border: 1px solid #ddd;
            padding: 12px 24px;
            text-align: center;
            font-size: 18px;
            color: #444;
            /*override jQuery UI styles, do not delete doubled properties*/
            float: none !important;
            padding: 12px 24px !important;
        }

        .ui-tabs-nav li.ui-state-active a {
            background-color: #eee;
            color: #917345;
        }

.ui-tabs-panel {
    /*override jQuery UI styles, do not delete doubled properties*/
    padding: 0 !important;
}

@media all and (min-width: 481px) {
    .ui-tabs-nav li {
        display: inline-block;
        min-width: 150px;
        margin: 0 5px -1px;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 5px -1px !important;
    }
}

@media all and (min-width: 769px) {
    .ui-tabs-nav {
        text-align: left;
    }

        .ui-tabs-nav li {
            margin: 0 10px -1px 0;
            /*override jQuery UI styles, do not delete doubled properties*/
            margin: 0 10px -1px 0 !important;
        }
}

/* Product Filters - Taken from default Nop Styles */

.product-selectors {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    font-size: inherit !important;
}

    .product-selectors:first-child {
        border-top: none;
    }

    .product-selectors:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-selectors > div {
        display: inline-block;
        margin: 5px !important;
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 16px;
    }

    .product-selectors select {
        margin: 0 8px;
    }

/*.product-selectors .product-viewmode {
    display: none;
    font-size: 0;
}*/

.product-filters {
    display: table;
    width: 100%;
    margin: -20px 0 20px;
    border-bottom: 1px solid #ddd;
}

.product-filter {
    margin: 0 0 10px;
}

    .product-filter .filter-title {
        margin: 0 0 10px;
        background-color: #f6f6f6;
        padding: 10px;
        font-size: 17px;
        color: #444;
    }

        .product-filter .filter-title strong {
            font-weight: normal;
        }

    .product-filter .filter-content {
        padding: 10px;
        color: #444;
    }

    .product-filter .available-items:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-filter .group {
        margin: 0 0 10px;
    }

        .product-filter .group li {
            font-size: 15px;
        }

            .product-filter .group li a,
            .product-filter .group li strong {
                display: inline-block;
                padding: 5px 0;
            }

                .product-filter .group li a:hover {
                    color: #4ab2f1;
                }

            .product-filter .group li.item {
                display: inline-block;
                position: relative;
                margin: 0 15px 0 0;
                padding: 0 0 0 15px;
            }

                .product-filter .group li.item:before {
                    content: "";
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 5px;
                    height: 5px;
                    background-color: #ddd;
                }

            .product-filter .group li.color-item {
                padding: 0;
                display: inline-block;
            }

                .product-filter .group li.color-item a {
                    padding: 0;
                }

                .product-filter .group li.color-item:before {
                    display: none;
                }

.filtered-items .title {
    margin: 0 0 5px;
    font-style: italic;
}

.filtered-items .item {
    color: #4ab2f1;
}

.remove-filter {
    margin: 15px 0;
}

    .remove-filter a {
        display: inline-block;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

        .remove-filter a:hover {
            background-color: #999;
        }

@media all and (min-width: 481px) {
    .product-selectors {
        text-align: left;
    }

        .product-selectors .product-viewmode {
            display: inline-block;
            float: right;
        }

            .product-selectors .product-viewmode span {
                display: none;
            }

            .product-selectors .product-viewmode a {
                display: inline-block;
                width: 24px;
                height: 32px;
                margin: 0 0 0 12px;
                background-position: center;
                background-repeat: no-repeat;
                opacity: 0.5;
            }

                .product-selectors .product-viewmode a.grid {
                    /*background-image: url('../images/view-grid.png');*/
                }

                .product-selectors .product-viewmode a.list {
                    /*background-image: url('../images/view-list.png');*/
                }

                .product-selectors .product-viewmode a.selected {
                    opacity: 1;
                }
}

.product-selectors select {
    width: 12.22222rem;
}

.product-selectors .product-page-size select {
    width: 5.77778rem;
}

/* Paging - Taken from default Nop Styles */

.pager {
    margin: 0 0 20px;
}

    .pager ul {
        text-align: right;
        font-size: 0;
    }

    .pager li {
        display: inline-block;
        margin: 0 5px;
        vertical-align: top;
    }

        .pager li a,
        .pager li span {
            display: block;
            min-width: 35px;
            height: 35px;
            /*border: 1px solid #ddd;*/
            /*background-color: #eee;*/
            padding: 8px;
            text-align: center;
            font-size: 14px; /*reset zeroing*/
            cursor: pointer;
        }

        .pager li span {
            border-color: transparent;
            /*background-color: #4ab2f1;*/
            /*color: #fff;*/
        }

        .pager li.current-page {
            background-color: #f3f0ec;
        }

        .pager li.previous-page *,
        .pager li.next-page *,
        .pager li.first-page *,
        .pager li.last-page * {
            background-position: center;
            background-repeat: no-repeat;
            font-size: 0;
            /*color: #fff;*/
        }

        .pager li.previous-page * {
            background-image: url('../images/prev.png');
        }

        .pager li.next-page * {
            background-image: url('../images/next.png');
        }

        .pager li.first-page * {
            background-image: url('../images/first.png');
        }

        .pager li.last-page * {
            background-image: url('../images/last.png');
        }

        .pager li a:hover {
            border-color: transparent;
            background-color: #ddd;
        }

/* AjaxFilters Overrides */

.nopAjaxFilters7Spikes .checkbox-list label {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.nopAjaxFilters7Spikes .block .title a.clearFilterOptions {
    color: #917345 !important;
}

.selected-options-list > li span {
    color: #917345 !important;
}

/* Order Details Page */

.html-order-details-page .actions {
    float: right;
}

.html-order-details-page .order-overview-content .order-status,
.html-order-details-page .order-details-area .payment-method-info .payment-method-status span.value {
    padding: .2em .6em .3em;
    border-radius: .25em;
    background-color: #353535;
    color: #fff;
    width: 22.5%;
}

/* News - Taken from default Nop Styles */

.news-list-page .page-title {
    margin: 0;
}

.news-items .news-item {
    margin: 0 0 30px;
}

.news-title {
    display: inline-block;
    padding: 20px 10px;
    font-weight: bold;
}

.news-date {
    display: block;
    margin: 0 0 15px;
    padding: 10px;
}

.news-body {
    margin: 0 0 20px;
    padding: 0 10px;
}

    .news-body p {
        margin: 10px 0;
        text-align: justify;
    }

.news-items .buttons {
    margin: 0;
    padding: 0 10px;
}

.news-list-homepage .view-all {
    text-align: center;
}

@media all and (min-width: 1001px) {

    .news-list-homepage .news-items {
        overflow: hidden;
        text-align: left;
    }

    .news-list-homepage .news-item {
        float: left;
        width: 31.33333%;
        margin: 0 1% 30px;
    }

        .news-list-homepage .news-item:nth-child(3n+1) {
            clear: both;
        }

        .news-list-homepage .news-item:only-child {
            float: none;
            width: auto;
            margin: 0 0 30px;
        }

    .news-list-homepage .news-head {
        text-align: center;
    }

    .news-list-homepage .news-body {
        text-align: justify;
    }
}

/* Home Page - Taken from default Nop Styles */

.html-home-page .center-1 .topic-block-title {
    text-align: center;
}

/* Register and Customer Info Pages */

.html-registration-page .register-next-step-button {
    float: right;
}

.html-registration-page ul.option-list {
    padding-left: 0;
}

.html-registration-page .title,
.customer-info-page .title {
    font-size: 1.11111rem;
    text-transform: none;
    margin: 1.25rem 0 .625rem;
}

.html-registration-page .custom-attributes select,
.customer-info-page .custom-attributes select {
    width: 5.77778rem;
    display: block;
}

/* Data Tables - Taken from default Nop Styles */

.data-table .hidden-row {
    height: 1px;
    border: none;
}

.data-table tr.hidden-row th {
    padding: 0;
    border-top: none;
}

    .data-table tr.hidden-row th > span {
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        top: -10px;
    }

/* Search Autocomplete - Taken from default Nop Styles */

.ui-autocomplete {
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-radius: 0;
    padding: 0;
    font-size: 14px;
}

    .ui-autocomplete li {
        border-top: 1px solid #ddd;
    }

        .ui-autocomplete li:first-child {
            border-top: none;
        }

    .ui-autocomplete a {
        display: block;
        padding: 15px;
        /*font-size: 14px;*/
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: none !important;
        padding: 15px !important;
        line-height: normal !important;
        color: #917345 !important;
    }

        .ui-autocomplete a:hover,
        .ui-autocomplete a.ui-state-focus {
            background-color: #f6f6f6 !important;
        }

    .ui-autocomplete img {
        /*min-width: 20px;*/
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

/* Slider Images */

.theme-oxide .nivo-controlNav a {
    background-color: #d5cabe !important;
}

    .theme-oxide .nivo-controlNav a:hover, .nivo-controlNav a.active {
        background-color: #917345 !important;
    }

/* Change Password page */

.change-password-page .message-error ul,
.change-password-page .result {
    padding-left: 15px;
}

.change-password-page .result {
    color: green;
    padding-left: 15px;
}

/* Left Menu */

@media (max-width: 767px) {
    
    .hidden-sm-down {
        display: none !important;
    }

}

.side-bar {
    padding-bottom: 15px;
}

/* Sitemap Page */

.sitemap-page .description {
    margin: 0 0 30px;
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
}

.sitemap-page .entity ul {
    padding-left: 0;
}

/*# sourceMappingURL=ram-styles.css.map */