@charset "UTF-8";
/** styling glossary -
0. fonts
1. global style
2. header style
3. footer style
4. homepage style
5. category page style
6. product page style
7. cart page style
8. static page style
9. About page style
10. Single blog post style
11. Quick search style
12. Login page style
13. New Account page style
14. order confirmation page style
15. contact us page style
16. Account page tabs style
17. review page style
18. preview cart style
19. search page style
*/
/* 0. fonts */
@font-face {
  font-family: "Barlow-Regular";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/barlow/Barlow-Regular.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "Barlow-Medium";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/barlow/Barlow-Medium.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "Barlow-Bold";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/barlow/Barlow-Bold.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "Lobster-Regular";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/Lobster-Regular.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "PlayfairDisplay-Bold";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/PlayfairDisplay-Bold.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "ComicSans";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/ComicSansMSRegular.ttf");
  font-weight: normal !important;
  font-display: swap; }

@font-face {
  font-family: "TimesNewRoman";
  src: url("https://cdn11.bigcommerce.com/s-d3cmyrc51w/content/fonts/TimesNewRoman.ttf");
  font-weight: normal !important;
  font-display: swap; }

/* 1. global style */
div#consent-manager {
  display: none; }

html {
  font-size: 16px; }

body {
  font-family: Barlow-Regular,Arial,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: 1rem; }
  @media screen and (max-width: 1191px) {
    body {
      padding-top: 117px; } }

.container {
  max-width: 102.75rem;
  padding: 0 4.5rem; }
  @media screen and (max-width: 800px) {
    .container {
      padding: 0 20px; } }

main#main-content {
  margin: 0;
  background-color: #F1F1F2;
  display: inline-block;
  width: 100%; }
  @media screen and (max-width: 1191px) {
    main#main-content .container {
      padding: 0 20px; } }
  @media screen and (max-width: 1190px) {
    main#main-content .container {
      padding-top: 0; } }

input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: none !important; }

