/**
 * Breakpoints
 * ---------------------------------------------------------------- */
/**
 * Mixins / Helpers
 * ---------------------------------------------------------------- */
body {
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  background-color: #fcfcfc;
  background-repeat: no-repeat scroll;
  background-position: center center;
  background-size: auto; }

a:hover {
  color: #000000; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #222222;
  line-height: 1.2; }

.content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6, .content-container .h1, .content-container .h2, .content-container .h3, .content-container .h4, .content-container .h5, .content-container .h6 {
  font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #222222;
  line-height: 1.2;
  margin-bottom: 1rem; }
.content-container h1, .content-container .h1 {
  font-size: 2.5rem; }
.content-container h2, .content-container .h2 {
  font-size: 2rem; }
.content-container h3, .content-container .h3 {
  font-size: 1.75rem; }
.content-container h4, .content-container .h4 {
  font-size: 1.5rem; }
.content-container h5, .content-container .h5 {
  font-size: 1.25rem; }
.content-container h6, .content-container .h6 {
  font-size: 1rem; }
.content-container p, .content-container a:not(.btn), .content-container ol, .content-container ul {
  font-size: 0.9rem;
  color: #222222;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1rem; }
.content-container a:not(.btn) {
  color: #0f5c8b;
  text-decoration: underline; }
  .content-container a:not(.btn):hover {
    color: #0d4d74;
    text-decoration: none; }

.panel-group .content-container h1, .tabs-container .content-container h1, .panel-group .content-container .h1, .tabs-container .content-container .h1 {
  font-size: 1.17rem; }
.panel-group .content-container h2, .tabs-container .content-container h2, .panel-group .content-container .h2, .tabs-container .content-container .h2 {
  font-size: 1.125rem; }
.panel-group .content-container h3, .tabs-container .content-container h3, .panel-group .content-container .h3, .tabs-container .content-container .h3 {
  font-size: 1.08rem; }
.panel-group .content-container h4, .tabs-container .content-container h4, .panel-group .content-container .h4, .tabs-container .content-container .h4 {
  font-size: 1.035rem; }
.panel-group .content-container h5, .tabs-container .content-container h5, .panel-group .content-container .h5, .tabs-container .content-container .h5 {
  font-size: 0.99rem; }
.panel-group .content-container h6, .tabs-container .content-container h6, .panel-group .content-container .h6, .tabs-container .content-container .h6 {
  font-size: 0.9rem; }

.product-carousel-simple img, .product-carousel-extended img, .product-carousel-extended .product-carousel-thumbnail, .section-articles img, .section-outlet-block, .section-shop-the-look img, .section-banner-block, .section-home-content img, .article img {
  border-radius: 3px !important;
  overflow: hidden; }

.border, .border-0 {
  border-color: #ffffff !important;
  border-radius: 0 !important; }

.text-muted {
  color: #6c757d !important; }

.section-title {
  color: #222222;
  text-align: center;
  font-weight: 700; }

.section-subtitle {
  color: #6c757d;
  text-align: center;
  font-weight: 400; }

.bg-alternate {
  background-color: #dee2e6 !important; }

.section-wrapper.border-top {
  border-color: #dee2e6 !important; }

.bg-product {
  background-color: #ffffff !important; }

.product-select-variant-image {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.bg-blog {
  background-color: #ffffff !important; }

.bg-brand {
  background-color: #ffffff !important; }
  .bg-brand img {
    border-radius: 0 !important; }

.bg-category {
  background-color: #ffffff !important;
  border-radius: 0 !important; }
  .bg-category .img-zoom, .bg-category img {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }

/**
 * Topbar
 * ---------------------------------------------------------------- */
.topbar {
  color: #ffffff;
  background-color: #222222;
  font-size: 0.8rem; }
  .topbar a, .topbar .topbar-nav .navbar-has-submenu > .nav-link:after {
    color: #ffffff; }
  .topbar i {
    color: #ffffff; }
  .topbar .primary {
    color: #ffffff !important; }

.topbar-nav .navbar-submenu .nav-item:hover > .nav-link, .topbar-nav .navbar-submenu .nav-item:active > .nav-link, .topbar-nav .navbar-submenu .nav-item:focus > .nav-link {
  color: #000000; }

/**
 * Mobile
 * ---------------------------------------------------------------- */
.navbar-mobile .nav-item:hover > .nav-link, .navbar-mobile .nav-item:active > .nav-link, .navbar-mobile .nav-item:focus > .nav-link {
  color: #000000; }
.navbar-mobile .navbar-nav .mobile-submenu .nav-item:hover > .nav-link, .navbar-mobile .navbar-nav .mobile-submenu .nav-item:active > .nav-link, .navbar-mobile .navbar-nav .mobile-submenu .nav-item:focus > .nav-link {
  color: #000000; }

/**
 * Header
 * ---------------------------------------------------------------- */
.navbar {
  background-color: #ffffff; }

.navbar-account .nav-link {
  color: #6c757d; }
  .navbar-account .nav-link a {
    color: #6c757d; }
  .navbar-account .nav-link i {
    color: #343a40; }
  .navbar-account .nav-link:hover, .navbar-account .nav-link:active {
    color: #000000; }
    .navbar-account .nav-link:hover i, .navbar-account .nav-link:active i {
      color: #000000; }

.navbar-secondary.border-top {
  border-top-color: #dee2e6 !important; }
.navbar-secondary .border-right {
  border-right-color: #dee2e6 !important; }
.navbar-secondary .navbar-nav .nav-link {
  color: #222222; }

.navbar-nav .nav-item:hover > .nav-link, .navbar-nav .navbar-submenu .nav-item:hover > .nav-link, .navbar-nav .nav-item:active > .nav-link, .navbar-nav .navbar-submenu .nav-item:active > .nav-link, .navbar-nav .nav-item:focus > .nav-link, .navbar-nav .navbar-submenu .nav-item:focus > .nav-link {
  color: #000000; }
  .navbar-nav .nav-item:hover > .nav-link:after, .navbar-nav .navbar-submenu .nav-item:hover > .nav-link:after, .navbar-nav .nav-item:active > .nav-link:after, .navbar-nav .navbar-submenu .nav-item:active > .nav-link:after, .navbar-nav .nav-item:focus > .nav-link:after, .navbar-nav .navbar-submenu .nav-item:focus > .nav-link:after {
    color: #000000; }

/**
 * Global
 * ---------------------------------------------------------------- */
.primary {
  color: #000000 !important; }

.bg-primary {
  background-color: #000000 !important; }

.facebook-messenger {
  background-color: #000000; }
  .facebook-messenger:hover, .facebook-messenger:active {
    background-color: black; }

.badge-primary {
  background-color: #000000; }

.list-carets a:before {
  color: #000000; }

/**
 * Product
 * ---------------------------------------------------------------- */
.product h3 {
  color: #222222; }
  .product h3 a {
    color: #222222; }
    .product h3 a:hover, .product h3 a:active, .product h3 a:focus {
      color: #166296; }
.product.product-grid .product-image {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  overflow: hidden; }
.product.product-list .product-image {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  overflow: hidden; }
  .product .product-tools .product-wishlist, .product .product-tools .product-compare {
    opacity: 0;
    transition: 0.3s ease-in-out all; }
.product:hover .product-tools .product-wishlist, .product .hover .product-tools .product-wishlist, .product:hover .product-tools .product-compare, .product .hover .product-tools .product-compare {
  opacity: 1; }
.product .product-quickview {
  opacity: 0;
  transition: 0.3s ease-in-out all; }
  .product:hover .product-quickview, .product .hover .product-quickview {
    opacity: 1;
    transition: 0.3s ease-in-out all; }

.product-attributes .action-discount, .product-quickview .action-discount {
  background-color: #d41400;
  color: #ffffff; }
.product-attributes .action-new, .product-quickview .action-new {
  background-color: #166296;
  color: #ffffff; }
.product-attributes .action-quickview, .product-quickview .action-quickview {
  background-color: #000000;
  color: #ffffff; }
.product-attributes .action-zoom, .product-quickview .action-zoom {
  background-color: #000000;
  color: #ffffff; }

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
  background: #000000; }

.product-carousel-bottombar .owl-item.active .product-carousel-thumbnail {
  border: #000000 1px solid; }

.product-usps i {
  color: #000000; }
.product-usps b {
  color: #000000; }

.product-container .panel .nav-link {
  position: relative;
  padding-left: 0;
  padding-right: 0; }
  .product-container .panel .nav-link:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 300;
    content: "\f107";
    position: absolute;
    font-size: 1.4em;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    color: #454545;
    transition: 0.15s ease-in-out all;
    transform: rotate(180deg); }
  .product-container .panel .nav-link.collapsed:after {
    transform: rotate(0deg); }

/**
 * Mosaic
 * ---------------------------------------------------------------- */
.category-banner {
  min-height: 400px; }

.category-banner-overlay:after {
  background-color: #00000000; }

.category-banner-content h1, .category-banner-content h3 {
  color: #ffffff; }
.category-banner-content p {
  color: #ffffff; }

.carousel-single-banner {
  height: 100vw;
  max-height: 600px; }

.carousel-single-banner .carousel-slide {
  height: 100vw;
  max-height: 600px; }

.single-banner-overlay:after {
  background-color: #00000000; }

.single-banner-content {
  background-color: #00000000; }
  .single-banner-content h3 {
    color: #ffffff; }
  .single-banner-content p {
    color: #ffffff; }

.mosaic-banner-gradient {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }

.mosaic-element {
  color: #000000; }
  .mosaic-element:hover, .mosaic-element:active {
    color: #000000; }

.mosaic-headline-title {
  color: #000000;
  background: #ffffff00; }
  .mosaic-headline-title h3 {
    color: #000000;
    font-weight: 400; }

/**
 * Sidebar
 * ---------------------------------------------------------------- */
.sidebar {
  color: #9b9b9b;
  font-size: 0.9rem; }
  .sidebar p, .sidebar .list-reset {
    color: #9b9b9b; }
  .sidebar a:not(.btn) {
    color: #9b9b9b; }
    .sidebar a:not(.btn):hover {
      color: #2176b3;
      text-decoration: none; }
      .sidebar a:not(.btn):hover i {
        color: #2176b3; }
  .sidebar .widget-title, .sidebar .h6 {
    color: #222222;
    font-size: 1.125rem;
    font-weight: 700; }
  .sidebar i {
    color: #2176b3; }
  .sidebar .list-carets a:before {
    color: #2176b3; }

.widget .active a, .widget .active, .widget a:hover {
  color: #000000; }

/**
 * Footer
 * ---------------------------------------------------------------- */
.footer-newsletter {
  background-color: #fcfcfc; }

.footer-main {
  color: #9b9b9b;
  font-size: 0.9rem;
  background-color: #fcfcfc; }
  .footer-main p, .footer-main .list-reset {
    color: #9b9b9b; }
  .footer-main a:not(.btn) {
    color: #9b9b9b; }
    .footer-main a:not(.btn):hover {
      color: #000000;
      text-decoration: none; }
      .footer-main a:not(.btn):hover i {
        color: #2176b3; }
  .footer-main .widget-title, .footer-main .h6 {
    color: #222222;
    font-size: 1.125rem;
    font-weight: 700; }
  .footer-main i {
    color: #2176b3; }
  .footer-main .list-carets a:before {
    color: #2176b3; }

/**
 * Dropdown
 * ---------------------------------------------------------------- */
.dropdown-item.active, .dropdown-item:active {
  background-color: #000000; }

/**
 * Copyright
 * ---------------------------------------------------------------- */
.copyright {
  border-top: 1px solid #dee2e6;
  background-color: #ffffff;
  color: #454545; }
  .copyright a:not(.btn) {
    color: #aeaeae; }
    .copyright a:not(.btn):hover {
      color: #a1a1a1;
      text-decoration: none; }

/**
 * Cookie
 * ---------------------------------------------------------------- */
body {
  margin-top: 0 !important; }

.cookieconsent-container {
  background-color: #000000cc; }
  .cookieconsent-container p, .cookieconsent-container .btn-link {
    color: #ffffff; }

/**
 * Stars
 * ---------------------------------------------------------------- */
.stars i {
  color: #000000; }

/**
 * Reviews
 * ---------------------------------------------------------------- */
.rating-unstyled .rating-element {
  background-color: #000000;
  color: #ffffff; }

/**
 * Slider
 * ---------------------------------------------------------------- */
.ui-slider .ui-slider-range {
  background-color: #000000; }

/**
 * Forms
 * ---------------------------------------------------------------- */
.form-control:focus {
  border-color: #020202;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 0 0 0.2rem rgba(102, 102, 102, 0.5); }

/**
 * Button 1 - Primary
 * ---------------------------------------------------------------- */
.btn-primary {
  color: #ffffff;
  border-color: #000000;
  border-width: 1px;
  text-transform: uppercase;
  background-color: #000000; }
  .btn-primary i {
    color: #ffffff; }
  .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):focus {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff; }
    .btn-primary:not(:disabled):not(.disabled):hover i, .btn-primary:not(:disabled):not(.disabled):active i, .btn-primary:not(:disabled):not(.disabled):focus i {
      color: #000000; }
  .btn-primary:not(:disabled):not(.disabled):focus:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.7), 0 0 0 0.2rem rgba(255, 255, 255, 0.7); }
    .btn-primary:not(:disabled):not(.disabled):focus:active i, .btn-primary:not(:disabled):not(.disabled):active i, .btn-primary:not(:disabled):not(.disabled).active i {
      color: #000000; }
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(155, 155, 155, 0.2), 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    border-color: #000000;
    border-width: 1px;
    background-color: #000000; }
    .btn-primary.disabled i, .btn-primary:disabled i {
      color: #ffffff; }

/**
 * Button 2 - Secondary
 * ---------------------------------------------------------------- */
.btn-secondary {
  color: #000000;
  border-color: #e9ecef;
  border-width: 1px;
  text-transform: uppercase;
  background-color: #ffffff; }
  .btn-secondary i {
    color: #000000; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.hover, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    border-color: #000000;
    background-color: #000000; }
    .btn-secondary:hover i, .btn-secondary:focus i, .btn-secondary.hover i, .btn-secondary.focus i, .btn-secondary:not(:disabled):not(.disabled):hover i {
      color: #ffffff; }
  .btn-secondary:active, .btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    border-color: #000000;
    background-color: #000000; }
    .btn-secondary:active i, .btn-secondary.active i, .btn-secondary:not(:disabled):not(.disabled):active i, .btn-secondary:not(:disabled):not(.disabled).active i {
      color: #ffffff; }
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(155, 155, 155, 0.2), 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #000000;
    border-color: #e9ecef;
    border-width: 1px; }

/**
 * Button - Link
 * ---------------------------------------------------------------- */
.btn-link:hover {
  color: #000000; }

/**
 * Button - Tertiary
 * ---------------------------------------------------------------- */
.btn-tertiary:not(:disabled):not(.disabled):hover i, .btn-tertiary:not(:disabled):not(.disabled):active i, .btn-tertiary:not(:disabled):not(.disabled):focus i, .btn-tertiary:not(:disabled):not(.disabled):focus:active i, .btn-tertiary:not(:disabled):not(.disabled).active i {
  color: #000000; }

/**
 * Sections - Banner blocks
 * ---------------------------------------------------------------- */
.section-banner-block-content-1 {
  background-color: #ffffff80; }
  .section-banner-block-content-1 h3 {
    color: #000000; }
  .section-banner-block-content-1 p {
    color: #000000; }

.section-banner-block-content-2 {
  background-color: #ffffff80; }
  .section-banner-block-content-2 h3 {
    color: #000000; }
  .section-banner-block-content-2 p {
    color: #000000; }

/**
 * Sections - Outlet
 * ---------------------------------------------------------------- */
.section-outlet-block-content {
  background-color: #ffffff80; }
  .section-outlet-block-content h3 {
    color: #000000; }
  .section-outlet-block-content p {
    color: #000000; }

.section-banner-outlet-content-2 {
  background-color: #ffffffff; }
  .section-banner-outlet-content-2 h3 {
    color: #000000; }
  .section-banner-outlet-content-2 p {
    color: #000000; }

/**
 * Sections - Banner full
 * ---------------------------------------------------------------- */
.section-banner-content {
  background-color: #ffffff80; }
  .section-banner-content h3 {
    color: #000000; }
  .section-banner-content p {
    color: #000000; }

/**
 * Footer
 * ---------------------------------------------------------------- */
.theme.footer_newsletter_bg {
  background-color: #fcfcfc; }

.back-to-top:hover i, .compare-button:hover i {
  color: #000000; }

/**
 * Plugins
 * ---------------------------------------------------------------- */
#insta-holder > a:before {
  content: View on Instagram; }

/**
 * GUI
 * ---------------------------------------------------------------- */
.main .gui-reward .gui-reward-progress .gui-reward-progress-bar {
  background-color: #000000; }

.gui-block-linklist li a:before {
  color: #000000; }

.gui-account .gui-col2-left-col1 .gui-block-linklist a:hover {
  color: #000000; }

body.template-checkouts-onepage .gui-progressbar ul li.gui-done:before, body.template-checkouts-onestep .gui-progressbar ul li.gui-done:before, body.template-checkouts-default .gui-progressbar ul li.gui-done:before {
  background-color: #000000; }
  body.template-checkouts-onepage .gui-progressbar ul li.gui-done a span.count, body.template-checkouts-onestep .gui-progressbar ul li.gui-done a span.count, body.template-checkouts-default .gui-progressbar ul li.gui-done a span.count {
    background-color: #000000;
    border-color: #000000; }

.gui a:not(.gui-button-small):not(.gui-button-large) {
  color: #0f5c8b; }
  .gui a:not(.gui-button-small):not(.gui-button-large):hover {
    color: #0d4d74;
    text-decoration: none; }
.gui .gui-block-title {
  background-color: transparent; }