@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4 {
    font-family: 'Playfair Display', serif;
    text-transform: inherit;
    color: #303030;
}


#header .header-top .top-menu .sub-menu {
    width: inherit;
    min-width: inherit;
    left: inherit;
}

#_desktop_logo a img {
    width: 100%;
}

#_mobile_top_menu #top-menu li a span i {
    background: #f3f1ee;
    border-radius: 5px;
}

@media (max-width: 767px) {
    #header .top-logo img {
        width: 100%;
        max-height: 1.4rem;
    }

    #header #_mobile_logo a {
        display: flex;
    }
}

/* ### Contact form ### */

#contact #left-column {
    display: flex;
    flex-direction: column;
}

#contact #left-column span.title {
    color: #303030;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#contact #left-column span {
    margin-bottom: 10px;
}

#contact #left-column p {
    color: #776e6e;
    font-size: 15px;
    margin-bottom: 2px;
}

#contact #left-column p.title {
    font-size: 11px;
}



/* ### Product miniature ### */

article.product-miniature .wishlist-button-add {
    background: none;
    box-shadow: none;
}

article.product-miniature .wishlist-button-add i {
    display: none;
    color:#8F8673;
}

article.product-miniature .product-description::after {
    display: none;
}

article.product-miniature .thumbnail-container,
article.product-miniature .product-description {
    background: none;
}


article.product-miniature .product-title a {
    font-size: 15px;
    font-weight: 500;
    color: #303030;
    text-align: center;
    text-decoration: none;
}

article.product-miniature .product-price-and-shipping {
/*    font-family: 'Playfair Display', serif;*/
    font-weight: 600;
    color: #8F8673;
    text-align: center;
    font-size: 16px;
}

/* ### Product ### */


#product #content {
    max-width: inherit;
}


/* ### Header ### */
#wrapper {
    background: #fafafa;
}

a:hover {
    color: #776e6e;
    text-decoration: none;
}
#header .top-menu a[data-depth='0']:hover{
    color: #eee9e2;
}
.breadcrumb {
    font-size: 14px;
}
#header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#header .header-nav {
    border-bottom: none;
}
#header,
#header .header-top {
    background-color: #9ba19c;
}

#header .header-top a[data-depth='0'] {
    color: #ffffff;
    text-transform: lowercase;
    font-size: 13px;
}
#header .header-top .header-top-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header .header-top .menu.position-static {
    position: static;
    display: flex;
    width: 70%;
    justify-content: center;
}
#header #_desktop_user_info a,
#header #_desktop_cart {
    color: #ffffff;
    text-transform: lowercase;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    display: flex;
}
#header #_desktop_cart {
    margin-left: 5px;
    
}
#header #_desktop_cart a {
    color: #ffffff;
}
#header #_desktop_cart a:hover {
    color: #eee9e2;
}
#header .header-nav .cart-preview.active {
    background: #878c88;
}
#header .headerLogCart {
    display: flex;
    width: 30%;
}
#header a{
    transition: all .3s;
}
#header #_desktop_user_info a:hover{
    color: #eee9e2;
}
#header a:hover {
    color: #8F8673;
    text-decoration: none;
}
#header .user-info{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
   
}
@media screen and (max-width: 991px) {
    #header .header-top .menu.position-static {
        width: 55%;
    }
    #header .headerLogCart {
        width: 40%;
    }
}
/* On screens that are 767px or less, set the background color to olive */
@media screen and (max-width: 767px) {
    #header .top-menu a[data-depth='0']:hover {
        color: #6b6b6b;
        }
    #header .header-nav i.material-icons {
        color: #ffffff;
    }
    #header .header-nav .cart-preview .shopping-cart {
        color: #ffffff;
        vertical-align: middle;
    }
    #header span.cart-products-count {
        color: #fff;
    }
    #header .header-nav .blockcart {
        background: #aeb5af;
    }
    #header .header-top {
        padding: 0;
        position: absolute;
        z-index: 10;
        width: 100%;
    }

    #header .header-top a[data-depth='0'] {
        color: #000;
        text-transform: lowercase;
        font-size: 13px;
    }
    #header .header-nav .cart-preview.active, #header .header-nav .blockcart {
        background: #9ba19c;
    }
    header#header.is-open #nornoseoblockheader {
        display: none;
    }
    
    header#header.is-open #carousel {
        display: none;
    }
    
}