.button--primary, figcaption.card-figcaption button.quickview, figcaption.card-figcaption a.button[data-button-type="add-cart"], .previewCartCheckout .button + .button {
  background-color: #bf3233;
  border: 1px solid #bf3233;
  color: #fff;
  border-radius: 0;
  font-size: 14px;
  font-family: 'Barlow-Regular';
  font-weight: 700;
  text-transform: uppercase;
  font-weight: normal; }
  .button--primary:hover, figcaption.card-figcaption button.quickview:hover, figcaption.card-figcaption a.button:hover[data-button-type="add-cart"], .previewCartCheckout .button + .button:hover {
    background-color: #001660;
    border: 1px solid #001660; }

.button--secondary, .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .quickview {
  background: #001660;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #001660;
  font-family: 'Barlow-Regular';
  font-size: 14px; }
  .button--secondary:hover, .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .quickview:hover {
    background-color: #bf3233 !important;
    border: 1px solid #bf3233 !important;
    color: #fff !important; }

.slick-dots li {
  height: .475rem;
  width: 1rem;
  padding: 0;
  background-color: transparent !important; }
  .slick-dots li.slick-active button {
    background: #ffc34b;
    width: 15px;
    border-radius: 20px;
    border: 1px solid #ffc34b; }
    .slick-dots li.slick-active button::before {
      background-color: #ffc34b; }
  .slick-dots li button {
    height: 6px;
    width: 6px;
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c;
    transition: 300ms all ease-in-out; }
    .slick-dots li button::before {
      height: .375rem;
      width: .375rem; }

.tab.is-active .tab-title {
  font-weight: normal;
  font-family: 'Barlow-Bold'; }

.tab .tab-title {
  font-size: 20px;
  font-family: 'Barlow-Regular';
  color: #333; }

p {
  color: #000; }
  @media screen and (max-width: 800px) {
    p {
      word-break: break-word; } }

ol li, ul li {
  color: #000; }

.skip-to-main-link {
  display: none; }

a.sidebar-mobile-button {
  display: none; }
  @media screen and (max-width: 1191px) {
    a.sidebar-mobile-button {
      display: flex;
      width: 44px;
      height: 50px;
      position: fixed;
      z-index: 999;
      background-color: #3750b2;
      left: 0;
      bottom: 0;
      /*top: 0;*/
      margin: auto;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      flex-wrap: wrap;
      padding: 8px 0;
      text-align: center;
      transition: 300ms all ease-in-out; } }
  @media screen and (max-width: 1191px) {
    a.sidebar-mobile-button.is-open {
      left: 276px; } }
  a.sidebar-mobile-button.is-open::before {
    content: ""; }
  @media screen and (max-width: 1191px) {
    a.sidebar-mobile-button::before {
      content: "";
      font-family: 'FontAwesome';
      color: #fff;
      line-height: 12px; } }
  @media screen and (max-width: 1191px) {
    a.sidebar-mobile-button::after {
      content: "Sidebar";
      text-transform: uppercase;
      font-size: 10px;
      width: 100%;
      color: #fff;
      line-height: 10px; } }

/*[lazyload-container] img,
	[lazyload-content] {
		opacity: 0;
		visibility: hidden;
	}
	[lazy-bg] {
		&.show-bg {
			background-image: var(--background);
		}
	}*/
[desktop-content] {
  display: block; }
  @media screen and (max-width: 480px) {
    [desktop-content] {
      display: none; } }

[mobile-content] {
  display: none; }
  @media screen and (max-width: 480px) {
    [mobile-content] {
      display: block; } }

.blink_me {
  /*animation: blinker 1s linear infinite;*/
  text-transform: uppercase;
  font-weight: 900; }

/*@keyframes blinker {
		50% {
			opacity: 0;
		}
	} */
/* 2. header style */
.center-header.fix {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 100; }

.center-header .dropdown--quickSearch {
  position: relative; }

@media screen and (max-width: 800px) {
  .center-header .container {
    padding: 0 60px;
    height: 60px; } }

.banners {
  background-color: #000;
  background-image: linear-gradient(to right, #bf3233 0, #bf3233 100%);
  color: #fff;
  padding: 0;
  z-index: 1;
  position: relative;
  /*margin-top: -24px;*/ }
  @media screen and (max-width: 1191px) {
    .banners .container {
      padding: 0 15px; } }

.banner-inner {
  padding: .9375rem 0;
  font-size: 16px;
  font-family: sans-serif;
  letter-spacing: 0.6px; }
  @media screen and (max-width: 1191px) {
    .banner-inner {
      padding: 10px 0;
      font-size: 14px; } }

.top-header {
  background-color: #2b3687;
  color: #fff;
  border-bottom: 1px solid #384fb2; }
  @media screen and (max-width: 1191px) {
    .top-header {
      display: none; } }

.top-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .top-header-inner .left {
    font-size: 16px;
    letter-spacing: 1.2px; }
  .top-header-inner ul.top-navigation {
    list-style: none;
    margin: 0;
    display: flex; }
    .top-header-inner ul.top-navigation li a {
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      display: inline-flex;
      align-items: center;
      padding: .375rem .75rem; }
      .top-header-inner ul.top-navigation li a:hover {
        color: #f16f70; }
    .top-header-inner ul.top-navigation li + li {
      border-left: 1px solid rgba(255, 255, 255, 0.2); }

header.header {
  background-color: #fff;
  padding-top: 0 !important;
  border-bottom: 1px solid #c0ccfb; }
  header.header.quick-search-is-open {
    z-index: auto; }
  @media screen and (max-width: 1191px) {
    header.header {
      border-bottom: none;
      height: 63px;
      background-color: #a2c9f9; } }

.center-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .375rem; }
  @media screen and (max-width: 1191px) {
    .center-header-inner {
      padding: 14px 0; } }
  @media screen and (max-width: 800px) {
    .center-header-inner {
      display: block;
      padding: 10px 0; } }
  .center-header-inner .mid-column {
    width: 100%;
    max-width: 794px;
    padding-left: 1.5rem;
    position: relative;
    z-index: 101; }
    @media screen and (max-width: 1191px) {
      .center-header-inner .mid-column {
        position: absolute;
        left: 0px;
        width: 100vw;
        max-width: 100vw;
        padding: 10px 20px;
        top: 63px;
        background-color: #fff;
        background-color: #a2c9f9;
        border-top: 1px solid #bcd6f7; } }
    .center-header-inner .mid-column form.form {
      margin-bottom: 0; }
      .center-header-inner .mid-column form.form .form-field {
        margin-bottom: 0;
        position: relative; }
        .center-header-inner .mid-column form.form .form-field input.button {
          position: absolute;
          top: 0;
          right: 0; }
        .center-header-inner .mid-column form.form .form-field input#nav-quick-search {
          border-radius: 0;
          border: 2px solid #bf3233; }
          @media screen and (max-width: 1191px) {
            .center-header-inner .mid-column form.form .form-field input#nav-quick-search {
              border: 1px solid #bf3233;
              padding: 5px 96px 8px 10px;
              height: auto; } }
      .center-header-inner .mid-column form.form input.button {
        position: relative;
        z-index: 2;
        margin: 0;
        height: 48px;
        border: none;
        border-radius: 0;
        width: 87px;
        padding: 0;
        color: transparent;
        opacity: 0;
        background-color: #000; }
        .center-header-inner .mid-column form.form input.button:hover {
          opacity: 0.5; }
  .center-header-inner .left-column {
    width: 100%;
    max-width: 250px; }
  .center-header-inner .right-column {
    width: 100%;
    max-width: 404.55px; }

@media screen and (max-width: 1191px) {
  nav.navUser {
    top: 17px;
    transform: none;
    width: auto;
    right: 0px; } }

ul.navUser-section {
  display: flex;
  align-items: flex-end; }

li.navUser-item {
  display: flex;
  align-items: center; }
  li.navUser-item svg {
    height: 35px;
    color: #3750b2;
    margin-right: 5px; }
    @media screen and (max-width: 600px) {
      li.navUser-item svg {
        height: 25px; } }
  li.navUser-item.navUser-item--cart {
    position: relative; }
    @media screen and (max-width: 1191px) {
      li.navUser-item.navUser-item--cart {
        margin-right: 20px; } }
    li.navUser-item.navUser-item--cart a.navUser-action.flex-element {
      align-items: flex-end; }
    li.navUser-item.navUser-item--cart div#cart-preview-dropdown {
      width: 370px;
      top: 100% !important; }
  li.navUser-item:not(:last-child) {
    margin-right: 12px; }
  @media screen and (max-width: 1191px) {
    li.navUser-item:not(.navUser-item--cart) {
      display: none; } }
  li.navUser-item a.navUser-action {
    color: #3750b2;
    font-weight: normal;
    padding: 0;
    line-height: normal; }
    li.navUser-item a.navUser-action:hover {
      color: #f16f70; }
    li.navUser-item a.navUser-action.navUser-item--compare.show {
      display: none; }
  li.navUser-item .group a.navUser-action {
    display: block; }

path.fa-secondary {
  opacity: 0.7;
  fill: #3750b2; }

a.navUser-action.flex-element {
  display: flex;
  align-items: center; }

.quicksearch-container .container {
  max-width: none;
  padding: 0;
  width: 100%; }

@media screen and (max-width: 1191px) {
  .header-logo-image {
    margin: 0; } }

.header-logo-image-container {
  min-height: 0; }

@media screen and (max-width: 1191px) {
  .header-logo__link {
    margin: 3px 0 0;
    width: 100%; } }

@media screen and (max-width: 1191px) {
  .navPages-container.is-open {
    padding-top: 118px; } }

nav.navPages {
  max-width: 102.75rem;
  padding: 0 4.5rem;
  text-align: left; }
  @media screen and (max-width: 1191px) {
    nav.navPages {
      background-color: #ffffff;
      padding: 20px; } }
  nav.navPages ul.navPages-list {
    margin-left: -18px; }
    @media screen and (max-width: 1191px) {
      nav.navPages ul.navPages-list {
        margin: 0; } }
    @media screen and (max-width: 1191px) {
      nav.navPages ul.navPages-list.navPages-list--user {
        margin-top: 15px; } }
    nav.navPages ul.navPages-list li.navPages-item {
      position: relative; }
      @media screen and (min-width: 1192px) {
        nav.navPages ul.navPages-list li.navPages-item:hover {
          background-color: #fff; }
          nav.navPages ul.navPages-list li.navPages-item:hover .navPage-subMenu {
            display: block; }
          nav.navPages ul.navPages-list li.navPages-item:hover > a.navPages-action {
            color: #bf3233;
            font-family: Barlow-Bold; }
            nav.navPages ul.navPages-list li.navPages-item:hover > a.navPages-action i.navPages-action-moreIcon svg {
              color: #bf3233;
              fill: #bf3233;
              stroke: #bf3233; } }
      nav.navPages ul.navPages-list li.navPages-item > a.navPages-action {
        color: #3750b2;
        font-weight: normal;
        font-family: Barlow-Bold; }
        @media screen and (max-width: 1191px) {
          nav.navPages ul.navPages-list li.navPages-item > a.navPages-action {
            color: #282828;
            font-family: 'Barlow-Bold';
            font-size: 14px;
            letter-spacing: 0.75pt;
            line-height: 14px;
            padding: 5px 0; } }
        nav.navPages ul.navPages-list li.navPages-item > a.navPages-action.is-open {
          background-color: #fff; }
        @media screen and (max-width: 1191px) {
          nav.navPages ul.navPages-list li.navPages-item > a.navPages-action i.navPages-action-moreIcon {
            right: 0;
            position: relative;
            margin: 0 !important;
            width: 20px !important;
            height: 20px !important;
            justify-content: center;
            align-items: center;
            display: flex;
            background-color: #b8221c;
            color: #fff;
            font-size: 12px; } }
        nav.navPages ul.navPages-list li.navPages-item > a.navPages-action i.navPages-action-moreIcon svg {
          color: #3750b2;
          fill: #3750b2;
          stroke: #3750b2; }
          @media screen and (max-width: 1191px) {
            nav.navPages ul.navPages-list li.navPages-item > a.navPages-action i.navPages-action-moreIcon svg {
              width: 10px;
              height: 10px;
              color: #fff;
              fill: #fff;
              stroke: #fff; } }
  nav.navPages .navPage-subMenu {
    box-shadow: 0px 3px 5px 0px #c1c1c1;
    padding: 10px 0 0 !important; }
    @media screen and (max-width: 1191px) {
      nav.navPages .navPage-subMenu {
        padding: 0 !important;
        background-color: #ffffff;
        box-shadow: 0px 3px 5px 0px #ffffff; } }
    nav.navPages .navPage-subMenu .navPages-action-moreIcon {
      display: block;
      transform: rotate(-90deg) !important;
      margin: auto; }
      nav.navPages .navPage-subMenu .navPages-action-moreIcon svg {
        fill: #2B3687 !important;
        stroke: #2B3687 !important; }
  nav.navPages .navPage-subMenu-list {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    border-left: 0px;
    margin: auto;
    padding: 0;
    min-width: 300px; }
    @media screen and (max-width: 1191px) {
      nav.navPages .navPage-subMenu-list {
        max-width: 100%; } }
    nav.navPages .navPage-subMenu-list .navPage-childList {
      display: none;
      left: 100%;
      position: absolute;
      top: 0;
      background-color: #fff;
      width: -moz-fit-content;
      width: fit-content;
      border: 1px solid #dcdcdc;
      min-width: 200px; }
      @media screen and (max-width: 1191px) {
        nav.navPages .navPage-subMenu-list .navPage-childList {
          background-color: #ffffff;
          border: none;
          display: block;
          position: relative;
          left: 0;
          right: auto;
          margin: 0; } }
  nav.navPages .navPage-subMenu-item {
    display: block;
    width: 100%;
    padding: 0 !important;
    position: relative; }
    nav.navPages .navPage-subMenu-item:hover .navPage-childList {
      display: block; }
    nav.navPages .navPage-subMenu-item:hover a.navPage-subMenu-action {
      color: #bf3233; }
    nav.navPages .navPage-subMenu-item:hover .navPages-action-moreIcon svg {
      fill: #bf3233 !important;
      stroke: #bf3233 !important; }
  nav.navPages a.navPage-subMenu-action {
    white-space: nowrap;
    margin: 0 !important;
    padding: 8px 10px !important; }
    @media screen and (max-width: 1191px) {
      nav.navPages a.navPage-subMenu-action {
        color: #ae031c;
        font-size: 13px; } }
    nav.navPages a.navPage-subMenu-action span.collapsible-icon-wrapper {
      display: flex;
      padding: 0;
      font-size: 14px;
      color: red;
      width: 20px;
      height: 20px; }
      @media screen and (max-width: 1191px) {
        nav.navPages a.navPage-subMenu-action span.collapsible-icon-wrapper {
          display: none; } }
  nav.navPages a.navPage-childList-action {
    font-size: 14px;
    color: #2B3687;
    padding: 7px 15px;
    font-family: Barlow-Medium; }
    @media screen and (max-width: 1191px) {
      nav.navPages a.navPage-childList-action {
        color: #3147c5;
        line-height: normal;
        padding: 5px 10px;
        font-size: 13px; } }
    nav.navPages a.navPage-childList-action:hover {
      color: #bf3233; }

.magnifying-class {
  width: 87px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bf3233;
  z-index: 1; }
  .magnifying-class svg {
    width: 30px; }
    @media screen and (max-width: 1191px) {
      .magnifying-class svg {
        width: 20px; } }

.navPage-subMenu {
  background-color: #fff; }

.navPages-action.is-open {
  font-family: 'Barlow-Bold';
  color: #ec7f80; }

a.navPage-subMenu-action {
  color: #2B3687;
  font-family: 'Barlow-Bold';
  font-size: 14px;
  text-transform: uppercase !important; }

.countPill {
  position: absolute;
  top: -3px;
  min-width: calc(100% - 45px);
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  height: 20px;
  width: 20px;
  background-color: #e74c3c;
  left: auto;
  right: 0; }

.previewCart .previewCartItem-content {
  padding: 10px !important; }

.previewCartItem-name > a {
  color: #ae031c !important;
  font-weight: 400 !important;
  font-family: 'Barlow-Bold';
  font-size: 14px; }

.previewCartItem-brand {
  color: #989898;
  margin-bottom: auto; }

.previewCartItem-price {
  color: #001660;
  font-weight: 600;
  font-family: 'Barlow-Bold'; }

.button--action {
  background: #001660;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #001660;
  font-family: 'Barlow-Regular';
  font-size: 14px; }

.mobileMenu-toggle .mobileMenu-toggleIcon {
  background-color: #fff; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background-color: #fff !important; }

/* 3. footer style */
footer.footer {
  padding-bottom: 0; }

div.footer-info {
  margin: 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1191px) {
    div.footer-info {
      display: block;
      margin: 0 auto; } }
  div.footer-info::before {
    content: none; }
  div.footer-info::after {
    content: none; }
  @media screen and (max-width: 1191px) {
    div.footer-info article.custom_categories {
      margin-bottom: 30px; } }
  @media screen and (max-width: 1191px) {
    div.footer-info article.col.collapsed-block {
      width: 50%;
      display: inline-block;
      vertical-align: top; } }
  @media screen and (max-width: 800px) {
    div.footer-info article.col.collapsed-block {
      width: 100%; } }
  @media screen and (max-width: 800px) {
    div.footer-info article.col.collapsed-block ul.footer-info-list {
      display: none; } }

h5.footer-info-heading {
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 0;
  font-family: 'Barlow-Medium';
  color: #050505;
  margin-bottom: 15px; }
  @media screen and (max-width: 800px) {
    h5.footer-info-heading {
      align-items: center;
      display: flex;
      justify-content: space-between; } }
  h5.footer-info-heading.is-open span.expander {
    transform: rotate(0deg); }
  h5.footer-info-heading span.expander {
    display: none;
    float: right;
    font-size: 10px;
    color: #fff;
    background-color: #b8221c;
    padding: 0;
    height: 20px;
    width: 20px;
    justify-content: center;
    align-items: center;
    transform: rotate(-90deg);
    transition: 300ms all ease-in-out; }
    @media screen and (max-width: 800px) {
      h5.footer-info-heading span.expander {
        display: flex; } }

.footer-info-list li {
  margin-bottom: 8px; }
  .footer-info-list li a {
    font-size: 16px;
    line-height: normal;
    font-family: 'Barlow-Regular';
    color: #000; }
    .footer-info-list li a:hover {
      color: #f16f70; }
    .footer-info-list li a strong {
      font-weight: normal;
      font-family: 'Barlow-Medium'; }

.footer-info-list address {
  font-size: 16px;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 280px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 7px;
  position: relative;
  padding-left: 25px; }
  .footer-info-list address a {
    font-size: 16px;
    font-style: normal;
    font-family: 'Barlow-Regular';
    color: #000; }
    @media screen and (max-width: 800px) {
      .footer-info-list address a {
        word-break: break-all; } }
  .footer-info-list address i {
    position: absolute;
    left: 0;
    top: 2px; }

.footer-copyright {
  background: #e7e7e8;
  color: #222;
  padding: .75rem 0;
  text-align: center;
  margin-top: 50px; }

.footer-copyright-inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 800px) {
    .footer-copyright-inner {
      flex-wrap: wrap;
      justify-content: center; } }

p.powered-by {
  font-size: 16px;
  color: #222;
  margin-bottom: 0; }

.footer-payment-icons {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0; }
  @media screen and (max-width: 800px) {
    .footer-payment-icons {
      margin-top: 7px; } }
  .footer-payment-icons .footer-payment-icon {
    margin: 0 0 0 5px;
    width: 40px;
    height: 35px; }

.newsletter-section {
  background-color: #263da8;
  padding: 50px 0;
  margin-top: 0 !important; }
  .newsletter-section.success form.form,
  .newsletter-section.success h3.footer-info-heading {
    display: none; }
  .newsletter-section.success .newsletter-success {
    display: block; }

.newsletter-section-inner {
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 800px) {
    .newsletter-section-inner {
      display: block; } }
  .newsletter-section-inner p {
    display: none; }
  .newsletter-section-inner h3.footer-info-heading {
    margin: 0 50px 0 0;
    color: #fff;
    font-family: 'Barlow-Medium';
    font-size: 30px;
    line-height: 30px;
    width: 100%; }
    @media screen and (max-width: 800px) {
      .newsletter-section-inner h3.footer-info-heading {
        text-align: center;
        margin-bottom: 25px;
        font-size: 24px; } }
  .newsletter-section-inner form.form {
    margin: 0;
    max-width: 520px;
    width: 100%; }
    @media screen and (max-width: 800px) {
      .newsletter-section-inner form.form {
        max-width: 100%; } }
    .newsletter-section-inner form.form .form-field {
      margin: 0; }
    .newsletter-section-inner form.form .form-input {
      border-radius: 0;
      margin-right: -1px; }
    .newsletter-section-inner form.form input.button {
      margin: 0;
      border-radius: 0; }
  .newsletter-section-inner .newsletter-success {
    display: none;
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-family: 'Barlow-Medium';
    font-size: 30px;
    line-height: 30px;
    width: 100%; }

/* 4. homepage style */
.homepage-content {
  display: inline-block;
  width: 100%; }
  .homepage-content .page-content {
    margin-top: 12px;
    width: calc(100% - 296px); }
    @media screen and (max-width: 1191px) {
      .homepage-content .page-content {
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .homepage-content .page-content {
        padding: 0; } }
  .homepage-content .tab-content {
    padding-bottom: 0; }
    @media screen and (max-width: 1191px) {
      .homepage-content .tab-content {
        padding: 15px 0 0; } }
    .homepage-content .tab-content ul.productGrid {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 800px) {
        .homepage-content .tab-content ul.productGrid {
          margin: 0 -6px; } }
      .homepage-content .tab-content ul.productGrid li.product {
        height: 100%;
        padding: 0 6px;
        margin-bottom: 12px; }

@media screen and (max-width: 1191px) {
  ul#josandi-specialProductsTabs-tabs {
    display: flex; } }

@media screen and (max-width: 1191px) {
  ul#josandi-specialProductsTabs-tabs li.tab {
    width: 100%; } }

@media screen and (max-width: 1191px) {
  ul#josandi-specialProductsTabs-tabs li.tab.is-active a.tab-title {
    background-color: #f7e5e5;
    font-family: 'Barlow-Bold'; } }

@media screen and (max-width: 1191px) {
  ul#josandi-specialProductsTabs-tabs li.tab a.tab-title {
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    font-family: 'Barlow-Medium'; } }

.page-sidebar {
  margin-top: 12px;
  width: 296px;
  margin-bottom: 50px; }
  @media screen and (max-width: 1191px) {
    .page-sidebar {
      margin: 0;
      position: fixed;
      z-index: 9999;
      left: -276px;
      top: 63px;
      padding: 10px;
      width: 276px;
      max-height: calc(100vh - 63px);
      overflow-y: auto;
      transition: 300ms all ease-in-out;
      background-color: #f3f5fb;
      border-right: 1px solid #a2c9f9; } }
  @media screen and (max-width: 1191px) {
    .page-sidebar.is-open {
      left: 0; } }
  .page-sidebar li.navPages-item {
    width: 100%;
    position: relative; }
    .page-sidebar li.navPages-item:hover .navPage-subMenu {
      display: block; }
    .page-sidebar li.navPages-item .navPage-subMenu {
      position: absolute;
      left: 100%;
      top: 0;
      width: 62.8vw;
      z-index: 9;
      background: #fff; }
      @media screen and (max-width: 1191px) {
        .page-sidebar li.navPages-item .navPage-subMenu {
          position: relative;
          left: 0;
          width: 100%; } }
  .page-sidebar a.navPages-action {
    color: #000;
    padding: 0; }
    .page-sidebar a.navPages-action:hover {
      color: #bf3233;
      font-family: Barlow-Bold; }
      .page-sidebar a.navPages-action:hover i.navPages-action-moreIcon svg {
        color: #bf3233;
        fill: #bf3233;
        stroke: #bf3233; }
    .page-sidebar a.navPages-action.is-open i.navPages-action-moreIcon::before {
      transform: rotate(90deg); }
    .page-sidebar a.navPages-action i.navPages-action-moreIcon {
      transform: rotate(-90deg); }
      @media screen and (max-width: 1191px) {
        .page-sidebar a.navPages-action i.navPages-action-moreIcon {
          background-color: #b8221c;
          width: 20px;
          height: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 12px; } }
      .page-sidebar a.navPages-action i.navPages-action-moreIcon svg {
        color: #2B3687;
        fill: #2B3687;
        stroke: #2B3687; }
        @media screen and (max-width: 1191px) {
          .page-sidebar a.navPages-action i.navPages-action-moreIcon svg {
            width: 10px;
            height: 10px;
            color: #fff !important;
            fill: #fff !important;
            stroke: #fff !important; } }
  .page-sidebar .sidebarBlock {
    border: 1px solid #dcdcdc;
    padding-top: 0;
    font-size: 0;
    background-color: #fff; }
    .page-sidebar .sidebarBlock .widget-header {
      padding: .75rem 1.125rem;
      border-bottom: 1px solid #dcdcdc;
      background-color: #f8f8f8; }
      .page-sidebar .sidebarBlock .widget-header label {
        font-size: 15px;
        line-height: 15px;
        font-family: 'Barlow-Medium';
        font-weight: 700;
        text-transform: uppercase;
        color: #2B3687; }
    .page-sidebar .sidebarBlock p {
      font-size: 15px;
      margin-bottom: 15px; }
    .page-sidebar .sidebarBlock.brands li.navPages-item {
      border-bottom: 1px solid #dcdcdc; }
    .page-sidebar .sidebarBlock.filter-by-price h2.sidebarBlock-heading {
      padding: .75rem 1.125rem;
      border-bottom: 1px solid #dcdcdc;
      font-size: 15px;
      line-height: 15px;
      font-family: 'Barlow-Medium';
      font-weight: 700;
      text-transform: uppercase;
      color: #2B3687;
      background-color: #f8f8f8;
      margin-bottom: 0; }
    .page-sidebar .sidebarBlock.filter-by-price ul.navList {
      margin-bottom: 0; }
    .page-sidebar .sidebarBlock.filter-by-price a.navList-action {
      padding: 10px 1.125rem;
      font-size: 14px;
      line-height: normal;
      border-bottom: 1px solid #dcdcdc; }
    @media screen and (max-width: 1191px) {
      .page-sidebar .sidebarBlock.sidebarBlock.categories {
        padding-bottom: 10px; } }
    .page-sidebar .sidebarBlock.bottom-text-widget a {
      display: inline-block;
      height: 100%;
      position: relative;
      width: 100%; }
      .page-sidebar .sidebarBlock.bottom-text-widget a img.banner-image {
        width: 100%;
        max-width: 100%; }
    .page-sidebar .sidebarBlock.bottom-text-widget .texts {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      padding: 10px 5px 15px;
      background-color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
      transition: 300ms all ease-in-out; }
      .page-sidebar .sidebarBlock.bottom-text-widget .texts:hover {
        background-color: rgba(191, 50, 51, 0.8); }
      .page-sidebar .sidebarBlock.bottom-text-widget .texts label {
        font-size: 22px;
        color: #fff;
        font-family: 'Barlow-Medium';
        display: block;
        line-height: normal;
        margin-bottom: 1px;
        cursor: pointer; }
      .page-sidebar .sidebarBlock.bottom-text-widget .texts h3 {
        color: #fff;
        margin: 0;
        line-height: normal;
        font-size: 24px;
        font-family: 'Barlow-Bold';
        cursor: pointer; }
    .page-sidebar .sidebarBlock.bottom-text-widget .free-shipping-banner .texts {
      background-image: linear-gradient(180deg, transparent, #fff, transparent);
      top: 0;
      bottom: 0;
      margin: auto;
      height: -moz-fit-content;
      height: fit-content;
      background-color: transparent; }
    .page-sidebar .sidebarBlock.bottom-text-widget .free-shipping-banner h3 {
      color: #840808;
      font-family: TimesNewRoman;
      font-size: 20px; }
    .page-sidebar .sidebarBlock.bottom-text-widget .free-shipping-banner label {
      color: #000037;
      font-family: TimesNewRoman;
      font-size: 32px; }
    .page-sidebar .sidebarBlock.search-brands input#brand-search {
      display: block;
      font-family: inherit;
      font-size: 1rem;
      padding: 0.75rem 1rem;
      width: 100%;
      border: none; }
    .page-sidebar .sidebarBlock.search-brands form#search-brand-form {
      position: relative; }
    .page-sidebar .sidebarBlock.search-brands input.button {
      margin: 0;
      position: absolute;
      top: 0;
      padding: 0.75rem 1rem;
      right: 0;
      height: 43px; }
    .page-sidebar .sidebarBlock.search-brands form.form {
      margin-bottom: 0; }
    .page-sidebar .sidebarBlock.search-brands .form-field {
      position: relative;
      margin-bottom: 0; }

.featured-banner-inner {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    .featured-banner-inner {
      flex-wrap: wrap;
      justify-content: center; } }
  .featured-banner-inner .box {
    width: 25%; }
    @media screen and (max-width: 800px) {
      .featured-banner-inner .box {
        padding: 0 !important;
        margin: 10px 0;
        width: calc(50% - 10px);
        margin-left: 20px !important; } }
    @media screen and (max-width: 481px) {
      .featured-banner-inner .box {
        width: 100%;
        margin-left: 0 !important; } }
    .featured-banner-inner .box:not(:first-child) {
      margin-left: 30px; }
    @media screen and (max-width: 800px) {
      .featured-banner-inner .box:nth-child(odd) {
        margin-left: 0 !important; } }
    .featured-banner-inner .box a {
      position: relative;
      height: inherit;
      display: inline-block;
      width: 100%; }
    .featured-banner-inner .box img {
      width: 100%; }
    .featured-banner-inner .box label {
      position: absolute;
      bottom: 0;
      color: #fff;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      padding: 10px 5px;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: 'Barlow-Medium';
      text-transform: uppercase;
      font-size: 22px;
      letter-spacing: 1.2pt;
      cursor: pointer;
      transition: 300ms all ease-in-out; }
      .featured-banner-inner .box label:hover {
        background-color: rgba(191, 50, 51, 0.8); }

.product-tab-section {
  margin-top: 35px; }
  .product-tab-section h2.page-heading {
    display: none; }

ul.productGrid::before, ul.productGrid::after {
  content: none; }

ul.productGrid li.product {
  width: 16.667% !important;
  padding-left: .375rem;
  padding-right: .375rem;
  padding-bottom: 0.8rem; }
  @media screen and (max-width: 1450px) {
    ul.productGrid li.product {
      width: 20% !important; } }
  @media screen and (max-width: 1199px) {
    ul.productGrid li.product {
      width: 25% !important; } }
  @media screen and (max-width: 991px) {
    ul.productGrid li.product {
      width: 33.33% !important; } }
  @media screen and (max-width: 800px) {
    ul.productGrid li.product {
      width: 50% !important; } }
  ul.productGrid li.product article.card {
    border-color: #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 3px 0 #dcdcdc;
    margin-bottom: 0;
    padding: .75rem;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    position: relative; }
    ul.productGrid li.product article.card:hover figcaption.card-figcaption.bottom {
      opacity: 1; }

ul.sidebar-nav-list {
  display: inline-block;
  margin: 0; }
  @media screen and (max-width: 1191px) {
    ul.sidebar-nav-list {
      width: 100%; } }
  ul.sidebar-nav-list li.navPages-item a.navPages-action {
    width: 100%;
    font-size: 15px;
    padding: .75rem 1.125rem;
    line-height: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Barlow-Medium';
    letter-spacing: 1.2px;
    text-transform: capitalize;
    color: #2B3687; }
    @media screen and (max-width: 1191px) {
      ul.sidebar-nav-list li.navPages-item a.navPages-action {
        color: #000;
        padding: 8px 1.125rem; } }
    ul.sidebar-nav-list li.navPages-item a.navPages-action:hover {
      color: #bf3233; }
      @media screen and (max-width: 1191px) {
        ul.sidebar-nav-list li.navPages-item a.navPages-action:hover {
          color: #000; } }
      ul.sidebar-nav-list li.navPages-item a.navPages-action:hover i.navPages-action-moreIcon svg {
        color: #bf3233;
        fill: #bf3233;
        stroke: #bf3233; }
  ul.sidebar-nav-list li.navPage-subMenu-item > a.navPage-subMenu-action {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 10px; }
    @media screen and (max-width: 1191px) {
      ul.sidebar-nav-list li.navPage-subMenu-item > a.navPage-subMenu-action {
        color: #ae031c;
        font-size: 13px;
        margin: 0 !important;
        padding: 8px 10px !important; } }
    @media screen and (max-width: 1191px) {
      ul.sidebar-nav-list li.navPage-subMenu-item > a.navPage-subMenu-action span.collapsible-icon-wrapper {
        display: none; } }
  ul.sidebar-nav-list .navPage-childList {
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 1191px) {
      ul.sidebar-nav-list .navPage-childList {
        padding: 0;
        margin: 0;
        display: block;
        margin-left: 10px !important;
        border: 0; } }
    ul.sidebar-nav-list .navPage-childList li.navPage-childList-item a.navPage-childList-action {
      padding: 6px 10px;
      font-family: 'Barlow-Regular';
      font-size: 14px;
      color: #2B3687; }
      @media screen and (max-width: 1191px) {
        ul.sidebar-nav-list .navPage-childList li.navPage-childList-item a.navPage-childList-action {
          font-family: 'Barlow-Medium';
          font-size: 13px;
          font-weight: normal;
          text-transform: capitalize; } }
      ul.sidebar-nav-list .navPage-childList li.navPage-childList-item a.navPage-childList-action:hover {
        color: #bf3233; }

.sidebarBlock-content {
  padding: .75rem 1.125rem; }
  .sidebarBlock-content a.button {
    background-color: #A62B1A;
    color: #fff;
    font-family: 'Barlow-Regular';
    text-transform: uppercase;
    border: 1px solid #A62B1A;
    border-radius: 0;
    width: 100%;
    padding: 10px 15px; }

.sidebarBlock.recent-posts ul {
  display: inline-block;
  margin: 0; }
  .sidebarBlock.recent-posts ul li.navPages-item {
    padding: .75rem 1.125rem; }
    .sidebarBlock.recent-posts ul li.navPages-item a.title {
      text-transform: uppercase;
      font-family: 'Barlow-Medium';
      text-decoration: none;
      font-size: 15px;
      display: inline-block;
      margin-bottom: 10px; }
      .sidebarBlock.recent-posts ul li.navPages-item a.title:hover {
        color: #2B3687; }
    .sidebarBlock.recent-posts ul li.navPages-item .read-more {
      color: #A62B1A;
      text-decoration: none;
      font-family: 'Barlow-Medium';
      text-transform: uppercase;
      font-size: 14px;
      margin-bottom: 0;
      font-size: 12px; }
      .sidebarBlock.recent-posts ul li.navPages-item .read-more:hover {
        color: #2B3687;
        font-family: 'Barlow-Bold'; }

section.heroCarousel {
  margin-top: 0;
  max-height: 504px !important;
  height: auto;
  min-height: 0 !important; }
  @media screen and (max-width: 1191px) {
    section.heroCarousel {
      max-height: none !important;
      padding-bottom: 35px; } }
  section.heroCarousel .slick-list {
    transition: 300ms height ease-in-out; }
  section.heroCarousel .slick-arrow {
    padding: 0;
    width: 30px;
    height: 45px;
    background-color: transparent;
    border: none; }
  @media screen and (max-width: 1191px) {
    section.heroCarousel .slick-next::before, section.heroCarousel .slick-prev::before {
      background-color: #bf3233;
      background-image: none !important;
      font-family: 'FontAwesome';
      font-size: 30px;
      font-weight: normal;
      color: #fff;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media screen and (max-width: 600px) {
    section.heroCarousel .slick-next::before, section.heroCarousel .slick-prev::before {
      width: 25px;
      height: 25px;
      font-size: 14px; } }
  @media screen and (max-width: 600px) {
    section.heroCarousel .slick-next {
      right: -15px; } }
  @media screen and (max-width: 1191px) {
    section.heroCarousel .slick-next::before {
      content: ""; } }
  @media screen and (max-width: 1191px) {
    section.heroCarousel .slick-prev {
      left: 5px; } }
  @media screen and (max-width: 600px) {
    section.heroCarousel .slick-prev {
      left: -10px; } }
  @media screen and (max-width: 1191px) {
    section.heroCarousel .slick-prev::before {
      content: ""; } }

.heroCarousel-slide .heroCarousel-image-wrapper {
  height: auto; }

@media screen and (max-width: 1191px) {
  .heroCarousel-slide a.heroCarousel-action {
    margin-top: 30px; } }

.heroCarousel-slide .heroCarousel-content {
  max-width: calc(45% - 5rem);
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6); }
  @media screen and (max-width: 1399px) {
    .heroCarousel-slide .heroCarousel-content {
      left: 0 !important;
      right: 0;
      margin: auto !important;
      text-align: center !important;
      max-width: 60%; } }
  @media screen and (max-width: 1191px) {
    .heroCarousel-slide .heroCarousel-content {
      max-width: 550px;
      padding: 30px 20px; } }
  @media screen and (max-width: 1190px) {
    .heroCarousel-slide .heroCarousel-content {
      background-color: transparent; } }

.heroCarousel-slide--0 .heroCarousel-content {
  left: 5rem;
  right: auto;
  text-align: left; }
  @media screen and (max-width: 1191px) {
    .heroCarousel-slide--0 .heroCarousel-content {
      text-align: center;
      margin: 0 auto; } }

/*.heroCarousel-slide--1,
	.heroCarousel-slide--2 {
		.heroCarousel-content {
			left: 55%;
			text-align: left;
			margin: 0;
			@media screen and (max-width: 1191px) {
				margin: 0 auto;
				text-align: center;
			}
		}
	}*/
span.heroCarousel-title {
  font-family: 'Barlow-Regular';
  color: #111111;
  font-weight: 700;
  font-size: 3rem;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
  line-height: 1;
  margin-bottom: .75rem;
  display: block; }
  @media screen and (max-width: 1399px) {
    span.heroCarousel-title {
      font-size: 38px;
      line-height: normal; } }
  @media screen and (max-width: 600px) {
    span.heroCarousel-title {
      font-size: 8vw; } }

.heroCarousel-description {
  margin-bottom: 0;
  color: #111;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
  font-size: 20px; }

button.heroCarousel-play-pause-button {
  display: none; }

h3.card-title a {
  color: #202020;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  margin: 0 0 .25rem;
  font-family: 'Barlow-Regular'; }

.card-text[data-test-info-type="brandName"] {
  text-align: center;
  line-height: 14px;
  font-size: 13px; }

.card-text[data-test-info-type="price"] {
  text-align: center;
  font-family: 'Barlow-Medium';
  color: #111; }

figcaption.card-figcaption.bottom {
  opacity: 0;
  top: auto;
  bottom: 0;
  height: auto;
  padding-bottom: 20px;
  transition: 300ms all ease-in-out; }
  figcaption.card-figcaption.bottom .card-figcaption-body {
    transform: none; }

figcaption.card-figcaption button.quickview {
  width: 100%; }

.about-us-section {
  margin-bottom: 70px; }
  .about-us-section h3 {
    margin: 0;
    font-size: 30px;
    font-family: 'Barlow-Medium';
    font-weight: 600;
    color: #202020;
    margin-bottom: .75rem;
    line-height: 1; }
  .about-us-section h4 {
    margin: 0 0 1.5rem;
    font-family: 'Barlow-Bold';
    font-size: 16px;
    color: #202020; }

/* 5. category page style */
form.actionBar {
  margin-top: 5px; }
  @media screen and (max-width: 509px) {
    form.actionBar {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 295px;
      margin: 5px auto 1.5rem; } }
  @media screen and (max-width: 1191px) {
    form.actionBar fieldset.form-fieldset.actionBar-section {
      width: 230px;
      display: inline-block;
      margin-right: 0; } }
  @media screen and (max-width: 1191px) {
    form.actionBar fieldset.form-fieldset.actionBar-section.actionBar-section--productsPerPage {
      margin-left: 10px; } }
  @media screen and (max-width: 1191px) {
    form.actionBar fieldset.form-fieldset.actionBar-section.actionBar-section--mode {
      margin-left: 10px;
      display: none; } }
  @media screen and (max-width: 509px) {
    form.actionBar fieldset.form-fieldset.actionBar-section.actionBar-section {
      width: 100%;
      margin: 0 0 5px !important; } }

.actionBar-section .form-field {
  height: 40px;
  border-radius: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0; }

.actionBar-section .form-label {
  height: 38px; }

.actionBar-section .form-select {
  padding: 6px 48px 9px 12px;
  height: 38px;
  line-height: 20px;
  background-position: center right 4px; }
  @media screen and (max-width: 509px) {
    .actionBar-section .form-select {
      width: 100%;
      max-width: 100%; } }

.actionBar-section.actionBar-section--mode {
  float: right;
  margin-left: 10px; }
  .actionBar-section.actionBar-section--mode label.form-option {
    margin: 4px; }
    .actionBar-section.actionBar-section--mode label.form-option span.form-option-variant {
      width: 26px;
      min-width: 26px;
      text-align: center;
      padding: 0; }
      .actionBar-section.actionBar-section--mode label.form-option span.form-option-variant svg {
        width: 13px;
        color: #333; }

.actionBar-section.actionBar-section--productsPerPage {
  float: right;
  margin-left: 10px; }

.category-page {
  margin-bottom: 50px; }
  .category-page ul.productGrid li.product {
    width: 16.667% !important;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-bottom: 0.8rem;
    /*@media screen and (max-width: 1191px) {
					width: 50% !important;
				}*/ }
    @media screen and (max-width: 1450px) {
      .category-page ul.productGrid li.product {
        width: 20% !important; } }
    @media screen and (max-width: 1199px) {
      .category-page ul.productGrid li.product {
        width: 25% !important; } }
    @media screen and (max-width: 991px) {
      .category-page ul.productGrid li.product {
        width: 33.33% !important; } }
    @media screen and (max-width: 800px) {
      .category-page ul.productGrid li.product {
        width: 50% !important; } }
    .category-page ul.productGrid li.product .card-aside {
      display: none; }
  .category-page main#product-listing-container {
    margin-top: 12px;
    width: calc(100% - 296px); }
    @media screen and (max-width: 1191px) {
      .category-page main#product-listing-container {
        width: 100%; } }
    .category-page main#product-listing-container[view-mode="mode-1"] ul.productGrid {
      display: none; }
      @media screen and (max-width: 1191px) {
        .category-page main#product-listing-container[view-mode="mode-1"] ul.productGrid {
          margin: 0 -7px; } }
    .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 {
      display: block;
      margin-bottom: 1.5rem; }
      .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 .productList {
        margin: 0; }
      .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product {
        background-color: #fff;
        margin-top: 25px !important; }
        .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem {
          margin: 0; }
          .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-image {
            width: auto;
            margin: 0 auto;
            display: block; }
          .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-body {
            padding: 13px; }
            .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-body .listItem-content {
              width: 100%; }
              @media screen and (max-width: 1190px) {
                .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-body .listItem-content {
                  text-align: center; } }
          .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem h4.listItem-title {
            font-size: 16px;
            font-family: 'Barlow-Medium'; }
          .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem p {
            font-size: 14px; }
          .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-price {
            font-size: 14px;
            text-align: center;
            font-family: 'Barlow-Bold'; }
            @media screen and (max-width: 1349px) {
              .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-price {
                text-align: left; } }
            @media screen and (max-width: 1190px) {
              .category-page main#product-listing-container[view-mode="mode-1"] .view-mode-1 li.product article.listItem .listItem-price {
                text-align: center; } }
    @media screen and (max-width: 1191px) {
      .category-page main#product-listing-container[view-mode="mode-2"] ul.productGrid {
        margin: 0 -7px; } }
    .category-page main#product-listing-container[view-mode="mode-2"] ul.productGrid li.product {
      width: 50% !important; }
    @media screen and (max-width: 1191px) {
      .category-page main#product-listing-container[view-mode="mode-3"] ul.productGrid {
        margin: 0 -7px; } }
    .category-page main#product-listing-container[view-mode="mode-3"] ul.productGrid li.product {
      width: 33.33% !important; }
    @media screen and (max-width: 1191px) {
      .category-page main#product-listing-container[view-mode="mode-4"] ul.productGrid {
        margin: 0 -7px; } }
    .category-page main#product-listing-container[view-mode="mode-4"] ul.productGrid li.product {
      width: 25% !important; }
    @media screen and (max-width: 1191px) {
      .category-page main#product-listing-container[view-mode="mode-6"] ul.productGrid {
        margin: 0 -7px; } }
    .category-page main#product-listing-container[view-mode="mode-6"] ul.productGrid li.product {
      width: 16.66% !important; }
    .category-page main#product-listing-container[view-mode="mode-bo"] .view-mode-bo {
      display: block;
      margin-bottom: 1.5rem; }
    .category-page main#product-listing-container[view-mode="mode-bo"] ul.productGrid {
      display: none; }
    .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList {
      margin: 0;
      border: 1px solid #dcdcdc; }
      .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product {
        background-color: #fff;
        margin-top: 0;
        width: 100%;
        border-bottom: 1px solid #dcdcdc; }
        .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product figure.listItem-figure {
          width: 125px; }
        .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem {
          margin: 0;
          display: flex;
          align-items: center; }
          .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem:after, .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem:before {
            content: none; }
          .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem h4.listItem-title {
            font-size: 16px;
            line-height: normal;
            font-family: 'Barlow-Regular'; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem h4.listItem-title a {
              font-size: 16px; }
          .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .listItem-body {
            padding: 13px 1.125rem;
            width: 330px; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .listItem-body .listItem-content .listItem-details {
              padding: 0; }
          .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder {
            width: calc(100% - 455px);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 13px; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-label {
              /*display: none;*/
              display: block;
              text-align: right;
              font-family: 'Barlow-Bold';
              font-size: 12px;
              margin-bottom: 7px;
              letter-spacing: 0.3px;
              color: #424242; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-qty .card-bulkOrder-label {
              text-align: center; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action a.button.button--primary, .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action figcaption.card-figcaption a.button[data-button-type="add-cart"], figcaption.card-figcaption .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action a.button[data-button-type="add-cart"], .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action .previewCartCheckout .button + a.button, .previewCartCheckout .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action .button + a.button {
              margin-bottom: 0; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action .out-of-stock {
              background-color: transparent;
              border: 1px solid transparent;
              color: #bf3233;
              border-radius: 0;
              font-size: 14px;
              font-family: 'Barlow-Regular';
              text-transform: uppercase;
              padding: 0.85714rem 2.02371rem;
              font-weight: normal; }
              .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-action .out-of-stock:hover {
                color: #001660; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-text {
              margin-bottom: 0; }
            .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .card-bulkOrder .card-bulkOrder-subtotal .card-bulkOrder-value {
              font-family: 'Barlow-Medium';
              color: #e74c3c; }
          .category-page main#product-listing-container[view-mode="mode-bo"] ul.productList li.product .listItem .listItem-price {
            font-size: 14px;
            text-align: right;
            width: 100px;
            margin-bottom: 0;
            color: #e74c3c; }
    .category-page main#product-listing-container[view-mode="mode-bo"] .productGrid-bulkOrderFooter-wrapper {
      border: 1px solid #dcdcdc;
      background-color: #fff9f9;
      padding: 20px 13px; }
    .category-page main#product-listing-container[view-mode="mode-bo"] ul.productGrid-bulkOrderFooter {
      margin: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .category-page main#product-listing-container[view-mode="mode-bo"] ul.productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-total-inner {
        font-size: 30px;
        color: #424242; }
        .category-page main#product-listing-container[view-mode="mode-bo"] ul.productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-total-inner span.label {
          color: #a5a5a5; }
        .category-page main#product-listing-container[view-mode="mode-bo"] ul.productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-total-inner span.price.price--main {
          color: #e74c3c; }
    .category-page main#product-listing-container[view-mode="mode-bo"] li.productGrid-bulkOrderFooter-addAll .button {
      margin-bottom: 0;
      margin-left: 25px; }
    .category-page main#product-listing-container .view-mode-1 {
      display: none; }
    .category-page main#product-listing-container .view-mode-bo {
      display: none; }
  .category-page ol.breadcrumbs {
    text-align: left;
    margin-bottom: 0;
    padding: 0 15px;
    margin-top: 12px; }
    .category-page ol.breadcrumbs .breadcrumb.is-active > .breadcrumb-label {
      font-weight: normal;
      pointer-events: none; }
  .category-page .refine-search__content.blank.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .category-page .refine-search__subitem {
    width: 150px;
    margin: 0 0 15px;
    padding: 0 15px;
    max-width: 50%; }
    .category-page .refine-search__subitem.no-image-subcat {
      width: 20%; }
      @media screen and (max-width: 991px) {
        .category-page .refine-search__subitem.no-image-subcat {
          width: 25%; } }
      @media screen and (max-width: 767px) {
        .category-page .refine-search__subitem.no-image-subcat {
          width: 33.33%; } }
      @media screen and (max-width: 600px) {
        .category-page .refine-search__subitem.no-image-subcat {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        .category-page .refine-search__subitem.no-image-subcat {
          width: 100%;
          max-width: 100%; } }
      .category-page .refine-search__subitem.no-image-subcat a {
        color: #bf3233; }
        .category-page .refine-search__subitem.no-image-subcat a:hover {
          color: #3750b2; }
      .category-page .refine-search__subitem.no-image-subcat .refine-search__subitem-name {
        margin: 0 !important;
        /*height: 100%;*/
        width: 100%; }
        .category-page .refine-search__subitem.no-image-subcat .refine-search__subitem-name a {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #bf3233;
          padding: 10px;
          font-size: 13px !important;
          background-color: #bf3233;
          color: #fff !important;
          font-family: 'Barlow-Medium' !important;
          transition: 200ms all ease-in-out; }
          .category-page .refine-search__subitem.no-image-subcat .refine-search__subitem-name a:hover {
            background-color: #3750b2;
            border: 1px solid #3750b2; }
      .category-page .refine-search__subitem.no-image-subcat .refine-search__subitem-body {
        height: 100%;
        padding: 0; }
  .category-page h4.refine-search__subitem-name {
    margin: 10px 0 0;
    text-align: center;
    line-height: 18px; }
    .category-page h4.refine-search__subitem-name a {
      text-decoration: none;
      font-size: 14px;
      font-family: 'Barlow-Bold';
      text-transform: uppercase;
      letter-spacing: 0.8px; }
      .category-page h4.refine-search__subitem-name a:hover {
        color: #3750b2; }

.category-header h1.page-heading {
  text-align: left;
  font-size: 25px;
  margin-bottom: .75rem;
  line-height: normal;
  font-family: 'Barlow-Regular';
  color: #222; }
  @media screen and (max-width: 509px) {
    .category-header h1.page-heading {
      text-align: center; } }

.banner-image-container {
  margin: 1.5rem 0; }
  @media screen and (max-width: 1190px) {
    .banner-image-container {
      margin: 0 0 1.5rem 0; } }

.pagination-item a.pagination-link {
  border: 1px solid #8f8f8f;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  padding: 1px;
  transition: all 0.15s ease;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px;
  border-radius: 0;
  font-size: 14px; }
  .pagination-item a.pagination-link:hover {
    border: 1px solid #333333;
    color: #333333; }

.pagination-item.pagination-item--current a.pagination-link {
  border: 2px solid #333333;
  color: #333333; }

.pagination-item.pagination-item--next a.pagination-link, .pagination-item.pagination-item--previous a.pagination-link {
  width: auto;
  padding: 0 15px;
  line-height: 26px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/* hide compare button */
.card-figcaption-body label.button.button--small.card-figcaption-button {
  display: none; }

.square-button {
  padding: 0.5rem; }

/* bulk progress bar */
.bulkOrder-progressModal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75); }

.bulkOrder-progressModal-inner {
  background-color: #fff;
  padding: 30px;
  text-align: center; }

.meter {
  box-sizing: content-box;
  height: 15px;
  /* Can be anything */
  position: relative;
  margin: 60px 0 20px 0;
  /* Just for demo spacing */
  background: #555;
  border-radius: 25px;
  padding: 3px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin-top: 25px;
  overflow: hidden; }
  .meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #2bc253;
    background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden; }

.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden; }

.animate > span:after {
  display: none; }

@keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }

.red > span {
  background-image: linear-gradient(#f0a3a3, #f42323);
  max-width: 100%;
  border-radius: 30px; }

.nostripes > span > span,
.nostripes > span::after {
  background-image: none; }

h3.bulkOrder-progressModal-heading {
  margin: 0;
  font-family: 'Barlow-Regular';
  font-weight: bold; }
  h3.bulkOrder-progressModal-heading p {
    color: #202020;
    text-decoration: none;
    text-align: center;
    font-size: 1rem;
    margin: 0 0 15px;
    font-family: Barlow-Regular;
    font-weight: normal;
    width: 390px;
    max-width: 100%; }

.bulkOrder-progressModal-actions {
  display: none;
  margin-top: 25px; }

/* 6. product page style */
.product-page-main-content {
  width: calc(100% - 296px);
  float: right;
  margin-top: 12px; }
  @media screen and (max-width: 1191px) {
    .product-page-main-content {
      width: 100%; } }
  .product-page-main-content .tab.is-active .tab-title {
    background-color: #fff;
    color: #A62B1A; }
    @media screen and (max-width: 1191px) {
      .product-page-main-content .tab.is-active .tab-title {
        color: #fff;
        background-color: #263da8; } }
  .product-page-main-content .tab .tab-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1pt; }
    @media screen and (max-width: 1191px) {
      .product-page-main-content .tab .tab-title {
        padding-left: 15px;
        padding-right: 15px; } }
  .product-page-main-content .tabs-contents {
    background-color: #fff;
    border-left: 1px solid #e5e5e5; }
  .product-page-main-content .tab-content {
    padding: 25px 15px; }
    .product-page-main-content .tab-content > :last-child {
      margin-bottom: 0; }
  .product-page-main-content .productCarousel {
    margin: 0;
    padding: 0 50px;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 400px) {
      .product-page-main-content .productCarousel {
        padding: 0; } }
    .product-page-main-content .productCarousel .slick-arrow {
      padding: 0;
      height: 50px;
      width: 25px; }
      .product-page-main-content .productCarousel .slick-arrow.slick-prev {
        left: 10px; }
      .product-page-main-content .productCarousel .slick-arrow.slick-next {
        right: 10px; }

article.productView-description {
  padding: 0;
  margin-top: 15px; }
  @media screen and (max-width: 1191px) {
    article.productView-description {
      margin-bottom: 50px; } }
  @media screen and (max-width: 1191px) {
    article.productView-description .tabs-contents {
      display: none; } }
  @media screen and (max-width: 1191px) {
    article.productView-description .tabs-contents .tab-content.mobile-view {
      display: none; } }
  @media screen and (max-width: 1191px) {
    article.productView-description .tab.is-active .tab-content.mobile-view {
      display: block; } }

@media screen and (max-width: 1191px) {
  .product-tabs {
    margin-bottom: 45px; } }

@media screen and (max-width: 1191px) {
  .product-tabs ul.tabs {
    display: none; } }

.product-tabs .mobile-tab-title {
  display: none; }
  @media screen and (max-width: 1191px) {
    .product-tabs .mobile-tab-title {
      display: block;
      padding: 1.14286rem 15px;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 1pt;
      font-family: 'Barlow-Bold';
      color: #fff;
      background-color: #263da8; } }

@media screen and (max-width: 1191px) {
  .product-tabs .tabs-contents {
    background-color: transparent; } }

@media screen and (max-width: 1191px) {
  .product-tabs .tabs-contents .tab-content {
    display: block !important;
    visibility: visible;
    height: auto;
    background-color: #fff;
    margin-bottom: 50px; } }

ol.breadcrumbs {
  text-align: left; }
  @media screen and (max-width: 1190px) {
    ol.breadcrumbs {
      display: block; } }
  ol.breadcrumbs .breadcrumb.is-active > .breadcrumb-label {
    color: #3750b2; }
  ol.breadcrumbs .breadcrumb:first-child a.breadcrumb-label::before {
    content: "\f015";
    font-family: fontawesome;
    margin-right: 2px; }
  ol.breadcrumbs .breadcrumb a {
    color: #bf3233;
    text-decoration: none;
    font-family: 'Barlow-Medium'; }

.productView-brand {
  font-size: 1rem;
  margin: 0 0 .375rem;
  line-height: normal;
  font-family: 'Barlow-Medium'; }
  .productView-brand a {
    text-decoration: none; }

.productView-title {
  font-family: 'Barlow-Medium';
  font-size: 1.5rem;
  line-height: normal;
  color: #202020;
  margin: 0 0 .375rem !important; }

.icon--ratingEmpty svg {
  fill: #dfdfdf; }

.productView-rating span {
  color: #131313; }
  .productView-rating span.icon {
    width: 14px;
    height: 14px; }

.productView-reviewLink {
  float: right;
  color: #282828;
  text-decoration: none;
  font-family: 'Barlow-Regular'; }

.product-view-banner {
  margin: 10px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc; }
  @media screen and (max-width: 1191px) {
    .product-view-banner img.banner-image {
      width: 100%; } }

.price-section {
  color: #bf3233;
  font-family: 'Barlow-Medium'; }

.productView-info .info-group {
  display: flex;
  align-items: center; }
  .productView-info .info-group dt, .productView-info .info-group dd {
    margin-bottom: 0; }
    .productView-info .info-group dt.productView-info-name, .productView-info .info-group dd.productView-info-name {
      font-family: 'Barlow-Bold'; }
    .productView-info .info-group dt.productView-info-value, .productView-info .info-group dd.productView-info-value {
      font-family: 'Barlow-Medium';
      font-size: 13px;
      letter-spacing: 1pt; }

.productView-product {
  padding-bottom: 0;
  border-bottom: none; }

.productView-details.product-data {
  padding-bottom: 0; }

.productView-details .productView-options {
  display: flex;
  align-items: flex-end; }
  @media screen and (max-width: 1349px) {
    .productView-details .productView-options {
      flex-wrap: wrap; } }
  .productView-details .productView-options::before, .productView-details .productView-options::after {
    content: none; }
  @media screen and (max-width: 1349px) {
    .productView-details .productView-options .form {
      width: 100%;
      margin-bottom: 0; } }

div#add-to-cart-wrapper label.form-label {
  font-family: 'Barlow-Bold';
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1pt;
  color: #333333; }

div#add-to-cart-wrapper .button--icon {
  border-radius: 0; }

div#add-to-cart-wrapper .form-input--incrementTotal {
  height: 27.2px;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  border-radius: 0; }

form.form.form-wishlist.form-action a {
  background: #001660;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #001660;
  font-family: 'Barlow-Regular';
  font-size: 14px;
  margin-bottom: 16px;
  height: 45px; }
  form.form.form-wishlist.form-action a svg {
    fill: #fff; }

ul#wishlist-dropdown {
  padding-right: 0.78571rem !important; }
  @media screen and (max-width: 1349px) {
    ul#wishlist-dropdown {
      padding-right: 0 !important; } }
  ul#wishlist-dropdown .button {
    color: #000;
    font-size: 14px !important;
    padding: 15px 10px;
    text-transform: uppercase;
    font-family: 'Barlow-Regular';
    border: 1px solid #000 !important;
    width: 100% !important; }
    ul#wishlist-dropdown .button[type="submit"] {
      border-bottom: none !important; }
    ul#wishlist-dropdown .button:hover {
      background-color: #3750b0;
      color: #fff; }

.productView-options {
  display: flex;
  align-items: flex-end; }
  @media screen and (max-width: 1191px) {
    .productView-options .form-action {
      padding: 0;
      width: 100%; } }

.productView {
  margin: 0;
  padding-top: 0; }

.product-top-contents {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  box-shadow: 0 3px 0 #dcdcdc;
  padding: 10px; }

.socialLinks .socialLinks-item {
  line-height: 14px;
  margin: 0 10px 10px 0;
  width: 17px; }
  .socialLinks .socialLinks-item .socialLinks__link {
    height: 16px;
    width: -moz-fit-content;
    width: fit-content; }
    .socialLinks .socialLinks-item .socialLinks__link svg {
      fill: #303030; }

.product-middle-banner {
  padding: 0;
  margin: 25px 0; }

ul.tabs {
  background-color: #fafafa; }

.productCarousel-slide .card {
  position: relative; }
  .productCarousel-slide .card:hover figcaption.card-figcaption.bottom {
    opacity: 1; }

.modal-header-title {
  text-align: left;
  font-family: 'Barlow-Bold';
  text-transform: uppercase;
  font-size: 20px;
  color: #222; }

.modal .productView::before, .modal .productView::after {
  content: none; }

.modal .product-title {
  text-align: center;
  font-family: 'Barlow-Bold';
  font-size: 24px;
  color: #222; }

.modal .product-brand {
  text-align: center;
  font-family: barlow-medium; }

.previewCart .productView-details {
  width: 100%;
  text-align: center;
  padding-bottom: 0;
  padding-top: 25px; }

figure.productView-image {
  border: 1px solid #ececec; }

/* 7. cart page style */
@media screen and (max-width: 1191px) {
  img.cart-item-image {
    width: 200px;
    max-width: 100%; } }

@media screen and (max-width: 60px) {
  .cart-item-figure {
    width: 100%; } }

.cart-item-title {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

p.cart-item-brand {
  font-family: 'Barlow-Medium'; }

h1.page-heading {
  font-family: 'Barlow-Medium'; }

main.page-content[data-cart] {
  margin-top: 10px;
  margin-bottom: 44px; }

.cart-item-name__label {
  font-family: 'Barlow-Medium';
  text-decoration: none; }

.form-increment .button {
  border-radius: 0;
  max-width: 37px;
  max-height: 37px; }

.form-increment input {
  background-color: transparent; }

.form-increment .icons-svg-sprite {
  display: block; }

table.cart {
  background-color: #fff; }

.cart-header-item {
  padding: 15px 15px 1rem;
  line-height: 14px; }

.cart-header-item:first-child {
  padding-left: 3rem; }

.cart-item-info:last-child {
  padding-right: 15px; }

.cart-item-info:not(:first-child) {
  padding-right: 15px;
  padding-left: 15px; }

ul.cart-totals {
  background-color: #fff;
  padding: 15px; }

.cart-total-label {
  color: #222; }

.cart-total-value {
  font-family: 'Barlow-Regular'; }
  .cart-total-value button {
    text-decoration: none;
    font-size: 14px;
    background-color: #bf3233;
    border: 1px solid #bf3233;
    color: #fff;
    font-family: 'Barlow-Regular';
    padding: 10px;
    line-height: 14px; }
    .cart-total-value button:hover {
      background-color: #001660;
      border: 1px solid #001660;
      color: #fff; }

.estimator-form-input .form-input, .estimator-form-input .form-select {
  border-radius: 0;
  font-family: 'Barlow-Regular'; }

.coupon-form .form-input, .cart-gift-certificate-form .form-input {
  border-radius: 0; }

@media screen and (max-width: 1191px) {
  tr.cart-item {
    position: relative; } }

@media screen and (max-width: 1191px) {
  .cart-remove {
    top: 5px;
    position: absolute;
    right: 10px; } }

.cart-page-bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 44px; }

div[data-cart-totals] {
  width: 100%;
  float: right;
  max-width: 560px; }

div[data-cart-totals] ul.cart-totals {
  width: 100%; }

.cart-upsell-products {
  display: inline-block;
  width: calc(100% - 580px);
  vertical-align: top;
  overflow: hidden;
  position: relative; }
  .cart-upsell-products .slick-arrow {
    top: 0 !important;
    right: 0 !important;
    position: absolute;
    left: auto;
    padding: 0;
    height: 30px;
    width: 30px;
    z-index: 10;
    bottom: auto;
    margin: 0 !important;
    transform: none;
    background-color: #bf3233;
    border: 1px solid #bf3233; }
    .cart-upsell-products .slick-arrow.slick-prev {
      right: 40px !important; }
    .cart-upsell-products .slick-arrow::before {
      background-size: 10px;
      transform: none;
      height: 28px; }
    .cart-upsell-products .slick-arrow.slick-disabled {
      opacity: 0.75; }
  .cart-upsell-products .productGrid {
    position: unset;
    /* padding-top: 40px; */ }
    .cart-upsell-products .productGrid .product {
      position: relative;
      padding: 7px; }
      .cart-upsell-products .productGrid .product article.card {
        background-color: #fff;
        margin-bottom: 0;
        padding: 10px 5px 15px; }
        .cart-upsell-products .productGrid .product article.card figcaption.card-figcaption {
          opacity: 1; }
    .cart-upsell-products .productGrid .slick-track {
      display: flex;
      align-items: stretch; }
  .cart-upsell-products .quickview {
    display: none; }
  .cart-upsell-products h2 {
    margin: 0;
    font-family: 'Barlow-Medium';
    text-transform: uppercase;
    font-size: 20px;
    line-height: inherit;
    margin-bottom: 8px; }

/* 8. static page style */
.page-content--centered {
  margin-bottom: 70px; }
  @media screen and (max-width: 1191px) {
    .page-content--centered {
      text-align: left; } }
  .page-content--centered strong {
    color: #bf3233;
    font-family: 'Barlow-Bold';
    font-weight: normal; }
  .page-content--centered a {
    color: #03105c;
    font-family: 'Barlow-Medium'; }
    .page-content--centered a strong {
      color: #03105c;
      font-family: 'Barlow-Medium'; }
    .page-content--centered a:hover {
      color: #bf3233; }
  .page-content--centered table {
    margin-bottom: 25px; }
    .page-content--centered table td {
      padding: 15px;
      text-align: left; }
      .page-content--centered table td p {
        margin-bottom: 0; }

/* 9. About page style */
.common-page .about-us h2 {
  text-align: center;
  margin: 0 0 25px;
  font-family: Lobster-Regular !important;
  color: #1155cc !important;
  letter-spacing: 1.2px;
  font-weight: normal; }

.common-page .about-us h3 {
  font-family: Lobster-Regular !important;
  color: #1155cc !important;
  font-weight: normal;
  font-size: 25px !important; }
  @media screen and (max-width: 1024px) {
    .common-page .about-us h3 {
      text-align: center;
      margin: 0 auto 25px; } }

.common-page .about-us p {
  text-align: justify;
  font-family: ComicSans;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .common-page .about-us p {
      text-align: center; } }
  .common-page .about-us p:last-child {
    margin-bottom: 0; }
  .common-page .about-us p a:hover {
    color: #bf3233; }

.common-page .about-us .three-col-with-image {
  display: flex;
  align-items: center;
  margin-bottom: 35px; }
  @media screen and (max-width: 767px) {
    .common-page .about-us .three-col-with-image {
      flex-wrap: wrap;
      justify-content: space-between; } }
  .common-page .about-us .three-col-with-image > p {
    flex: 0 0 51%;
    padding: 0 15px; }
    @media screen and (max-width: 767px) {
      .common-page .about-us .three-col-with-image > p {
        order: 3;
        flex: 100%; } }
  .common-page .about-us .three-col-with-image label {
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    text-align: center;
    padding-top: 15px;
    text-transform: capitalize;
    font-family: ComicSans;
    font-style: italic;
    letter-spacing: 1px; }
  @media screen and (max-width: 767px) {
    .common-page .about-us .three-col-with-image .box {
      width: calc(50% - 10px);
      margin-bottom: 25px; } }
  @media screen and (max-width: 450px) {
    .common-page .about-us .three-col-with-image .box {
      width: 100%;
      text-align: center; } }

.common-page .image-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  max-width: 100%; }
  .common-page .image-group .box {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px; }
    @media screen and (max-width: 1024px) {
      .common-page .image-group .box {
        width: 33.33%;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .common-page .image-group .box {
        width: 100%; } }
    .common-page .image-group .box label {
      display: block;
      font-size: 18px;
      line-height: normal;
      margin: 0;
      text-align: center;
      padding-top: 15px;
      text-transform: capitalize;
      font-family: ComicSans;
      font-style: italic;
      letter-spacing: 1px; }
      .common-page .image-group .box label.title {
        padding-top: 5px;
        font-size: 14px;
        text-transform: capitalize; }
    .common-page .image-group .box p {
      text-align: center;
      font-size: 12px; }

/* 10. Single blog post style*/
.single-blog-post {
  margin-bottom: 50px; }
  .single-blog-post .blog-post-figure {
    max-width: 100%;
    width: 100%; }
    .single-blog-post .blog-post-figure figure.blog-thumbnail {
      width: 100%;
      max-width: 100%; }
  @media screen and (max-width: 600px) {
    .single-blog-post .blog-post img {
      max-width: 100%;
      display: block;
      float: none !important;
      margin: 0 auto 10px !important; } }

h2.blog-title a {
  color: #bf3233;
  font-family: 'Barlow-Medium'; }

/* 10. Blog page style */
main.page.bloglist {
  margin-bottom: 50px; }
  main.page.bloglist figure.blog-thumbnail {
    max-width: 100%; }

/* 11. Quick search style  */
.quick-search-overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }

.quicksearch-container {
  position: absolute;
  z-index: 101;
  margin: 0 auto;
  right: 0;
  left: 0; }
  .quicksearch-container .container {
    max-width: 102.75rem;
    padding: 0 4.5rem; }
    @media screen and (max-width: 481px) {
      .quicksearch-container .container {
        padding: 0 25px; } }
  .quicksearch-container section.quickSearchResults {
    background-color: #fff;
    padding: 30px;
    position: relative; }
    @media screen and (max-width: 481px) {
      .quicksearch-container section.quickSearchResults {
        padding: 30px 15px; } }
    .quicksearch-container section.quickSearchResults .modal-close {
      display: block;
      right: 0;
      top: 0; }
      .quicksearch-container section.quickSearchResults .modal-close span {
        font-size: 40px; }
    .quicksearch-container section.quickSearchResults ul.productGrid {
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      .quicksearch-container section.quickSearchResults ul.productGrid li.product {
        width: 16.667% !important;
        padding-bottom: .375rem;
        padding-top: .375rem; }
        @media screen and (max-width: 1450px) {
          .quicksearch-container section.quickSearchResults ul.productGrid li.product {
            width: 20% !important; } }
        @media screen and (max-width: 1199px) {
          .quicksearch-container section.quickSearchResults ul.productGrid li.product {
            width: 25% !important; } }
        @media screen and (max-width: 991px) {
          .quicksearch-container section.quickSearchResults ul.productGrid li.product {
            width: 33.33% !important; } }
        @media screen and (max-width: 767px) {
          .quicksearch-container section.quickSearchResults ul.productGrid li.product {
            width: 50% !important; } }
        @media screen and (max-width: 600px) {
          .quicksearch-container section.quickSearchResults ul.productGrid li.product {
            width: 100% !important; } }
        .quicksearch-container section.quickSearchResults ul.productGrid li.product article.card {
          height: 100%; }
    .quicksearch-container section.quickSearchResults .card-body {
      padding: 0;
      word-break: break-word; }
    .quicksearch-container section.quickSearchResults .card--alternate:hover .card-body {
      background-color: transparent; }
      .quicksearch-container section.quickSearchResults .card--alternate:hover .card-body .card-text {
        color: #001660; }
    .quicksearch-container section.quickSearchResults .card--alternate:hover .card-title > a {
      color: #001660;
      font-family: 'Barlow-Medium'; }

img.half-width {
  width: 50%; }

@media screen and (max-width: 767px) {
  img.full-width-mobile {
    width: 100%; } }

/* 12. Login page style  */
.login {
  margin: 10px auto 50px; }

.login-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }
  @media screen and (max-width: 1191px) {
    .login-row {
      margin: 0; } }
  .login-row h2.panel-title {
    font-family: 'Barlow-Bold';
    font-size: 18px; }

form.login-form {
  margin: 0 0 25px;
  display: flex; }
  form.login-form .panel {
    background-color: #e5e5e5;
    height: inherit;
    width: 100%; }
  form.login-form label.form-label {
    font-size: 13px;
    font-family: 'Barlow-Bold';
    margin-bottom: 7px; }
  form.login-form .form-input {
    border-radius: 0;
    background-color: #eff1ff; }
  form.login-form .form-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }

.new-customer {
  display: flex;
  margin: 0 0 25px; }
  .new-customer .panel {
    width: 100%;
    background-color: #e5e5e5;
    height: inherit; }
  @media screen and (max-width: 600px) {
    .new-customer button.button {
      width: 100%; } }

/* 13. New Account page style  */
label.form-label {
  font-size: 13px;
  font-family: 'Barlow-Bold';
  margin-bottom: 7px; }

.form-input,
.form-select {
  border-radius: 0;
  background-color: #eff1ff; }

@media screen and (max-width: 600px) {
  .account-body {
    margin: 0; } }

/* 14. checkout confirmation page style  */
h2.checkoutHeader-heading {
  max-width: 300px; }

/* 15. contact us page style  */
.contact-content {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 25px;
  width: 100%; }
  @media screen and (max-width: 800px) {
    .contact-content {
      padding: 0 10px; } }
  .contact-content .page-header {
    margin: 0 auto 50px;
    text-align: center;
    font-family: 'Barlow-Bold'; }
  .contact-content .two-column {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center; }
    @media screen and (max-width: 800px) {
      .contact-content .two-column {
        flex-direction: column-reverse;
        text-align: center; } }
    .contact-content .two-column .left {
      flex-basis: calc(100% - 350px); }
      @media screen and (max-width: 800px) {
        .contact-content .two-column .left {
          width: 100%; } }
      .contact-content .two-column .left img {
        border: 1px solid #ccc; }
      .contact-content .two-column .left iframe {
        max-width: 500px;
        height: 300px;
        width: 100%; }
        @media screen and (max-width: 800px) {
          .contact-content .two-column .left iframe {
            max-width: 100%; } }
    .contact-content .two-column .right {
      padding-left: 50px;
      max-width: 300px; }
      @media screen and (max-width: 800px) {
        .contact-content .two-column .right {
          padding-left: 0;
          margin-bottom: 50px; } }
  @media screen and (max-width: 600px) {
    .contact-content .g-recaptcha iframe {
      transform: scale(0.75);
      position: relative; } }
  @media screen and (max-width: 600px) {
    .contact-content .g-recaptcha > div {
      margin: 0 auto; } }
  @media screen and (max-width: 600px) {
    .contact-content .form-actions {
      text-align: center !important; } }
  .contact-content h3 {
    font-family: 'Barlow-Bold'; }

.contact-info:not(:last-child) {
  margin-bottom: 15px; }

.contact-info h4 {
  margin: 0;
  font-size: 16px;
  font-family: 'Barlow-Bold'; }

.contact-info p {
  margin-bottom: 0; }

/* 16. Account page tabs style */
nav.navBar--sub {
  width: 100%; }
  nav.navBar--sub ul.navBar-section {
    position: relative;
    border: 0;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center; }
    nav.navBar--sub ul.navBar-section:after {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 1px;
      content: '';
      background: #e5e5e5; }
    nav.navBar--sub ul.navBar-section li.navBar-item {
      position: relative;
      z-index: 1;
      display: table;
      float: left;
      height: 45px;
      margin: 0;
      margin-left: -1px;
      border: 0;
      min-width: 70px; }
      nav.navBar--sub ul.navBar-section li.navBar-item .navBar-action {
        font-size: 13px;
        font-weight: 700;
        display: block;
        display: table-cell;
        padding: 8px 15px 3px;
        transition: background .3s ease 0s;
        vertical-align: middle;
        text-transform: uppercase;
        color: #000;
        border: 1px solid #e5e5e5;
        background: #f7f8f9; }
      nav.navBar--sub ul.navBar-section li.navBar-item a {
        font-size: 13px;
        font-weight: 700;
        display: block;
        display: table-cell;
        padding: 8px 15px 3px;
        transition: background .3s ease 0s;
        vertical-align: middle;
        text-transform: uppercase;
        color: #000;
        border: 1px solid #e5e5e5;
        background: #f7f8f9; }
    nav.navBar--sub ul.navBar-section li.navBar-item.is-active {
      border-bottom-color: #fff;
      background: #fff;
      position: relative;
      display: flex;
      align-items: center;
      font-family: 'Barlow-Medium';
      padding: 0 10px; }
      nav.navBar--sub ul.navBar-section li.navBar-item.is-active .navBar-action {
        border-bottom-color: #fff;
        background: #fff;
        position: relative; }
        nav.navBar--sub ul.navBar-section li.navBar-item.is-active .navBar-action:before {
          content: '';
          height: 2px;
          width: 100%;
          background-color: #000;
          position: absolute;
          top: -1px;
          left: 0; }
      nav.navBar--sub ul.navBar-section li.navBar-item.is-active a {
        border-bottom-color: #fff;
        background: #fff;
        position: relative;
        border-bottom-color: #fff;
        background: #fff;
        position: relative;
        display: flex;
        align-items: center;
        font-family: 'Barlow-Medium';
        padding: 0 10px; }
        nav.navBar--sub ul.navBar-section li.navBar-item.is-active a:before {
          content: '';
          height: 2px;
          width: 100%;
          background-color: #000;
          position: absolute;
          top: -1px;
          left: 0; }
      nav.navBar--sub ul.navBar-section li.navBar-item.is-active:before {
        content: '';
        content: '';
        height: 2px;
        height: 2px;
        width: 100%;
        width: 100%;
        background-color: #000;
        background-color: #000;
        position: absolute;
        position: absolute;
        top: -1px;
        top: -1px;
        left: 0;
        left: 0; }

.account input[value="Remove Item"] {
  margin: 15px auto 0;
  float: none;
  display: block; }

/* 17. review page style */
.jdgm-star.jdgm--on {
  color: #fbcd0a; }
  .jdgm-star.jdgm--on:before {
    font-family: 'JudgemeStar'; }

.jdgm-rev__title {
  color: #222;
  font-family: 'Barlow-Medium';
  font-weight: normal; }

.jdgm-histogram .jdgm-star {
  color: #fbcd0a; }

a.jdgm-write-rev-link {
  text-decoration: none;
  background-color: #bf3233;
  color: #fff;
  border-color: #bf3233;
  font-size: 13px;
  text-transform: uppercase;
  padding: 8px 20px;
  transition: 200ms all ease-in-out; }
  a.jdgm-write-rev-link:hover {
    background-color: transparent; }

a.jdgm-branding-footer {
  display: none; }

.jdgm-all-reviews-page__load-more-wrapper {
  margin-top: 50px !important; }

span.jdgm-all-reviews-page__load-more {
  text-decoration: none;
  background-color: #bf3233;
  color: #fff;
  border-color: #bf3233;
  font-size: 13px;
  text-transform: uppercase;
  padding: 8px 20px;
  transition: .2s all ease-in-out;
  font-family: 'Barlow-Medium'; }
  span.jdgm-all-reviews-page__load-more:hover {
    background-color: transparent;
    color: #bf3233; }

a.jdgm-rev__prod-link {
  font-family: 'Barlow-Bold';
  text-decoration: none;
  color: #bf3233;
  text-transform: uppercase;
  font-size: 18px; }
  a.jdgm-rev__prod-link:hover {
    color: #03105c; }

span.jdgm-rev__prod-link-prefix {
  display: none; }

a.jdgm-rev__product-picture.jdgm-rev__pic-link {
  width: 120px;
  background-color: #fff;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center; }

img.jdgm-rev__pic-img {
  max-width: 85%;
  max-height: 85%;
  transform: none;
  top: 0; }

.jdgm-rev.jdgm-divider-top.jdgm--done-setup {
  min-height: 170px; }

.jdgm-star.jdgm--off:before {
  font-family: 'JudgemeStar'; }

span.jdgm-star.jdgm--on {
  color: #fbcd0a; }

span.jdgm-star.jdgm--off {
  color: #808080; }

a.jdgm-star.jdgm--off {
  color: #808080; }

/* 18. preview cart style */
.previewCart img.productView-image--cart {
  height: 250px;
  position: relative; }

.previewCart .productView-details {
  text-align: center;
  margin: 0 auto; }

.previewCart .productView-img-container:after {
  padding: 0; }

.previewCart .productView-title {
  font-family: 'Barlow-Bold';
  font-size: 24px;
  font-weight: 900;
  color: #222; }

.previewCart .productView-price {
  font-family: 'Nunito';
  font-size: 22px;
  margin-bottom: 0; }

.previewCart dl.productView-info {
  margin: 0; }
  @media (max-width: 800px) {
    .previewCart dl.productView-info {
      width: auto;
      display: table;
      margin: 5px auto; } }

.previewCart dt.productView-info-name {
  font-family: 'Nunito';
  font-weight: 900;
  color: #222; }

.previewCart .previewCartCheckout {
  width: 45%;
  float: right; }
  @media (max-width: 800px) {
    .previewCart .previewCartCheckout {
      margin: 0 auto 35px;
      max-width: 342.984px;
      width: 90%;
      float: none; } }
  @media (max-width: 800px) {
    .previewCart .previewCartCheckout a.button {
      padding-left: 10px;
      padding-right: 10px; } }

.previewCart section.productView {
  width: 50%; }
  @media (max-width: 800px) {
    .previewCart section.productView {
      margin: 0 auto;
      width: 100%; } }

.previewCart figure.productView-image {
  margin-bottom: 0;
  border: 1px solid #ececec; }

/* 19. search page style */
main.page-content.search-page .actionBar-section--mode {
  display: none; }