/* ### Footer ### */

#footer {
    padding-top: 0rem;
}

#footer {
    background: #aeb5af;
}

#footer .footer-container p,
#footer #contact-infos,
#footer .footer-container a {
    color: #ffffff;
}

#footer .footer-container p.myaccount-title a,
#footer .footer-container .h3,
#footer p.h3,
#footer p.h4 {
    text-transform: inherit!important;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 600;
}
#footer .footer-container li a:hover {
    color: #eee9e2;
}


/* ### CMS pages ### */


#cms .img-responsive {
    width: 100%;
    height:auto;
}

#cms .page-content.page-cms {
    padding: 0;
}

#cms .n-about-us img {
    width: 50%;
    height: 390px;
    object-fit: cover;
    margin-bottom: 60px;
}
#cms .n-about-us .section-one{
    display: flex;
    align-items: center;
}
#cms .n-about-us .section-one .text{
    padding-right: 150px;
}
#cms .n-about-us .section-one .text p{
    line-height: 32px;
    font-size: 17px;
}
#cms .n-about-us h2{
    text-transform: uppercase;
    margin-bottom: 70px;
    font-style: italic;
}
#cms .n-about-us h3{
    font-size: 28px;
}
#cms .page-content .n-about-us ul {
    padding-left: 0;
    list-style: none;
}
#cms .n-about-us .section-two h3,
#cms .n-about-us .section-two p{
    text-align: center;
}
#cms .n-about-us .section-two .value{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cms .n-about-us .section-two .value span{
    font-weight: 900;
}
#cms .n-about-us .section-two .value .col-1{
    width: 40%;
}
#cms .n-about-us .section-two .value .col-2 {
    width: 40%;
}
#cms .n-about-us .section-two .value li {
    padding: 16px 0;
}
#cms .n-about-us .section-third {
    display: flex;
    align-items: center;
    margin-top: 70px;
}

#cms .n-about-us .section-third .text {
    padding-left: 100px;
}

#cms .n-about-us .section-third .text p {
    line-height: 32px;
    font-size: 17px;
}
#cms .n-about-us .section-four h3{
    text-align: center;
}
#cms .n-about-us .section-four ul.value {
    width: 100%;
    display: flex;
    justify-content: space-between;
    
}
#cms .n-about-us .section-four .value .col-1,
#cms .n-about-us .section-four .value .col-2,
#cms .n-about-us .section-four .value .col-3{
    width: 25%;
}
#cms .n-about-us .section-four .value span {
    font-weight: 900;
    font-size: 16px;
   line-height: 44px;
}
#cms .n-about-us .section-five{
  margin-top: 50px;
}
#cms .n-about-us .section-five p{
line-height: 32px;
font-size: 17px;
}
@media only screen and (max-width: 992px) {
    #cms .n-about-us .section-one {
        flex-direction: column-reverse;
    }
    #cms .n-about-us .section-one .text {
        padding-right: 0;
    }
    #cms .n-about-us .section-third {
        flex-direction: column;
    }
    #cms .n-about-us .section-third .text {
        padding-left: 0;
    }
    #cms .n-about-us .section-four .value .col-1,
    #cms .n-about-us .section-four .value .col-2,
    #cms .n-about-us .section-four .value .col-3 {
        width: 29%;
    }
    #cms .n-about-us img {
        width: 100%;
    }

}
@media only screen and (max-width: 768px) {
    #cms .n-about-us .section-two .value {
        flex-direction: column;
    }
    #cms .n-about-us .section-two .value .col-1,
    #cms .n-about-us .section-two .value .col-2 {
        width: 100%;
    }
    #cms .n-about-us .section-two .value li{
        padding: 10px 0;
    }
    #cms .n-about-us .section-four ul.value {
        flex-direction: column;
    }
    #cms .n-about-us .section-four .value .col-1,
    #cms .n-about-us .section-four .value .col-2,
    #cms .n-about-us .section-four .value .col-3 {
        width: 100%;
    }
    #cms .n-about-us .section-one .text p,
    #cms .n-about-us .section-third .text p,
    #cms .n-about-us .section-five p
     {
        line-height: 24px;
        font-size: 15px;
    }

}
#cms #content {
    background: #fafafa;
}
#cms .page-header h1 {
    color: #776e6e;
    font-family: Playfair Display;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
#cms h2, #cms h3, #cms h4, #cms h1, #cms h5, #cms h6 {
    color: #776e6e;
    font-family: Playfair Display;
    font-weight: 600;
    margin-bottom:20px;
    line-height: normal;
}
#cms p {
    color: #303030;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; 
}
@media only screen and (max-width: 768px) {
#cms .page-header h1 {
    font-size: 40px;
}
#cms h2,
#cms h3,
#cms h4,
#cms h1,
#cms h5,
#cms h6 {
    margin-bottom: 10px;
}
}


/* ### Category ### */

#js-product-list-footer .card,
#category .block-category.card {
    background: none;
    min-height: inherit;
}

#category .block-category.card.card-block,
#js-product-list-footer .card .card-block {
    padding:0;
    line-height: 25px;
}

#js-product-list-footer .card .card-block p,
#category .block-category.card.card-block .block-category-inner p{
    color:#303030;
}

#left-column .block-categories .category-sub-menu li[data-depth='0'] > a {
    font-size: 15px;
    color: #232323;
    font-weight: 400;
}
#left-column .block-categories .collapse-icons .add:hover {
    color: #8b5c1b;
}

#left-column .block-categories .collapse-icons[aria-expanded='true'] .remove:hover {
    color: #8b5c1b;
}
#left-column #search_filters .facet p.facet-title {
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    color: #303030;
}
#left-column .custom-checkbox input[type='checkbox'] + span {
    display: inline-block;
    border: solid 1px #d8d5ce;
}
#left-column .custom-checkbox input[type='checkbox'] + span .checkbox-checked {
    color: #d8d5ce;
}
#left-column .brands-sort .select-title,
#left-column .products-sort-order .select-title,
#left-column .suppliers-sort .select-title {
    color: #6e6e6e;
    border: 1px solid #d8d0c5;
    background: #fafafa;
}
#left-column .block-category h1 {
    text-transform: capitalize;
    color: #6b6b6b;
}
#left-column .block-category .block-category-inner #category-description p {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    color: #303030;
}
#left-column .card,
#left-column #search_filters,
#left-column .block-categories {
    background: #fafafa;
}
#left-column #search_filters > .h6 {
    display: none;
}

#left-column .block-categories .category-sub-menu .category-sub-link {
    margin-left: 15px;
}

#left-column .block-categories .category-top-menu a.text-uppercase.h6 {
    text-transform: capitalize!important;
    color: #303030;
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    font-weight: bold;
}

#left-column .block-categories {
    margin:0;
}

#left-column #search_filters,
#left-column .block-categories {
    padding-left: 0;
}


/* ### Cart page - before checkout ### */
a.label {
    background: #f3f1ee;
    color: #524944;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 161.538% */
    padding: 9px 25px;
    margin-top: 15px;
    display: inline-block;
}

#cart .cart-grid-body a.label:hover {
    background: #eee9e1;
    color: #303131;
}

#cart a.label i.material-icons {
    display: none;
}

#cart .cart-grid-body .card-block h1 {
    display: none;
}
#cart .separator {
    display: none;
}
#cart .card-block.checkout .btn-primary {
    background: #2f4f4f;
    color: #ffffff;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    text-transform: inherit;
}
#cart .card-block.checkout .btn-primary:hover {
    background: #3d6161;
}
#cart .card.cart-summary {
    background: #f3f1ee;
}
#cart .cart-summary-line .label,
#cart .cart-summary-line .value {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#cart .product-line-grid-body .product-line-info a.label {
    color: var(--6-b-6-b-6-b, #6b6b6b);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px; /* 150% */
    background: none;
}
#cart .current-price .price {
    color: var(--8-f-8673, #8f8673);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#cart .product-line-info.rozmiar .label {
    color: var(--303030, #303030);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}
#cart .product-line-info.rozmiar .value {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}
#cart .product-line-info.rodzaj .label {
    color: var(--303030, #303030);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}
#cart .product-line-info.rodzaj .value {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 150% */
}
#cart .product-price strong {
    color: var(--303030, #303030);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#cart a.remove-from-cart i {
    color: #8f8673;
}
#cart a.remove-from-cart i:hover {
    color: #554c3b;
}
#cart .bootstrap-touchspin input.form-control,
#cart .bootstrap-touchspin input.input-group {
    float: left;
    width: 3rem;
    height: 2.5rem;
    padding: 0.175rem 0.5rem;
    color: #776e6e;
    background-color: #fff;
    border: 1px solid #d8d0c5;
}
#cart .bootstrap-touchspin .btn-touchspin:hover {
    background-color: #eee9e1;
}
#cart .bootstrap-touchspin .btn-touchspin {
    height: 1.3125rem;
    background-color: #fff;
    border: 1px solid #d8d0c5;
}
@media only screen and (max-width: 768px) {
#cart .cart-grid-body .card-block h1 {
    display: block;
    }
}

/* ### Checkout page ### */
#checkout .card {
    background: #f3f1ee;
}
#checkout .cart-summary-line .label,
#checkout .cart-summary-line .value {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#checkout section.checkout-step .step-title {
    padding-bottom: 1.25rem;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 400;
    text-transform: inherit;
    cursor: pointer;
    border-bottom: 1px solid #f3f1ee;
    color: #6b6b6b;
}
#checkout section.checkout-step.-reachable.-current .step-number,
#checkout section.checkout-step .step-number {
    display: none;
}
#checkout .nav-item .nav-link.active {
    color: var(--6-b-6-b-6-b, #6b6b6b);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 161.538% */
}
#checkout .nav-item .nav-link {
    color: var(--aeb-5-af, #aeb5af);

    /* base/13/regwhite */
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 161.538% */
}

#checkout section.checkout-step #customer-form .form-control-label,
#checkout section.checkout-step #delivery-address .form-control-label {
    color: var(--6-b-6-b-6-b, #6b6b6b);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 161.538% */
}
#checkout p.form-informations {
    color: var(--9-ba-19-c, #9ba19c);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 161.538% */
}
#checkout span.text-muted {
    color: #9ba19c !important;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 161.538% */
}
#checkout .form-control {
    color: #776e6e;
    background: #ffffff;
    border: 1px solid #d8d5ce;
    width: 300px;
    height: 30px;
    font-size: 13px;
}
#checkout .custom-checkbox > label {
    color: var(--6-b-6-b-6-b, #6b6b6b);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px; /* 175% */
}
#checkout .custom-checkbox input[type='checkbox'] + span {
    border: 1px #d8d5ce solid;
}
#checkout .form-control-comment {
    font-size: 10px;
    color: #7a7a7a;
}
#checkout .input-group .input-group-btn > .btn[data-action='show-password'] {
    padding: 0.78rem 1rem;
    background: #2f4f4f;
    color: #ffffff;
    height: 30px;
    text-transform: inherit;
}
#checkout .input-group .input-group-btn > .btn[data-action='show-password']:hover {
    background: #3d6161;
}
#checkout .btn-primary {
    padding: 0.78rem 1rem;
    background: #2f4f4f;
    color: #fcfcfc;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    text-transform: inherit;
}
#checkout .btn-primary:hover {
    background: #3d6161;
}
#checkout a.js-show-details {
    color: var(--8-f-8673, #8f8673);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#checkout a.js-show-details:hover {
    color: #776e6e;
}
#checkout span.product-name a {
    color: var(--8-f-8673, #8f8673);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px; /* 161.538% */
}
#checkout span.product-price {
    color: var(--8-f-8673, #8f8673);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
#checkout .product-line-info .label {
    color: var(--303030, #303030);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 161.538% */
}
#checkout .product-line-info .value {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 161.538% */
}
.form-control:focus {
    outline: 0.1875rem solid #c2af95;
}
#checkout section.checkout-step .delivery-options .delivery-option {
    min-height: 77px;
    padding: 0.9375rem 0;
    margin-bottom: 0.9375rem;
    background: #fbf9f7;
}
#checkout .custom-radio {
    border: #d8d5ce 1px solid;
}
#checkout .custom-radio input[type='radio']:checked + span {
    background-color: #9f9786;
}
#checkout section.checkout-step .carrier-delay,
#checkout section.checkout-step .carrier-name {
    color: var(--custom-color, #776e6e);
    /* base/15/light */
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 153.333% */
}
#checkout span.carrier-price {
    color: var(--custom-color, #776e6e);
    /* base/15/light */
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 153.333% */
}
#checkout #delivery > label {
    color: var(--6-b-6-b-6-b, #6b6b6b);

    /* base/15/light */
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 153.333% */
}
#checkout #delivery textarea {
    border: 1px solid var(--d-8-d-0-c-5, #d8d0c5);
    color: #776e6e;
}
#checkout .condition-label a,
#checkout .d-block a,
#checkout .js-address-form p a {
    color: #c2af95;
}
#checkout .condition-label a:hover,
#checkout .d-block a:hover,
#checkout .js-address-form p a:hover {
    color: #776e6e;
}
#checkout .condition-label a:hover,
#checkout .d-block a:hover {
    color: #776e6e;
}
#checkout .content .payment-options span {
    color: var(--custom-color, #776e6e);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 153.333% */
}
#checkout .condition-label .js-terms {
    color: var(--303030, #303030);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 153.333% */
}
#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: #cbbaa4;
}
#checkout .done {
    color: #cbbaa4;
}
#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #cbbaa4 3px solid;
}

/* ### Pagination ### */
.pagination .page-list {
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pagination a {
    font-size: 13px;
    color: #776e6e;
    background: #f3f1ee;
    padding: 9px 14px;
    margin-left: 5px;
}
.pagination .current a {
    font-size: 13px;
    color: #776e6e;
    background: #e7dfd6;
}
.pagination a.previous.js-search-link {
    padding: 9px 25px;
}
.pagination a .next.js-search-link {
    background: pink;
}
.pagination a .next.js-search-link i {
    display: none;
}
.pagination .next {
    float: inherit;
}
.pagination .previous {
    float: inherit;
}
.pagination .col-md-4 {
    color: #6e6e6e;
    font-size: 15px;
}


#cookieNotice {
    width: inherit!important;
    max-width: 600px;
    margin: 2%;
    box-shadow: none!important;
    padding: 10px;
    border-radius: 60px;
}

#cookieNotice #cookieNoticeContent p {
    text-align: left;
    padding: 10px 0 10px 40px;
    font-size: 12px;
}

#cookieNotice #cookieNoticeContent .closeButtonNormal {
    padding: 10px 20px;
    border-radius: 20px;
}
/*50\50*/
.n-50-50 .block{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background: #fafafa;
    padding: 40px;
    border-bottom: solid 1px #cdc7c1;   
}
.n-50-50 .block .text {
    width: 40%;
}
.n-50-50 .block .text h3 {
    font-size: 21px;
    font-weight: 700;
    color: #776e6e;
    line-height: 28px;
    text-align: left;
}
.n-50-50 .block img{
    border: solid 1px #cdc7c0;
    padding: 16px;
}
.n-50-50 .block.first{
border-top: solid 1px #cdc7c1;
}
@media only screen and (max-width: 992px) {
    .n-50-50 .block {
        flex-direction: column;
        border-bottom: none;
        align-items: normal;
        padding: 12px;
    }
    .n-50-50 .block .text {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    #cms .n-50-50 h1{
        font-size: 30px;
    }
}
