/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 7, 2022, 9:50:56 AM
    Author     : TADEJ
*/

/* MAIN */

:root {
    --black: #0D0D0D;
    --lightblue: rgba(27,34,92, 0.73);
    --blue: #1b225c;
    --lighterblue: #585D87;
    --white: #ffffff;
    --brown: #3e3e3e;
    --darkgrey: #696868;
    --navgrey: #f3f3f3;
    --red: #FF7494;
    --red-dark: #973449;
    --hotred: #ec3735;
    --lightcherryred: #cb5b6a;
    --softcherryred: #be4557;
    --cherryred: #983449;
    --lightred: #dc596d;
    --darkcherryred: #aa495c;
    --bg-washed-red: #fadee2;
    --bg-washed-grey: #eae8e4;
    --washed-red: #f2bcc3;
    --button-red: #d9697b;
    --washed-brown: #9a8b73;
    --pink: #ffd0c7;
    --navred: #c1103b;
    --lightblack: #292828;
    --lightgrey: #fafafa;
    --lightbloggrey: #f8f9fa;
    --armygreen: #ffd0c7;
    --armygreendark: #615a47;
    --btngrey: #d8d8d8;
    --blogcategorygrey: #696868;
    --singlebloggrey: #888888;
    --productgrey: #979797; 
    --lightbrown: #ffd0c7;
    --gold-light: #EAE5DA;
    --grey: #8D8D8D;
    --gold: #AB987B;
    --gradient-gold: #ccc3b9;
    --gold-dark: #9b8a73;
    --gold-border: #c7bda7;
    --softgold: #ab9c86;
    --dark-grey: #4F4F4F;
    --light-grey: #D5D5D5;
}

html{
    /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
    /*overflow: scroll;*/
    overflow-x: hidden;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    /*    width: 0;
        background: transparent;*/
}

::-webkit-scrollbar-thumb {
    /*background: transparent;*/
}


body {
    font-family: 'Noway Medium', sans-serif;
    font-size: 16px;
    color: var(--black);
    background-color: var(--white);
    position: relative;
    left: 0;
    overflow: hidden;
    overflow-x: hidden;
}

a {
    cursor: pointer;
}


h1, h2, h3, h4, h5, p{
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 22px;
    color: var(--black);
}

p {
    font-family: 'Noway Regular', sans-serif;
}

small {
    font-size: 14px;
}

h2 {
    font-family: 'Noway Regular', sans-serif;
    color: var(--black);
}

h3 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    color: var(--black);
    text-transform: uppercase;
}

h4 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    color: var(--black);   
}

h5 {
    font-size: 14px;
    color: var(--black);
    text-transform: uppercase;
    /* font-weight: 700; */
}

*:focus {
    outline: 0;
    outline: none;
}

button {
    outline: none !important;
}

.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}

.d-flex {
    display: flex;
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

button:focus, button:active {
    outline: none !important;
    box-shadow: none;
}

button:hover {
    cursor: pointer;
}

a {
    color: var(--black);
    transition: .3s;
}

a:hover {
    text-decoration: none;
    color: var(--gold-dark);
}


img:focus {
    outline:none !important;
}


.btn.focus, .btn:focus {
    box-shadow: none;
}

.change_design {
    background-color: white;
    z-index: 1;
    position: absolute;
    left: 20px;
    top: 12px;
    border: none;
    border-radius: 24px;
    padding: 3px 8px;
}

section {
    margin-top: 40px;
    margin-bottom: 0;
    margin-inline: 0;
}

.partners-section {
    background-color: var(--red-dark);
    color: var(--washed-red);
    padding: 30px 0;
    font-size: 1.2rem;
    margin-top: 50px;
}

.landing-partners-section .partners-section {
    margin-top: 0;
}

.partners-section img {
    margin-inline: 20px;
}

.partners-section img {
    height: 35px;
}

.reasons-section {
    background-color: var(--bg-washed-red);
    border-bottom: .5px solid #f2bcc38a;
}

.reasons-section .title {
    padding-top: 20px;
    padding-bottom: 10px;
    gap: 15px;
}

.reasons-section .title img {
    width: 120px;
}

.reasons-section .reason .title {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    gap: 20px;
}

.reasons-section .reason .title h2 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 4em;
    text-transform: uppercase;
    color: #726959;
}

.reasons-section .reason .title hr {
    width: 100%;
    border-top: 1px solid #69686842;
}

.reasons-section .reason .content h2 {
    font-family: "Noway Bold", sans-serif;
    color: var(--cherryred);
    text-transform: uppercase;
    font-size: 2.5em;
}

.reasons-section .reason .content img {
    width: 100%;
}

.guide-section {
    margin-top: 0 !important;
    background-color: var(--bg-washed-grey);
    text-align: center;
    padding: 40px 0;
}

.arrow-connector {
    width: 40px;
    position: absolute;
    transform: translateY(-50%);
    right: 12em;
}

.guide-section h2 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 3rem;
    text-transform: uppercase;
    width: 80%;
}

.guide-section h2 .red {
    color: var(--cherryred);
}

.guide-section form {
    flex-direction: column;
    justify-content: center;
}

.guide-section .btn_primary {
    margin-top: 20px;
}


.segment-section {
    background-color: var(--bg-washed-red);
    margin-top: 0 !important;
    padding-top: 30px;
    padding-bottom: 80px;
}

.segment-section .col,
.segment-section .col-4,
.articles-section .col {
    padding: 0 40px;
}

.segment-section img {
    width: 100%;
    border-radius: 12px;
}

.segment-section h3,
.articles-section h3 {
    font-size: 1.8em;
}

.segment-section p,
.articles-section p,
.articles-section span {
    font-size: 1.1em;
}

.articles-section {
    background-color: var(--white);
    margin-top: 0 !important;
    padding: 30px 0;
}

.articles-section h3 {
    text-transform: none;
}

.articles-section span {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    color: var(--button-red);
    text-decoration: underline;
    display: inline-block;
    margin-top: 20px;
}

.articles-section span:hover {
    opacity: 0.7;
}

@media (min-width: 1600px) {
    .segment-section .col,
    .articles-section .col {
        padding: 0 50px;
    }

    .segment-section h3,
    .articles-section h3 {
        font-size: 2em;
    }
    
    .segment-section p,
    .articles-section p,
    .articles-section span {
        font-size: 1.3em;
    }

    .arrow-connector {
        right: 10em;
    }
}

.super-discount-section h1 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.bg-red {
    background-color: var(--red-dark);
}

.height-450 {
    height: 450px;
}

/* PORTAL AND LANDING PAGE */

/* PORTAL */

.top-nav {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-image: radial-gradient(circle at 50% 50%, #e0dacd, #ccc3b9 76%);
}

.top-nav-mobile {
    display: none;
}

.left-nav {
    margin: 0 15px;
    display: flex;
    margin-left: auto;
}

.left-nav div {
    margin: 0 15px;
}

.vertical-line:after {
    content: '|';
    color: var(--grey);
    position: relative;
    left: 17px;
}

.right-nav {
    margin: 0 15px;
    display: flex;
    margin-left: auto;
    gap: 35px;
}

.right-nav div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.right-nav img {
    max-height: 30px;
}

.right-nav a {
    margin: 0 15px;
}

.navbar-icons img {
    max-height: 30px;
    margin: 0 10px;
}

@media (min-width: 1600px) {
    .navbar-icons img {
        max-height: 40px;
    }
}

.log-out img {
    position: relative;
    margin-bottom: 1px;
}

.grey-vertical-line {
    width: 0.5px;
    background-color: var(--white);
    position: absolute;
    left: 45%;
    height: 60%;
    /* top: 0; */
}

.right-nav {
    margin-left: auto;
    /* font-weight: 700; */
}

.right-nav .log-out,
.right-nav .administration {
    margin: 0 8px;
}

.administration img {
    height: 15px;
}

.administration {
    position: relative;
    top: 0px;
}

.show-profile {
    display: none;
}

.show-cart {
    display: none;
}

#list-item {
    display: none;
}

.contact-wrapper {
    display: none;
}

@media (min-width: 768px) {
    .landing .product-img-wrapper {
        background-image: none !important;
    }
}

.product-img-wrapper {
    height: 100%;
    width: 95%;
    /* background-position: left !important; */
    margin: 10px;
    min-height: 175px;
    max-height: 300px;
}

.product-img-wrapper .slick-list {
    height: 100%;
    align-content: center;
}

.product-img {
    height: 100%;
    width: 100%;
    min-height: 175px;
    /* max-height: 300px; */
}

.product-img-slider-dots .slick-dots {
    bottom: 40px;
}

.landing  .product-img-wrapper {
    margin-inline: 0;
}

/*.product-tag:before {
    content: "";
    background-image: url(../images/new/product-star.svg);
    height: 128px;
    width: 128px;
    display: block;
    margin-left: 30px;
    position: relative;
}*/

.card-tag {
    min-height: 120px;
}

.card-tags {
    margin: 15px;
}

.product-price {
    margin-top: auto;
    margin-bottom: 25px;
}

.basic-price {
    width: max-content;
    text-decoration: line-through;
    color: var(--softcherryred) !important;
    font-family: "Noway Regular", sans-serif;
    text-decoration-thickness: 1px;
}

.product-card .basic-price {
    position: absolute;
    top: -20px;
    right: -53px;
}

.product-card.landing .basic-price {
    position: absolute;
    top: -10px;
    right: auto;
}

.suggested-products-blog .product-price {
    margin-top: 10px;
}

.product-price h2 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1;
}

.product-super-discount{
    position: relative;
}

.product-gift{
    position: relative;
}

.product-star {
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
    width: 65px;
    height: 100%;
    position: relative;
    /* right: 14px; */
}

.product-tag {
    font-family: "Noway Regular", sans-serif;
    text-transform: uppercase;
    position: absolute;
    height: 70px;
    width: fit-content;
    color: var(--black);
    font-size: .9em;
    line-height: 1;
    right: 5px;
    display: flex;
    padding: 0;
    max-width: none;
}

#products .product-card .product-tag-title-discount {
    /* position: absolute;
    top: 50%;
    left: 50%;
    width: fit-content;
    text-align: center;
    padding: 0 40px;
    transform: translate(-50%,-50%); */
    line-height: 17px;
    top: 52px !important;
    left: 49px !important;
} 

.discount-tag-new{
  
    left: 27px;
    position: relative;
}

.gift-tag-new{
  
  /*   left: 27px; */
    position: relative;
}

.product-tag-super-discount {
    position: absolute;
    top: 50%;
    width: fit-content;
    text-align: center;
    left: 50%;
    padding: 0 40px;
    transform: translate(-50%,-50%);
    color: var(--white);
    text-transform: uppercase;
    font-size: 18px;
    /* font-weight: 700; */
}
.product-tag-gift {
    position: absolute;
    top: 50%;
    width: fit-content;
    text-align: center;
    left: 50%;
    padding: 0 40px;
    transform: translate(-50%,-50%);
    color: var(--white);
    text-transform: uppercase;
    font-size: 18px;
    /* font-weight: 700; */
}


.product-tag-title-discount label {
    font-size: 16px;
    /* font-weight: 400; */
    padding: 0;
    margin: 0;
    display: flex;
}

.product-tag-title {
    position: absolute;
    top: 35px;
    left: 33px;
    text-align: center;
    transform: translate(-50%, -50%);
}

.premium {
    color: var(--white);
}

.product-tag-title.long {
    font-size: .5em !important;
}

.product-discount-tag-title {
    position: absolute;
    top: 50%;
    width: fit-content;
    text-align: center;
    left: 50%;
    padding: 0 40px;
    transform: translate(-50%,-50%);
    color: var(--white);
    text-transform: uppercase;
}

strong {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
} 

.product-tag-title strong {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 1.5em !important;
}

.regular {
    font-family: "Noway Regular", sans-serif;
}

.product-quantity {
    display: flex;
    cursor: pointer;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 7px;
}

.suggested-products-blog .product-quantity {
    width: 100%;
}

.product-quantity div {
    border: 1px solid var(--gold-dark);
    color: var(--gold-dark);
    font-size: .9em;
    border-radius: 2px;
    padding: 11px 4px;
    transition: .3s all;
    height: auto;
    min-width: 45px;
    /* max-width: 80px; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

#products .product-quantity div {
    border-radius: 3px;
    padding: 9px 2px;
}

.product-quantity div:hover {
    background-color: #c0b59b;
    /* border: 1px solid transparent; */
    color: var(--white);
}

.product-tag-title span {
    font-size: 22px;
    /* font-weight: 700; */
}
.mobile-list-item:last-child {
        padding-bottom: 100px !important;
    }
.blog-card {
    position: relative;
    top: 64px;
    transition: .3s all;
}

.blog-card:hover {
    opacity: 0.7;
}

.bg-image-blog {
    height: 17em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.blog-text {
    background-color: var(--red);
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 30px;
    padding-right: 80px;
    margin-top: 10px;
}

.blog-text p {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 22px;
    color: var(--white);
    /* font-weight: 700; */
}

.blog-text h5 {
    font-family: 'Roboto Flex', sans-serif;
}

.blog-text:after {
    content: '';
    background-image: url(../images/new/expand-right-black.svg);
    height: 40px;
    width: 40px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.categories {
    margin: 150px;
    padding: 150px 0;
    padding-bottom: 60px;
}

.bg-image-charly-1 {
    height: 290px;
    background-image: url(../images/new/charly_1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.bg-image-charly-2 {
    height: 290px;
    background-image: url(../images/new/charly_2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.requiredInput {
    background-color: #fad1d0 !important;
}

.profile_update_data .requiredInput {
    border: 1.5px solid red;
    border-radius: 9px;
}

.btn-send {
    font-family: 'Noway Medium', sans-serif;
    background-color: var(--black);
    height: 52px;
    padding: 0 80px;
    border-radius: 6px;
    color: var(--white);
    font-size: 16px;
    display: block;
    border: none;
    transition: .3s all;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-send:hover {
    opacity: 0.7;
}

.custom-input::placeholder {
    color: var(--black);
}

.charly-1 h2 {
    color: var(--white);
    font-size: 28px;
}

.charly-2 h2 {
    font-size: 28px;
    color: var(--white);
}

.charly-1 p {
    font-size: 16px;
    color: var(--white);
    margin-top: 20px;
    line-height: 20px;
}

.charly-2 p {
    font-size: 16px;
    color: var(--white);
    margin-top: 20px;
    line-height: 20px;
}

.chart-properties {
    border-bottom: 1px dotted var(--black);
    padding: 16px 0;
}

.custom-input {
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 24px;
    height: 48px;
    font-size: 16px;
    border: none;
    text-align: center;
    width: 100%;
}

.input-wrapper {
    margin-top: 40px;
    padding: 0 111px;
}

.max-height {
    max-height: 730px;
}

.sticky {
    position: fixed !important;
    top: -200px !important;
    left: 0;
    right: 0;
    background: var(--white);
    transform: translate3d(0, 200px, 0);
    -webkit-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}

.sticky-2 {
    position: fixed !important;
    top: -156px !important;
    left: 0;
    right: 0;
    background: var(--white);
    transform: translate3d(0, 200px, 0);
    -webkit-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
}

.sticky-filters {
    position: fixed !important;
    z-index: 1000;
}

.sticky-2 + .content {
    padding-top: 300px;
}

.img-circle {
    border: 4px solid var(--gold);
    height: 90px;
    border-radius:50%;
    width: 90px;
    position: relative;
    margin: 0 auto;
}

.img-circle img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 40px;
}

.img-circle img.top-54 {
    top: 54%;
}

.icons-section {
    background-color: var(--bg-washed-red);
    padding: 40px 0;
    text-transform: uppercase;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.2;
    margin-top: 0 !important;
}

.icons-section .container {
    width: 1220px;
}

@media (min-width: 1600px) {
    .icons-section .container {
        width: auto;
    }
}

.icons-section img {
    height: 4rem;
}

.icons-section span {
    padding: 0 80px;
    margin-top: 30px;
}

.register-section {
    margin-top: 0 !important;
    background-color: var(--bg-washed-grey);
    text-align: center;
    padding: 40px 0;
}

.register-section h2 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 3rem;
    text-transform: uppercase;
}

.register-section p {
    padding-inline: 12rem;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

.bar {
    position: relative;
    bottom: 22px;
    width: 100%;
    height: 30px;
    margin: 0 auto;
}

.bar:before, .bar:after {
    content:'';
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 22px solid var(--red-dark);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.bar:before {
    left: 0;
    width: 50%;
    border-right: 22px solid transparent;
}

.bar:after {
    right:0;
    width: 50%;
    border-left: 22px solid transparent;
}


footer {
    background-color: var(--cherryred);
    padding-top: 45px;
    padding-bottom: 50px;
}

footer .container {
    width: 960px;
}

footer a {
    color: var(--white);
    border-bottom: 1px solid var(--lightred);
    margin: 6px 0;
    padding-bottom: 5px;
    font-size: 1.2em;
}

footer a:hover {
    color: var(--white);
}

footer img {
    height: 35px;
}

.socials-icons {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
}

.socials-icons a {
    border: none;
}

.payment-icons {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cash-on-delivery-box {
    display: flex;
    align-items: center;
    gap: 10px;
    border: .5px solid var(--white);
    border-radius: 5px;
    padding: 7px 15px;
    max-height: 35px;
    color: var(--white);
    font-size: 14px;
}

.cash-on-delivery-box img {
    height: 19px;
}

.bottom-div {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--white);
    margin: 0 auto;
    font-size: 12px;
    width: 100%;
    text-align: center;
    border-top: 1px solid var(--dark-grey);
    padding-top: 17px;
}

.grey-line {
    height: 8px;
    background-color: var(--light-grey);
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: -1;
}


.blog-card {
    top: 44px;
    margin: 10px 0;
}

.blog-text p {
    font-size: 16px;
}

.blog-text:after {
    height: 20px;
    width: 20px;
    background-size: cover;
    right: 10px;
    bottom: 12px;
}

.product-card h2 label {
    display: none;
}

.product-card.landing h2 label {
    display: inline-block;
    font-family: 'Noway Regular', sans-serif;
    font-size: 12px;
    text-transform: lowercase;
    width: 100%;
}

.vertical-list {
    position: absolute;
    list-style: none;
    padding: 0px;
    margin: 0px;
    /* margin-top: 7px; */
    top: 96px;
}

.vertical-list li {
    display: inline-block;
    margin: 0 2px;
}

.vertical-list li img {
    width: 18px;
}

.product-category {
    display: none;
    text-transform: uppercase;
    color: var(--gold);
    /* font-weight: 700; */
    margin-top: 20px;
}

.container-xl {
    margin-inline: 70px;
}

.section-header {
    color: var(--red-dark);
    font-size: 3em;
}

.product-card {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    position: relative;
    transition: .3s all;
    border: 1px solid var(--gold-border);
    border-radius: 23px;
    height: 100%;
    padding-bottom: 70px;
}

.product-card:hover {
    opacity: 0.9;
}

.product-card:hover .add-to-cart-hover {
    opacity: 1;
    /* transform: translateY(0px); */
    transition: opacity .1s linear,transform .33s cubic-bezier(0,.66,.32,.99);
}

.product-card .card-tag .vertical-list {
    position: absolute;
    top: 13.4em;
    right: .5em;
    min-height: 10px;
}

.product-title {
    font-family: "Noway Regular", sans-serif;
    overflow: hidden;
    font-size: 1.5em;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
}

.product-sku {
    font-family: "Noway Regular", sans-serif;
    font-size: .7em;
    margin-top: 10px;
}

.card-top {
    position: relative;
}

.sale-timer-container {
    border: 1px solid var(--softcherryred);
    align-self: center;
    color: var(--softcherryred);
    border-radius: 8px;
    text-align: end;
    line-height: 1;
    width: 60%;
    font-size: 1em;
}

.sale-timer-container .sale-timer-title {
    padding: 8px 15px;
}

.sale-timer {
    background-color: var(--softcherryred);
    color: var(--white);
    border-radius: 6px;
    font-size: 1.5em;
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
}

.timer-note {
    font-family: 'Noway Regular', sans-serif;
    font-size: .4em;
    font-weight: normal;
    display: flex;
    width: 90%;
    justify-content: space-around;
}

#products .timer-note {
    width: 75%;
}

.timer-time {
    margin-bottom: 5px;
}

.add-to-cart-hover {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5%;
    width: fit-content;
    background-color: var(--white);
    opacity: 0;
    transition: opacity .1s linear,transform .33s cubic-bezier(0,.66,.32,.99);
}

/* .recommended-section .container-xl .add-to-cart-hover {
    left: 22%;
    bottom: -3%;
} */


.add_to_cart {
    font-family: "Noway Medium", sans-serif;
    background-color: var(--black);
    border-radius: 3px;
    text-transform: uppercase;
    color: var(--white);
    height: 45px;
    border: none;
    font-size: .9em;
    letter-spacing: 1.5px;
    transition: .3s all;
    width: max-content;
    padding-inline: 50px;
}

.add_to_cart:hover {
    opacity: 0.7;
}

/* .add_to_cart img {
    height: 20px;
    position: relative;
    bottom: 2px;
    right: 4px;
} */

.link-container {
    width: 300px;
    height: 300px;
    background-color: var(--washed-brown);
    margin-bottom: 30px;
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    color: var(--white);
    font-size: 1.5rem;
    text-align: center;
    padding-inline: 2rem;
    line-height: 1.25;
    gap: 1.6rem;
    border-radius: 23px;
}

.custom-line {
    width: 95%;
    height: 1px;
    background-color: var(--gold-border);
    margin-top: 50px;
    margin-bottom: 0;
    margin-inline: auto;
}

.container {
    max-width: 1280px;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1460px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1700px;
    }
}

@media (min-width: 2000px) {
    .container {
        max-width: 1920px;
    }
}

.economical-packaging .btn-send {
    width: fit-content;
    margin: 0 auto;
}

.category-card {
    border-radius: 26px;
    outline: 8px solid var(--lightgrey);
    transition: .3s all;
}

.category-card:hover {
    opacity: 0.7;
}

.category-btn-wrapper {
    padding: 0 30px;
    position: absolute;
    bottom: 6px;
    width: 100%;
    left: 0;
}

.btn-categories {
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    border-radius: 24px;
    background-color: var(--black);
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-size: 14px;
    width: 100%;
    position: relative;
}

.btn-categories:after {
    content: '';
    position: absolute;
    right: 2px;
    background-image: url(../images/new/expand-right-gold.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 21px;
    width: 20px;
}

.mobile-slider-categories {
    display: none;
}

.mobile {
    display: none;
}

/* .custom-border-top {
    border-top: 8px solid var(--red);
} */

.red-color {
    background-color: var(--red);
}

.blogs .btn-send {
    width: fit-content;
    margin: 0 auto;
    margin-top: 100px;
    padding: 0 30px;
}

.blogs .btn-send:hover {
    color: var(--white);
}

.landing-categories {
    margin-top: 70px;
}

.contact {
    display: none !important;
}

.about-us {
    display: none !important;
}

.active-portal-subpage {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--white);
    /* font-weight: 800; */
}

/* END OF PORTAL AND LANDING PAGE */


/* BASIC INPUT */
.input_wrapper {
    position: relative;
    line-height: 14px;
    display: inline-block;
    width: 100%;
}

.input_wrapper label {
    color: var(--grey);
    font-size: 14px;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 35px;
    padding: 0 2px;
    pointer-events: none;
    background: #fff;
    -webkit-transition: -webkit-transform 100ms ease;
    -moz-transition: -moz-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    -ms-transition: -ms-transform 100ms ease;
    transition: transform 100ms ease;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.input_wrapper input {
    font-size: .9em;
    color: #555;
    outline: none;
    border: 1px solid var(--black);
    padding: 8px 20px;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 8px;
}

.input_wrapper input:invalid + label {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.input_wrapper input:focus {
    border-color: #b5b5b5;
    box-shadow: none !important;
}
.input_wrapper input:focus + label {
    color: #b5b5b5;
    /* background: transparent; */
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.input_wrapper input::placeholder,
.input_wrapper textarea::placeholder {
    font-family: "Noway Regular", sans-serif;
    color: var(--grey);
}


/**/

.input_wrapper textarea {
    font-size: 13px;
    color: #555;
    outline: none;
    border: 1px solid var(--black);
    padding: 20px 20px;
    position: relative;
    width: 100%;
    resize: none;
    height: 135px;
    overflow-y: scroll;
}
.input_wrapper textarea:invalid + label {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.input_wrapper textarea:focus {
    border-color: #b5b5b5;
}
.input_wrapper textarea:focus + label {
    color: #b5b5b5;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

@media (min-width: 1600px) {
    .input_wrapper input {
        font-size: .9em;
        height: 55px;
        border-radius: 8px;
    }

    .input_wrapper textarea {
        font-size: .9em;
        height: 150px;
    }
}

/* END OF BASIC INPUT */

/* SUBPAGE */

.subpage {
    /* font-family: 'Noway Regular', sans-serif; */
    line-height: 1.7;
}

.subpage h2 {
    font-size: 40px;
    /* font-weight: 800; */
}

.subpage p {
    font-size: 1.1em;
}

.subpage h4 {
    font-family: "Noway Medium", sans-serif;
    font-size: 1.3em;
}

.subpage ul {
    padding-inline-start: 15px;
}

.subpage li {
    font-size: 1.1em;
}

.send-message-container::before {
    content: '';
    display: block;
    width: 140%;
    height: 1px;
    background-color: var(--gold-border);
    margin: 0 auto;
    position: relative;
    left: -20%; 
}

.send-message {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 2.2em;
    color: var(--red-dark);
    text-align: start;
}

.subpage.sub .btn_primary {
    display: block;
    padding: 0 60px;
}

.send-message-container .form-group {
    margin-bottom: 2em;
}

.send-message-container .row {
    margin-inline: -7px;
}

.send-message-container .col-6 {
    padding-inline: 7px;
}

#Message.basic_data {
    margin-bottom: 30px;
    border-radius: 8px;
}

#PhoneNumber.basic_data {
    margin-bottom: 10px;
}

.subpage .magazine-text h1 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    text-align: start;
    font-size: 2.2em;
    /* font-weight: 400; */
    position: relative;
    color: var(--red-dark);
    width: 70%;
    text-wrap-style: balance;
}

.subpage .magazine-text p {
    color: var(--black);
    text-wrap-style: balance;
}

.webzine-page .offset-md-2 {
    margin-left: 0;
}

.webzine-page .col-md-8 {
    max-width: 95%;
}

.webzine-page .input_wrapper {
    width: 65%;
}

.guide-section #Terms_wrapper.checkbox_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subpage.webzine-page .custom_checkbox,
#Terms_wrapper .custom_checkbox {
    color: var(--black);
    padding-left: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.subpage-container {
    padding: 40px 0;
}

.send-message-container .btn-send {
    background-color: var(--softcherryred);
    color: var(--white);
    letter-spacing: 1px;
    border-radius: 6px;
    margin: 0;
    padding: 0 47px;
    width: auto;
    font-size: .85em;
    height: 45px;
}

h2.main {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    text-align: start;
    font-size: 2.2em;
    /* font-weight: 400; */
    position: relative;
    color: var(--red-dark);
}

h2.main span {
    display: block;
    margin-top: -8px;
}

h2.main span.single_word {
    margin-top: 40px;
}

.subpage .breadcrumb {
    margin-top: 40px;
}

.ambassador-text p {
    font-family: "Noway Medium", sans-serif;
}

.ambassador-bg-image {
    background-image: url(../images/charly@3x.png);
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 33em;
}

.subpage .custom_checkbox {
    color: var(--black);
    padding-left: 25px;
    padding-top: 3.5px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.subpage .general-conditions .custom_checkbox a {
    color: var(--black);
}

.subpage .general-conditions .custom_checkbox_checkmark {
    border: 1px solid var(--black);
    left: -5px;
}

.subpage.contact-page .container {
    max-width: 90%;
}

.contact-page {
    margin-top: 70px !important;
}

.contact-page .main_text {
    width: 25%;
    padding-top: 90px;
}

.contact-page .send-message-container {
    width: 70%;
    margin-top: 0 !important;
}

.contact-page .send-message {
    margin-top: 0 !important;
}

.contact-page .send-message-container::before {
    display: none;
}

@media (min-width: 1600px) {
    .ambassador-bg-image {
        height: 42em;
    }

    .contact-page {
        margin-top: 100px !important;
    }

    .send-message-container .btn-send,
    .btn_primary {
        height: 50px !important;
    }

    .webzine-page .input_wrapper {
        width: 50%;
    }

    .custom_checkbox {
        font-size: 1em !important;
    }
}

/* END OF SUBPAGE */


/* CUSTOM CHECKBOX */

/* The container */
.custom_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    color: var(--white);
    margin-top: 30px;
    font-size: .8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.custom_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.custom_checkbox_checkmark {
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid var(--black);
}

/* On mouse-over, add a grey background color */
.custom_checkbox:hover input ~ .custom_checkbox_checkmark {
    background-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_checkbox_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom_checkbox input:checked ~ .custom_checkbox_checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox .custom_checkbox_checkmark:after {
    left: 4px;
    top: 4px;
    border-radius: 50%;
    background-color: var(--gold-dark);
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.charly-1 {
    position: relative;
    bottom: 125px;
}

.charly-2 {
    position: relative;
    bottom: 125px;
}

.requiredCheckbox .custom_checkbox_checkmark {
    border: 1px solid red !Important;
}

/* END OF CUSTOM CHECKBOX */


/* SEARCH */

#SearchProductsResults .grey-line {
    z-index: 0;
}

.mega_dropdown_layer {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    background: rgba(67, 87, 121, 0.6);
    cursor: pointer;
    z-index: 3;
    display: none;
}

.mega_dropdown {
    position: absolute;
    width: 100%;
    z-index: 98;
    background-color: #fafafa;
    border-top: 1px solid #d8d8d8;
    display: none;
    top: 33px;
}

.mega_dropdown .left {
    width: 69.7%;
    display: inline-block;
    padding: 30px;
    padding-left: 12%;
    position: relative;
    background-color: var(--white);
}

.mega_dropdown .left h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
}

.mega_dropdown .right ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.mega_dropdown .right ul li {
    margin-bottom: 5px;
}

.mega_dropdown .right ul li a {
    font-size: 16px;
    color: #292828;
    transition: .3s all;
}

.mega_dropdown .right ul li a:hover {
    color: var(--red);
}

/* .mega_dropdown .left ul.content_results_list li a{
}

.mega_dropdown .left ul li a span{
} */

.mega_dropdown .right {
    width: 30%;
    display: inline-block;
    padding: 30px;
    vertical-align: top;
    position: relative;
}

.mega_dropdown .left .content_spinner {
    display: none;
}

.mega_dropdown .right .content_spinner {
    display: none;
}

.mega_dropdown .right h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.search {
    display: none;
    width: 100%;
}

.search input {
    width: 100%;
    padding: 0 20px;
    padding-left: 50px;
    border: none;
    position: relative;
    font-size: 14px;
}

.search .search_img {
    height: 24px;
}

.search .close_img {
    height: 12px;
}

.search-wrapper {
    display: flex;
    height: 59px;
    align-items: center;
    padding: 30px;
    background-color: var(--white);
}

.search .close_img:hover {
    cursor: pointer;
    opacity: 0.8;
}

#SearchProductsResults .suggested-products::before {
    display: none;
}

#SearchProductsResults .add_to_cart {
    height: 40px;
    font-size: .8em;
    padding-inline: 20px;
}

.products_results_cta {
    font-family: "Noway Medium", sans-serif;
    font-size: 14px;
    color: var(--white);
    background-color: var(--black);
    padding: 13px 62px;
    border-radius: 6px;
    transition: .3s;
    border: 1px solid transparent;
    width: fit-content;
    display: block;
    letter-spacing: .6px;
    margin-inline: auto;
    text-transform: uppercase;
    margin-top: 30px;
}

.products_results_cta:hover {
    opacity: .6;
    color: var(--white);
}

.no_search_results {
    font-size: 16px;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    min-height: 300px;
    padding-top: 100px;
}

/* END OF SEARCH */


/* CART AND FILTERS */


#cd-cart {
    position: fixed;
    top: 0;
    height: 100%;
    width: 30%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}

#cd-cart {
    right: -100%;
    background: #ffffff;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    z-index: 1060;
}

#cd-cart.speed-in {
    right: 0;
}

#cd-cart-package {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}

#cd-cart-package {
    right: -100%;
    background: #ffffff;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    z-index: 1061;
    width: 390px;
}

#cd-cart-package.speed-in {
    right: 0;
}

#cd-cart-package-mobile {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}

#cd-cart-package-mobile {
    right: -100%;
    background: #ffffff;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    z-index: 1060;
}

#cd-cart-package-mobile.speed-in {
    right: 0;
}

#cd-filters {
    position: fixed;
    /* bottom: 0; */
    top: 0;
    left: -150%;
    height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    z-index: 2;
    background-color: #f4f4f0;
}

#cd-filters.speed-in {
    left: 0;
    width: 100%;
}

#cd-shadow-layer {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(67, 87, 121, 0.6);
    cursor: pointer;
    z-index: 1000;
    display: none;
}

#cd-shadow-layer-package {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(67, 87, 121, 0.6);
    cursor: pointer;
    z-index: 1000;
    display: none;
}

#cd-shadow-layer.is-visible {
    display: block;
    -webkit-animation: cd-fade-in 0.3s;
    -moz-animation: cd-fade-in 0.3s;
    animation: cd-fade-in 0.3s;
}

#cd-shadow-layer-package.is-visible {
    display: block;
    -webkit-animation: cd-fade-in 0.3s;
    -moz-animation: cd-fade-in 0.3s;
    animation: cd-fade-in 0.3s;
}

#cd-cart-package .top {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--lightgrey);
    align-items: center;
}

#cd-cart-package .close-package {
    /* font-weight: bold; */
    cursor: pointer;
    margin-left: 15px;
}

#cd-filters .top {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: sticky;
    top: 70px;
    background: #f4f4f0;
    z-index: 1;
}

#cd-filters .close-filters {
    /* font-weight: bold; */
}


#product-properties-sidebar {
    margin-top: 0;
    padding: 20px;
    gap: 20px;
}

#product-properties-sidebar div {
    /*    width: 60px;
        height: 60px;
        line-height: 60px;*/
    text-align: center;
    padding: 0;
    /*border: 2px solid var(--grey);*/
}

.sidebar-box {
    height: 60px !important;
    width: 60px !important;
}


#product-properties-sidebar div:hover {
    /*border: 2px solid transparent;*/
}

#product-properties-sidebar.product-quantity .price-sidebar {
    margin-left: auto;
    font-size: 16px;
    color: var(--black);
}

.price-sidebar {
    margin-left: auto;
}

.change_quantity_error {
    font-size: 10px;
    color: red;
    display: none;
}


.btn_cart {
    display: block;
    /* align-content: center; */
    justify-self: center;
    height: 40px;
    padding: 11px 50px;
    border-radius: 6px;
    background-color: var(--black);
    /* line-height: 60px; */
    position: relative;
    /* padding-right: 51px; */
    text-transform: uppercase;
    border: none;
    font-size: .9em;
    text-overflow: ellipsis;
    transition: .3s;
    letter-spacing: 1px;
    width: fit-content;
    margin-inline: auto;
}

.product_card .content .price {
    font-size: 16px;
    display: inline-block;
    color: var(--black);
    position: relative;
    top: 5px;
}

/* .btn_cart:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    background-size: 10px;
    display: block;
    background-image: url(../images/icons/right-arrow.svg);
    top: 22px;
    right: 18px;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 1px solid var(--black);
    filter: invert(100%) sepia(4%) saturate(1062%) hue-rotate(267deg) brightness(120%) contrast(100%);
} */

.btn_cart.btn {
    color: var(--white);
}

.btn_cart.no_after {
    padding-right: 25px;
}

.btn_cart.no_after:after {
    display: none;
}

.btn_cart:hover {
    opacity: 0.8;
}

.btn_cart.btn.disabled_cart {
    opacity: 0.5;
    cursor: no-drop;
}

.brand-title {
    margin-top: 18.5px ;
}

#cd-cart .quantity .pro-qty {
    border: none;
    display: flex;
    align-items: center;
}

#cd-cart .quantity .pro-qty input {
    width: 30px;
    float: left;
    border: .5px solid var(--washed-brown);
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
    padding: 0;
    text-align: center;
    font-size: .6em;
    background-color: transparent;
    color: var(--softgold);
}

#cd-cart .quantity .pro-qty .qtybtn {
    width: 30px;
}

/* END OF CART AND FILTERS */


/* HEADER */

.header {
    position: relative;
    height: 570px;
}

.header .left {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}

.header .right {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 100%;
    width: 28%;
    position: absolute;
    right: 0;
    overflow: hidden;
}

.header .live-label {
    left: 20px;
    top: 0;
    position: absolute;
    background-color: var(--softcherryred);
    padding: 0.5rem;
    padding-inline: 0.8rem;
    color: var(--white);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    font-size: 0.9rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-family: "Noway Medium", sans-serif;
}

.header .live-label .dispatcher {
    position: absolute;
    left: 1.65rem;
}

.header .sidebar-images-slider {
    width: 100%;
    /* max-width: 600px; */
    z-index: -1;
    display: grid;
}

.header .live-label img {
    position: static !important;
    width: 35px;
    margin-right: 5px;
}

.header-slider {
    height: 570px;
    position: relative;
    width: 100%;
    background-color: var(--lightgrey);
}

.header .bg-header-image-1 {
    height: 570px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.header .bg-header-image-2 {
    height: 570px;
    width: 100%;
    background-size: 540px;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    background-color: var(--bg-washed-red);
}

.header .bg-header-image-3 {
    height: 570px;
    width: 100%;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    background-color: var(--bg-washed-grey);
}

#content-1 {
    position: absolute;
    left: 6%;
    bottom: 12%;
    width: 25%;
    font-size: 1.2em;
}

.header #content-1 span,
.header #content-2 span {
    font-family: "Noway Regular", sans-serif;
}

#content-2 {
    position: absolute;
    left: 6%;
    top: 11%;
    width: 46%;
    font-family: "Noway Regular", sans-serif;
    color: var(--black);
    font-size: 1.2rem;
}

#content-3 {
    position: absolute;
    left: 6%;
    top: 11%;
    width: 40%;
    font-family: "Noway Regular", sans-serif;
    color: var(--black);
    font-size: 1.2rem;
}

.header-text {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 4rem;
    color: var(--black);
    line-height: 1.1;
    margin-bottom: 1.2rem;
}

.header #content-2 div {
    color: var(--darkcherryred);
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 4rem;
    line-height: 1;
    margin-top: 0.7rem;
}

.header #content-3 div {
    color: var(--darkcherryred);
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 4rem;
    line-height: 1;
}

.header #content-2 p {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem;
    line-height: 1.8;
}

.header #content-3 p {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem;
    line-height: 1.5;
    padding-right: 4rem;
}

.header-link {
    font-family: "Noway Medium", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--white);
    background-color: var(--black);
    padding: 13px 66px;
    border-radius: 6px;
    transition: .3s all;
    border: 1px solid transparent;
    width: fit-content;
    display: block;
    letter-spacing: .6px;
}

.header .slick-dots li button:before {
    font-size: 11px;
    border-radius: 50%;
    color: white;
    width: 20px;
    top: 1px;
    opacity: 1;
}

.header .slick-dots {
    bottom: 10px;
}

/* .header .slick-dots li {
    margin: 0 10px;
} */

.header .slick-dots li.slick-active button:before {
    color: transparent;
    border: 1px solid var(--white);
}

.header .slick-dots li button {
    border-radius: 50%;
}

.slick-track,
.slick-list {
    transition-delay: 100ms;
}

.product-img-slider img {
    display: block !important;
}

.product-img-slider-dots .slick-dots li button:before  {
    font-size: 11px;
    border-radius: 50%;
    color: var(--gold-dark);
    width: 20px;
    top: 1px;
    opacity: 1;
}

.product-img-slider-dots .slick-dots li.slick-active button:before {
    color: transparent;
    border: 1px solid var(--gold-dark);
}

.product-img-slider-dots .slick-dots li button {
    border-radius: 50%;
}

.header-link:hover {
    opacity: 0.6;
    color: var(--white);
}


.single_header {
    position: relative;
}

.header h1 {
    font-size: 36px;
    color: #292828;
}

.header h2 {
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 0.9rem;
    line-height: 1.38;
}

.header a.cta {
    display: inline-block;
    padding: 9px 40px;
    background-color: var(--white);
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--black);
    border: 1px solid var(--black);
    border-radius: 4px;
    transition: .3s all;
    text-align: center;
}

.header a.cta::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 16px;
    background-size: 11px;
    display: block;
    background-image: url(../images/icons/right-arrow.svg);
    top: 12px;
    right: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 1px solid var(--lightblack);
}

.header a:hover {
    opacity: 0.8;
}

.header .product a img {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 42px;
}

.header .product img {
    max-height: 200px;
}

.header_arrows {
    position: absolute;
    right: 38px;
    margin-top: -69px;
    z-index: 10;
    padding: 0px 17px;
    line-height: 40px;
}

.slider-count {
    position: absolute;
    right: 70px;
    margin-top: -29px;
    font-size: 14px;
}

.header_arrows li {
    list-style: none;
    display: inline-block;
}

.header_arrows li img {
    cursor: pointer;
}

.header_arrows li.prev img {
    margin-top: -1px;
}

/* .header_arrows li.seperator {
    width: 1px;
    height: 20px;
    background-color: #292828;
    text-align: center;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 7px;
    margin-right: 7px;
} */

.header_arrows li img {
    transition: .3s all;
}

.header_arrows li img:hover {
    /*filter: invert(22%) sepia(56%) saturate(1127%) hue-rotate(308deg) brightness(92%) contrast(88%);*/
    opacity: 0.5;
}

/*
.header_arrows li.prev img:hover{
    filter: invert(78%) sepia(40%) saturate(298%) hue-rotate(1deg) brightness(86%) contrast(88%);
}*/

.header .right .box {
    font-family: 'Noway Regular', sans-serif;
}

.header .right .box h3 {
    font-family: 'Roboto Flex', sans-serif;
    color: var(--white);
    font-size: 24px;
    /* font-weight: 700; */
}

.header .right .box p {
    font-family: 'Roboto Flex', sans-serif;
    color: var(--black);
    font-size: 20px;
    line-height: normal;
}

.header .right .box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    /* padding-top: 0;
    padding-bottom: 0; */
    height: 100%;
}

.header .right .box .box-content {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.header .right .box .box-content h2 {
    padding-right: 4rem;
    font-size: 1.4rem;
}

.bold {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
}

.red {
    color: var(--lightcherryred);
}

.arrow {
    position: absolute;
    top: 5.8em;
    right: 0;
    /* transform: scaleX(0deg); */
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s ease;
}

.arrow.mirrored {
    transform: scaleX(-1);
    border-top-right-radius: 3px;
}

.header .right .box .bg-image {
    height: 200px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*background-color: var(--dark-grey);*/
    flex-shrink: 0;
    border-radius: 15px;
}

.header .right .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    background-image: radial-gradient(circle at 50% 50%, var(--white), var(--bg-washed-red) 75%);
    border-radius: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: translateX(0);
    opacity: 1;
}

.header .right .wrapper[data-state="hidden"] {
    transform: translateX(100%); 
}

/* END OF HEADER */

/* BLOG */

.categories-box {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
}

.categories-box a {
    font-family: "Noway Regular", sans-serif;
    border-bottom: 1px solid var(--black);
    padding: 5px;
    padding-inline: 15px;
    letter-spacing: .5px;
}

/* .categories-box a:last-of-type {
    border-bottom: 1px solid transparent;
} */

.blogs h1 {
    text-align: left;
    font-size: 30px;
    margin-bottom: 10px;
    padding: 5px;
}

.blogs .categories-header {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1em;
    padding: 5px;
    padding-inline: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--softcherryred);
}

.active-blog {
    /* font-weight: bold; */
}

.active-blog:hover {
    color: var(--black);
}

.input-box {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

#search-blogs {
    border-radius: 9px;
    background-color: #f0eeeb;
    border: 1px solid transparent;
    width: 100%;
    padding: 6px 15px;
    font-size: 14px;
    font-family: "Noway Regular", sans-serif;
}

#search-blogs::placeholder {
    color: var(--gold-border);
    font-family: "Noway Regular", sans-serif;
}

.input-box:after {
    content: '';
    background-image: url(../images/new/search-gold.svg);
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 23px;
}

.best-blogs {
    margin-top: 25px;
}

.best-blogs-wrapper {
    background-color: var(--lightbloggrey);
}

.best-blogs-box {
    display: flex;
    align-items: center;
    transition: .3s all;
    padding: 5px;
}

.best-blogs-box:hover {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
}

.best-blogs-box h1 {
    margin: 0;
    padding: 10px;
}

.blog-category {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--blogcategorygrey);
}

.best-blogs-box p {
    font-size: 16px;
    color: var(--black);
    line-height: normal;
}

.blog-label {
    display: inline-block;
    cursor: pointer;
    transition: .3s all;
    margin-inline: 40px;
    margin-bottom: 60px;
    border-radius: 3px;
}

.blog-link {
    pointer-events: all !important;
}

.blog-label img {
    width: 100%;
    border-radius: 9px;
}

.blog-label .bg-image-blog {
    background-position: top;
    height: 16em;
}

.blogs .btn-secondary {
    padding: 9px 122px;
}

.blogs .btn-secondary:focus {
    outline: none;
    box-shadow: none;
}

.blog-text-wrapper label {
    color: var(--black);
    text-transform: uppercase;
    font-size: 1em;
    font-family: "Noway Regular", sans-serif;
}

.blog-label p {
    font-size: 1em;
}

.blog-text-wrapper {
    padding-top: 20px;
}

.blog-text-wrapper h1 {
    padding: 0;
}

.blog-text-wrapper .btn-send {
    letter-spacing: 1px;
    border-radius: 6px;
    margin: 0;
    padding: 0 65px;
    height: 43px;
}

.blog-label:hover {
    filter: brightness(90%);
}

.blog-label a:hover {
    color: var(--black);
}

.blog-label h1 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 1.8em;
    color: var(--black);
}

.blog-label .blog-category {
    font-size: 12px;
    color: var(--black);
    text-transform: uppercase;
}

.no-blogs {
    margin: 10px auto;
    /* font-weight: bold; */
}

/* END OF BLOG */

/* SINGLE BLOG */

.single-blog .container {
    position: relative;
}

.single-blog ul {
    padding-inline-start: 20px;
    margin-bottom: 0;
}

.single-blog li {
    font-size: 1em;
    font-family: "Noway Regular", sans-serif;
}

.single-blog .breadcrumb .breadcrumb-item a {
    color: var(--singlebloggrey);
    font-size: 13px;
}

.single-blog .breadcrumb .breadcrumb-item a:hover {
    color: var(--red);
}

.single-blog .breadcrumb .breadcrumb-item {
    color: var(--singlebloggrey);
    font-size: 13px;
}

.single-blog-img {
    margin-inline: inherit;
    max-width: 450px;
    width: 100%;
    border-radius: 3px;
}

.single-blog .bg-image-blog {
    height: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

.single-blog .breadcrumb {
    margin-bottom: 20px;
}

.prev-link:hover, .prev-link span:hover {
    color: var(--red);
}

.prev-link:hover span,
.prev-link:hover p,
.prev-link:hover p:before {
    color: var(--red);
    right: 6px;
}

.next-link:hover span,
.next-link:hover p,
.next-link:hover p:after {
    color: var(--red);
    left: 6px;
}

.prev-link > span,
.next-link span {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--blogcategorygrey);
    margin: 0;
}

.more-blogs {
    padding: 0 80px;
}

.prev-link p:before {
    content: '';
    background-image: url(../images/icons/blog-left.svg);
    width: 10px;
    height: 8px;
    position: relative;
    display: inline-block;
    right: 3px;
    bottom: 1px;
    transition: .3s all;
}

.next-link p:after {
    content: '';
    background-image: url(../images/icons/blog-right.svg);
    width: 10px;
    height: 8px;
    position: relative;
    display: inline-block;
    left: 3px;
    bottom: 1px;
    transition: .3s all;
}

.single-blog-body {
    margin-top: 40px;
    color: var(--blogcategorygrey);
}

.single-blog h1 {
    font-family: "Noway Bold", sans-serif;
    font-size: 2em;
}

.single-blog h2 {
    font-family: "Noway Medium", sans-serif;
    font-size: 1.625em;
}

.single-blog h3 {
    font-family: "Noway Medium", sans-serif;
    font-size: 1.375em;
    text-transform: unset;
}

.single-blog h4 {
    font-family: "Noway Regular", sans-serif;
    font-size: 1.125em;
    /* font-weight: 700; */
}

.single-blog h5 {
    font-family: "Noway Light", sans-serif;
    font-size: 1em;
    text-transform: unset;
}

@media (min-width: 1600px) {
    .single-blog .container,
    .subpage .container {
        max-width: 100%;
    }

    h2.main,
    .send-message {
        font-size: 2.3em;
    }

    .single-blog-text h1 {
        font-size: 2.7em !important;
    }

    .single-blog h1 {
        font-size: 2.2em;
    }

    .single-blog h2 {
        font-size: 1.825em;
    }
    
    .single-blog h3 {
        font-size: 1.575em;
    }

    .subpage h4 {    
        font-size: 1.5em;
    }
    
    .single-blog h4 {
        font-size: 1.325em;
    }
    
    .single-blog h5 {
        font-size: 1.2em;
    }

    .subpage p,
    .subpage li,
    .single-blog p,
    .single-blog li,
    .blog-date {
        font-size: 1.1em;
    }

    .single-blog a {
        text-decoration: underline;
        color: #0400ef;
    }

    .single-blog a:hover {
        color: var(--gold-dark);
    }
}

.single-blog .video_frame {
    width: 100%;
    border: none;
    height: 340px;
}

.blog-img {
    object-fit: contain;
}

.single-blog-grey {
    padding: 20px;
    background-color: var(--lightbloggrey);
}

.more-blogs {
    display: flex;
    justify-content: space-around;
}

.single-blog-body strong {
    /* font-weight: 800; */
    margin-top: 40px;
    color: var(--black);
    font-size: 20px;
    letter-spacing: 1.1px;
}

.single-blog-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.single-blog-text h1 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    text-align: left;
    font-size: 2.5em;
    color: var(--cherryred);
}

.blog-date {
    color: var(--grey);
    align-self: center;
}

.single-blog-text p {
    text-transform: uppercase;
}

.single-blog-title {
    display: flex;
    gap: 5px;
    font-family: 'Noway Regular', sans-serif;
    font-size: .8em;
}

.blog-body p {
    font-family: "Noway Medium", sans-serif;
    line-height: 1.8;
}

.mobile-blog-img {
    margin-left: -100px;
}

.blog-continuation {
    line-height: 1.8;
}

.blog-recommended-section {
    display: flex;
    flex-direction: column;
}

/* END OF SINGLE BLOG */

/* LOGIN, PROFILE, REGISTRATION PAGE */

.login_page {
    min-height: 60vh;
    display: flex;
    align-items: center;
    padding: 60px 0;
}

.login_page h1 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 2.2em;
    color: var(--red-dark);
    text-align: center;
}

.user-login-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-forgot-password-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-login-wrapper .btn_primary {
    margin-top: 30px;
}

.user-forgot-password-wrapper .btn_primary {
    margin-top: 15px;
}

.forgot-pasword {
    color: var(--softgold);
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: center;
    text-decoration: underline;
}

.btn_primary {
    line-height: 48px;
    display: block;
    border: none;
    transition: .3s all;
    text-transform: uppercase;
    background-color: var(--softcherryred);
    color: var(--white);
    font-family: "Noway Medium", sans-serif;
    letter-spacing: 1px;
    border-radius: 6px;
    margin: 0;
    padding: 0 80px;
    width: max-content;
    font-size: .85em;
    height: 45px;
}

.btn_primary:hover {
    opacity: 0.7;
}

.back-to-login {
    margin-top: 20px;
    font-size: 1em;
    text-align: center;
    text-decoration: underline;
    color: var(--softgold);

}

.create-new-profile {
    text-decoration: underline;
    font-size: 1em;
    color: var(--softgold);
}

.login-profile {
    text-decoration: underline;
    font-size: 14px;
}

.new-at {
    font-size: 1em;
}

.error_box, .success_box {
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
    display: none;
    color: red !important;
    font-size: 12px;
    color: var(--black);
}

.subpage .user_data li {
    font-size: 14px;
}

.profile-my-info .btn_primary {
    width: fit-content;
    padding: 0 60px;
    margin: 0 auto;
}

.profile-my-info .select2-container--default .select2-selection--single{
    height: 45px;
    border: none;
    border-radius: 8px;
}

@media (min-width: 1600px) {
    .profile-my-info .select2-container--default .select2-selection--single{
        height: 55px !important;
        align-content: center;
        font-size: .9em;
    }

    .profile-my-info .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1em;
        height: 55px !important;
        align-content: center;
    }
}

@media (min-width: 1900px) {
    .profile-my-info .select2-container--default .select2-selection--single{
        height: 65px !important;
        font-size: 1.2em;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px;
        right: 10px;
    }

    .profile-my-info .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1.2em;
        height: 65px !important;
    }
}

.user_profile h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.user_profile .custom_checkbox { 
    padding-top: .5px;
}

.user_profile .custom_checkbox h4 {
    font-size: 1em;
}

.input-group {
    height: 54px;
    border-radius: 4px;
}

.input-group-text {
    background-color: var(--red);
    color: var(--white);
    border: 1px solid var(--red);
    border-left: 1px solid transparent;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 15px;
    transition: .3s all;
}

.magazine-text {
    padding-right: 100px;
}

.profile-my-info .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1em;
    color: #555;
    outline: none;
    border: 1px solid var(--black);
    padding: 8px 20px;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 8px;
    align-content: center;
}

.user_data .btn_primary {
    border: none;
    background: none;
    color: var(--black);
    padding: 0;
    letter-spacing: normal;
    text-align: left;
    text-decoration: underline;
    transition: .3s all;
}

.user_data .btn_primary:hover {
    text-decoration: none;
}

.btn-register {
    justify-self: center;
    margin: 10px 0;
}

.custom_checkbox {
    margin: 30px 0;
    color: var(--black);
}

.custom_checkbox a {
    color: var(--black);
    text-decoration: underline;
    text-transform: lowercase;
}

.custom_checkbox_checkmark {
    top: 8px;
    left: 0;
    border: 1px solid var(--gold-dark);
    height: 18px;
    width: 18px;
}

#Terms_wrapper .custom_checkbox_checkmark {
    top: 3px;
}

.custom_checkbox .custom_checkbox_checkmark:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
}

@media (min-width: 1900px) {
    .custom_checkbox .custom_checkbox_checkmark:after {
        left: 3px;
        top: 3px;
        width: 15px;
        height: 15px;
    }
}
    

.profile_subpage h1 {
    margin: 80px 0;
    font-size: 26px;
    color: var(--black);
    text-align: center;
    font-size: 40px;
}

.profile_subpage .hover_order tr.hover_element {
    transition: .3s;
}

.profile_subpage .hover_order tr.hover_element:hover {
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: 1px 1px 7px 0px #dddbdb;
}

.profile_subpage .order_status {
    height: 23px;
    padding: 0px 20px;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    font-size: 10px;
    color: #ffffff;
    width: fit-content;
    text-transform: uppercase;
    line-height: 23px;
    margin-top: -30px;
    margin-bottom: 35px;
}

.profile_subpage .user_data {
    background-color: var(--lightgrey);
    padding: 20px;
    list-style: none;
    margin: 0px;
    margin-bottom: 100px;
}

.profile_subpage .user_data li {
    margin-bottom: 10px;
    font-size: 17px;
}

.profile_subpage .user_data li a.cta {
    color: var(--black);
    text-align: right;
    display: inherit;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 20px;
    transition: .3s all;
}

/* .profile_subpage .user_data li a.cta:hover {
} */

.profile_subpage .table td, .table th {
    border: none;
}

.profile_subpage .table thead th {
    border-bottom: 1px solid #eeeeee;
}

.profile_cta {
    font-size: 14px;
    margin-top: 50px;
    display: block;
    margin-left: auto;
    margin-right: 0px;
    width: fit-content;
}

.profile_cta.profile_user {
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 20px;
}

.profile_cta img {
    margin-right: 4px;
    margin-top: -2px;
}

.profile_subpage .user_profile {
    background-color: #ffffff;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.profile_subpage h4 {
    display: inherit;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.profile_subpage {
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.profile-my-info h1 {
    margin: 80px 0;
}

.active-profile img {
    filter: invert(24%) sepia(61%) saturate(754%) hue-rotate(301deg) brightness(91%) contrast(91%);
}

.active-profile img:hover {
    filter: invert(100%);
}

.left_side .content h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.left_side .content .cta {
    position: relative;
    bottom: 7px;
    font-size: 14px;
    text-decoration: underline;
}

.left_side .content .cta:hover {
    text-decoration: none;
}

.iti{
    width: 100%;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel]{
    height: 45px;
    font-size: 13px;
    border: 1px solid var(--black);
    border-radius: 3px;
    /* font-family: "Noway Regular", sans-serif; */
    font-size: .9em;
    color: #555;
    border-radius: 8px;
}

.iti--separate-dial-code input[type=tel]::placeholder {
    font-family: "Noway Regular", sans-serif;
    color: var(--grey);
}

.iti__selected-dial-code {
    font-family: "Noway Medium", sans-serif;
    font-size: .9em;
}

.input_phone label{
    display: inline-block;
    color: #292828;
    font-size: 14px;
    background-color: #ffffff;
    position: absolute;
    z-index: 1;
    margin-left: 20px;
    margin-top: -10px;
    padding: 0 2px;
}

.iti__country-list li {
    font-size: 1em !important;
} 

@media (min-width: 1600px) {
    .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
        height: 55px;
        border-radius: 8px;
    }
}

@media (min-width: 1900px) {
    .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
        height: 65px;
        font-size: 1.2em;
    }
}

/* END OF LOGIN, PROFILE, REGISTRATION PAGE */


/* PAGINATION */

.filter-products-form .dropdown {
    position: absolute;
    right: 0;
    top: 0;
}

/* .select2-container--default .select2-selection--single .select2-selection__arrow b {
    content: '';
    background: url(../images/new/triangle-bottom-gold.svg);
    height: 14px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    margin-left: -16px;
    top: 1px;
    border: none;
} */

/* .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
} */

.user_profile .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    position: absolute;
    top: 1px;
    right: 4px;
    width: 20px;
}

.select2-container .select2-selection--single {
    /* height: 36px;
    line-height: 36px; */
    height: 45px;
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--white);
    font-size: 12px;
}

.select2-container--open .select2-dropdown--below {
    /* border: none; */
}

.select2-results__option[aria-selected] {
    font-size: 12px;
    text-transform: uppercase;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px;
    padding-left: 40px;
    padding-right: 55px;
    display: initial;
}

/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.6px;
} */

.select2-container--default .select2-selection--single {
    border: none;
    background-color: var(--black);
    border-radius: 8px;
}

.pointer-events {
    pointer-events: none;
}

.pointer-events:hover {
    background: none !important;
}

.disabled {
    pointer-events: none;
    background-color: var(--lightgrey);
}

.pagination-button {
    border: 1px solid var(--washed-brown);
    font-size: 16px;
    color: var(--washed-brown);
    background-color:  var(--white);
    /* font-weight: bold; */
    transition: .3s all;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    .pagination-button:hover {
      background-color: var(--softcherryred);
      border: 2px solid transparent;
      color: var(--white);
    }
  }

.next-btn {
    font-size: 12px;
    transition: .3s all;
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    background: none;
}

.next-btn:hover:disabled {
    background-color: var(--lightgrey);
    cursor: default;
}

.next-btn:hover:enabled:after {
    opacity: 0.6;
}

.next-btn:disabled {
    opacity: 0.3;
}

.pagination-wrapper {
    position: relative;
    right: 10%;
}

.pagination-wrapper button {
    margin: 0 7px;
}

.pagination-wrapper input {
    margin: 0 7px;
}

.next-btn:after {
    content: '';
    background-image: url(../images/new/pagination-gold.svg);
    background-position: center;
    background-size: contain;
    position: relative;
    display: inline-block;
    height: 20px;
    width: 100%;
    background-repeat: no-repeat;
    bottom: -5px;
    margin-right: -5px;
    transform: rotate(0deg);
    transition: .3s all
}

.prev-btn {
    font-size: 12px;
    transition: .3s all;
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    background: none;
}

.prev-btn:disabled {
    opacity: 0.3;
}

.prev-btn:hover:disabled {
    cursor: default;
}

.prev-btn:hover:enabled:after {
    opacity: 0.6;
}

.prev-btn:after {
    content: '';
    background-image: url(../images/new/pagination-gold.svg);
    background-position: center;
    background-size: contain;
    position: relative;
    display: inline-block;
    transform: rotate(180deg);
    height: 20px;
    width: 100%;
    background-repeat: no-repeat;
    bottom: -5px;
    margin-left: -5px;
    transition: .3s all;
}

.active-pagination {
    color: var(--white);
    background-color: var(--softcherryred);
    border: 1px solid transparent;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    font-size: 16px;
}

.active-pagination-grey {
    border: 1px solid var(--washed-brown);
    font-size: 16px;
    color: var(--washed-brown);
    background-color: var(--lightgrey);
    /* font-weight: bold; */
    transition: .3s all;
    width: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
}

.active-pagination-grey:hover {
    color: var(--black);
    background-color: var(--lightgrey);
    cursor: default;
}

.active-pagination:hover {
    color: var(--white);
}

/* END OF PAGINATION */

/* PRODUCT PAGE */

.price-wrapper {
    display: flex;
    align-items: center;
}

.quantity-wrapper {
    margin: 0 20px;
}

.delivery-wrapper {
    display: flex;
    align-items: center;
    /* position: absolute;
    right: 0;
    top: 30px; */
}

.stock {
    /* position: absolute;
    right: 35%;
    top: 30px; 
    font-weight: 800; */ 
    display: flex;
    align-items: center;
    border-radius: 6px;
    text-transform: lowercase;
    font-size: .8em;
    line-height: 1.1;
    width: 90%;
    text-align: right;
}

.stock.grey {
    border: 1px solid var(--grey);
}

.stock.green {
    border: 1px solid #39b54a;
}

.stock.orange {
    border: 1px solid orange;
}

.stock .title {
    padding: 7px 7px;
    padding-left: 16px;
    text-align: center;
}

/* .stock-mark {
    padding: 13px 8px;
} */

.stock-mark {
    border-radius: 4px;
}

.stock-mark.green {
    padding: 12px 8px;
    background-color: #39b54a;
}

.stock-mark.orange {
    padding: 12px 7px;
    background-color: orange;
}

.stock-mark img {
    width: 100%;
}

.delivery-wrapper img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.delivery-wrapper h4 {
    font-family: "Noway Medium", sans-serif !important;
    font-size: .8em;
    margin-right: 5px;
    /* font-weight: 400; */
}

.delivery-wrapper p {
    font-family: "Noway Medium", sans-serif !important;
    font-size: .8em;
    margin-top: 1px;
}

.feeding-wrapper {
    display: flex;
}

.feeding-wrapper p {
    padding: 0 10px;
}

.feeding-guide-title {
    text-transform: uppercase;
    /* font-weight: 800; */
}

#product_3 .feeding-wrapper p {
    max-width: 200px;
}

.w-30 {
    width: 30%;
}

.feeding-image {
    position: relative;
    right: 12px;
}

.order-info {
    display: flex;
    padding: 0;
    margin-bottom: 40px;
    list-style: none;
}

.order-info li {
    font-family: 'Noway Regular', sans-serif;
    font-size: .8em;
    display: flex;
    gap: 10px;
    align-items: center;
    width: 31%;
}

.order-info img {
    width: 40px;
    margin-right: 5px;
}

.shape-container {
    position: relative;
    margin-top: 30px;
}

.shape ul li {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
    color: var(--white);
    /* font-weight: 700; */
}

.shape {
    padding:15px;
    background-color: var(--red);
    border-radius: 24px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.product-page .bar:before, .product-page .bar:after {
    border-bottom: 16px solid transparent;
}

.product-page .bar {
    bottom: 0;
}

.product-page .bar:before {
    border-right: 16px solid var(--red);
}

.product-page .bar:after {
    border-left: 16px solid var(--red);
}

.shape:after {
    content: '';
    background-image: url(../images/shape-1.svg);
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: 22px;
    right: -5px;
}

.shape-container img {
    position: absolute;
    right: -100px;
    margin-top: 11px;
}

.shape .triangle {
    transform: rotate(0deg);
    position: absolute;
    right: 0;
}

.shape ul {
    margin: 0;
}

.triangle {
    display: inline-block;
    width: 75px;
    color:var(--lightbrown);
    filter: url('#goo');
}

.product-description {
    font-size: 1.1em;
}

.long-description {
    /* margin-top: 10px; */
    padding: 1.25em;
    overflow: hidden;
    /* height: auto; */
    transition: height 0.35s ease;
}

.long-description-inner {
    display: block;
  }

.long-description img {
    width: 100% !important;
}

.long-description h4 {
    font-family: "Noway Medium", sans-serif;
    font-size: 1.1em;
}

.long-description h4.article-title {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: "Noway Medium", sans-serif;
    font-size: 1.2em;
}

.opinions-wrapper {
    padding: 0px 60px 20px 20px;
}

.opinions-wrapper span {
    font-family: "Noway Regular", sans-serif;
}

.product-page .opinions-label {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--red-dark);
    padding-bottom: 8px;
    /* font-weight: 700; */
    width: 100%;
}

.suggested-products {
    margin-top: 50px;
    margin-bottom: 40px;
}

#SearchProductsResults .suggested-products {
    margin-bottom: 20px;
}

.suggested-products::before {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background-color: var(--gold-border);
    margin: 0 auto; 
    margin-bottom: 60px;
}

.suggested-products-product::before {
    display: none;
}

.suggested-products h3 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--red-dark);
    padding-bottom: 8px;
    /* font-weight: 700; */
    width: 100%;
}

/*.suggested-products h1, h5 {
    text-align: center;
}*/

.brands {
    background-color: var(--lightgrey);
    padding: 20px;
}

.brands-box {
    display: flex;
    align-items: center;
}

.brands-box img {
    height: 74px;
    padding: 15px;
}

.brands p {
    font-size: 14px;
}

#brand-more {
    display: none;
    margin-top: 10px;
    font-size: 14px;
}

#brand-more-mobile {
    display: none;
    margin-top: 10px;
    font-size: 14px;
}

.brands-box .more-images-button-mobile {
    margin: 10px 0 0 0;
    padding: 0;
}

.brands-box .more-images-button {
    margin: 10px 0 0 0;
    padding: 0;
}

.brands-price-box img {
    height: 51px;
}

.brands-price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 78px;
    /* margin: 20px 0; */
    /* margin-top: 35px; */
}

.add_to_cart_mobile {
    display: none;
}

.brands-price-box h2 {
    margin-left: 10px;
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 3em;
}

.lowest-price {
    margin-left: 10px;
    font-size: 12px;
}

.collar-wrapper {
    display: flex;
    align-items: center;
}

.collar-wrapper h3 {
    font-size: 16px;
    text-transform: uppercase;
}

.collar-box {
    margin: 8px;
    padding: 0 20px;
    width: 24%;
}

.collar-wrapper img {
    width: 25px;
}

.collarXXS {
    height: 25px;
}

.collarXS {
    height: 30px;
}

.collarS {
    height: 35px;
}

.collarM {
    height: 40px;
}

.collarL {
    height: 45px;
}

.collarXL {
    height: 50px;
}

.collarXXL {
    height: 55px;
}

.collarXXXL {
    height: 60px;
}

.package-box {
    border: 1px solid var(--washed-brown);
    color: var(--softgold);
    font-size: 12px;
    border-radius: 3px;
    padding: 8px 4px;
    margin: 2px;
    transition: .3s all;
    height: auto;
    min-width: 40px; 
    max-width: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.size-chart-box {
    border: 1px solid var(--black);
    width: 35%;
    height: auto;
    line-height: 60px;
    text-align: center;
    margin: 0 6px;
    border-radius: 16px;
    font-size: 16px;
    cursor: pointer;
    transition: .3s all;
   /*  padding: 20px; */
}

#cd-cart .header {
    height: auto;
}

.chart-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 20px; */
    /* margin-inline: -15px; */
}

.package-box:first-of-type {
    margin-left: 0;
}

.package-box:hover {
    background-color: var(--gold-border);
    border: 1px solid transparent;
    color: var(--white);
}

.package-text {
    font-family: 'Noway Regular', sans-serif;
    /* font-weight: 700; */
    font-size: 1em;
    margin-bottom: 15px;
    text-align: start;
    color: var(--black);
}

.active-box {
    background-color: #c0b59b;
    color: var(--white) !important;
    pointer-events: none;
}

.disabled-box {
    position: relative;
 /*    pointer-events: none; */
}

.disabled-box::before {
    content: "";
    position: absolute;
    width: 90%; 
    height: .8px; 
    background-color: var(--washed-brown); 
    transform: rotate(-45deg); 
    transform-origin: center;
}

/* .active-box:hover {
    background-color: var(--red);
} */

.package-wrapper {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    justify-content: flex-start;
    gap: 5px;
}

.product-page .price_text {
    margin-top: 10px;
}

.product-page .price_text.price_text_fixed {
    position: absolute;
    margin-top: -39px;
    margin-left: 102px;
}

.product-page .old_price {
    font-size: 16px;
    text-decoration: line-through;
}

.product-page .price {
    font-size: 24px;
    color: #292828;
    font-family: 'TT_Norms_Pro_ExtraBold';
}

.product-page .price_text.price_text_fixed .old_price {
    display: inline-block;
    margin-right: 9px;
    margin-top: 6px;
    vertical-align: top;
}

.product-page .price_text.price_text_fixed .price {
    display: inline-block;
}

.product-page .tax {
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0.42px;
    color: #888888;
}

.product-page .price_text.price_text_fixed .tax {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
    margin-bottom: 8px;
}

.product-page .right-price-box {
    margin-top: 50px;
    margin-bottom: 20px;
}

.product-page .right-price-btn {
    height: 50px;
    background: none;
    padding: 0 15px;
    border: solid 1px #d8d8d8;
    font-size: 16px;
    position: relative;
    transition: .3s;
    background-color: #ffffff;
    border-radius: 4px;
    color: #292828
}

.product-page .right-price-box .best-buy {
    height: 24px;
    line-height: 24px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: -23px;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #cab180;
    font-size: 12px;
    color: #292828;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.product-page .right-price-box .selected_buy {
    border: solid 2px #292828;
    background-color: rgba(206, 199, 188, 0.42);
}

.product-page .right-price-btn:hover {
    opacity: 0.7;
}

.product-page .right-price-box:hover .best-buy {
    opacity: 1;
}

.product-page .main_bg {
    background-color: var(--white);
    height: 83%;
    position: relative;
    display: block;
}

/* .main_bg:after {
    content: '';
    background-image: url(../images/icons/zoom-in.svg);
    position: absolute;
    height: 24px;
    width: 24px;
    right: 30px;
    bottom: 10px;
} */

.main_bg:hover {
    color: var(--black);
}

.product-page .main-img {
    max-height: 95%;
    width: auto;
    max-width: 100%;
    position: absolute;
    left: 45%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.product-page .others-images {
    padding-top: 15px;
    /* margin-top: 20px; */
    /* margin-bottom: 15px; */
    /* border-top: 8px solid var(--red); */
    /* padding-bottom: 15px; */
}

.custom-border-bottom {
    border-bottom: 8px solid var(--red);
    margin-bottom: 70px;
}

.product-page .others-images img{
    max-width: 100%;
    height: 270px;
}

.breadcrumbs {
    font-size: .6em;
    padding: 15px 0;
    margin: 0px;
    text-transform: uppercase;
    list-style: none;
}

@media (min-width: 1500px) {
    .breadcrumbs {
        font-size: .7em;
    }
}

@media (min-width: 1600px) {
    .breadcrumbs {
        font-size: .8em;
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: .2rem;
    padding-left: .2rem;
}

.breadcrumb-container {
    padding-inline: 40px;
    background-image: radial-gradient(circle at 50% 50%, #dfd9cc, var(--gradient-gold) 46%);
}

.breadcrumb {
    margin-bottom: 20px;
    font-size: 0.6em;
}

.breadcrumb-item {
    font-family: "Noway Regular", sans-serif;
    text-decoration: underline;
    display: inline-block;
}

.breadcrumb-item.active {
    font-family: "Noway Medium", sans-serif;
    text-decoration: none;
}

.product-page .others-images {
    margin-right: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: row;
}

.product-page .others-images .row {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.product-page .others-images .other-image-bg {
    min-height: 82px;
    min-width: 82px;
    max-width: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid var(--washed-brown);
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

.product-page .others-images .next_image {
    min-height: 82px;
    min-width: 82px;
    max-width: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    margin-left: 18px;
    margin-right: 4px;
    background-color: var(--washed-brown);
    position: relative;
}

.product-page .others-images .adjust-col {
    max-width: 100% !important;
}

.product-page .next_image .svg_center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-page .others-images .other-image-bg img {
    display: none;
}

.product-page .attribute-main {
    color: #292828;
    font-size: 10px;
    text-transform: uppercase;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
    padding-left: 25px;
    position: absolute;
}

.product-page .attribute-main li {
    margin-bottom: 5px;
    font-size: 10px;
    position: relative;
    z-index: 1;
}

.product-page .attribute-main img {
    vertical-align: top;
    margin-top: -1px;
    margin-right: 5px;
    display: inline-block;
}

.product-page .short {
    font-family: "Noway Medium", sans-serif;
    font-size: 1.05em;
    line-height: 1.8;
    padding-top: 30px;
    padding-inline: 50px;
    width: 50%;
}

.product-page .short h4 {
    font-family: "Noway Medium", sans-serif;
    color: var(--red-dark);
    margin-bottom: 12px;
}

.product-page .short ul {
    padding-inline-start: 20px;
}

.product-page .labels {
    font-size: 1em;
    line-height: 1.57;
    padding-bottom: 40px;
    display: flex;
    margin-inline: -40px;
}

.label-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 1.15em;
    text-align: center;
    width: 100%;
    gap: 10px;
}

.label-wrapper img {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    margin-bottom: 4px;
}

@media (min-width: 1600px) {
    .label-wrapper img {
        height: 90px;
        width: 90px;
    }
}


.product-page .special {
    text-align: center;
    border-top: solid 0.5px #888;
    border-bottom: solid 0.5px #888;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-top: 27px;
}

.product-page .special img {
    margin-bottom: 10px;
    max-width: 30px;
}

.product-page .special h3 {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-page .package {
    width: 100%;
}

.product-page .package .single-product {
    display: block;
    margin-bottom: 10px;
}

.product-page .package .single-product .bg {
    background-color: #ffffff;
    height: 90px;
    width: 100%;
    position: relative;
}

.logo-image-class {
   object-fit: contain !important;
}

.main-image-class {
   object-fit: cover !important;
}

.product-page .package .single-product .bg img {
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-page .package .single-product .quantity {
    display: inline-block;
    font-size: 20px;
    margin-top: 25px;
    vertical-align: top;
    margin-right: 20px;
    color: #292828;
}

.product-page .package .single-product .content {
    display: inline-block;
    color: #292828;
    width: 87%;
}

.gift-label {
    margin: 0;
    text-transform: uppercase;
    /* font-weight: 700; */
}

.product-page .package .single-product .content h4 {
    font-size: 14px;
    /* font-weight: 400; */
}

.product-page .package .single-product .content .price {
    font-size: 14px;
}

.product-page .package .single-product .content .old_price {
    font-size: 10px;
    color: #615a47;
}

.in-stock-again-box {
    font-size: 1em;
    /* margin-top: 10px;
    margin-bottom: 10px; */
    width: 100%;
}

.in-stock-again-box h4 {
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
    text-transform: uppercase;
}

.in-stock-again-box input {
    width: 90%;
    float: left;
    font-family: "Noway Regular", sans-serif;
    height: 50px;
}

.add-border {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#InStockForm .input_wrapper {
    width: 50%;
}

.in-stock-again-box button {
    border-radius: 6px;
    text-transform: uppercase;
    color: var(--white);
    border: none;
    letter-spacing: 1.5px;
    transition: .3s all;
    padding-inline: 30px;
    font-family: 'Noway Medium', sans-serif;
    font-size: .8em;
    display: block;
    height: 54px;
    width: fit-content;
    align-self: center;
}

.in-stock-again-box form {
    align-content: center;
    /* padding-bottom: 40px; */
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
}

.accordion .card {
    margin-bottom: 5px;
    border: none;
    /*border-bottom: 2px solid var(--grey);*/
    border-radius: 0px;
    background: none;
}

.accordion .card .card-header {
    border: 0;
    background: none;
    padding: 0;
    outline: none;
    transition: .3s;
}

.accordion .card .card-header:focus {
    outline:0 !important;
}

/* .accordion .card-body {
    padding: 20px 16px;
    font-size: 14px;
    color: #292828;
    text-align: justify;
    line-height: 1.57;
    border-bottom: 8px solid var(--red);
    padding-left: 0;
} */

.accordion .card .card-header .btn-header-link {
    color: var(--black);
    display: block;
    text-align: left;
    padding: 15px;
    font-size: 1.2em;
    border: none;
    outline:0 !important;
    transition: .3s;
    text-transform: uppercase;
    border-bottom: 2px solid var(--grey);
}

.accordion .card .card-header .btn-header-link[aria-expanded="false"] {
    border-bottom: 1px solid var(--black);
}

.accordion .card .card-header .btn-header-link[aria-expanded="true"] {
    border-bottom: 1px solid var(--lightred);
}

.accordion .card .card-header .btn-header-link[aria-expanded="false"]:hover {
    opacity: 0.7;
}

.accordion .card .card-header .btn-header-link:after {
    content: "";
    /* background-image: url('../images/icons/left-arrow.svg'); */
    /*filter: invert(62%) sepia(0%) saturate(265%) hue-rotate(199deg) brightness(87%) contrast(79%);*/
    /* font-weight: 900; */
    height: 20px;
    width: 50px;
    background-size: 10px;
    background-position: center;
    float: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 15px;
    transform: rotate(-90deg);
}

.accordion .card .card-header .btn-header-link.collapsed:after {
    content: "";
    /* background-image: url('../images/icons/left-arrow.svg'); */
    /*filter: invert(62%) sepia(0%) saturate(265%) hue-rotate(199deg) brightness(87%) contrast(79%);*/
    /* font-weight: 900; */
    height: 20px;
    width: 50px;
    background-size: 10px;
    background-position: center;
    float: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 15px;
    transform: rotate(180deg);
}

.accordion .card .card-body .title {
    font-size: 14px;
}

.accordion .card .card-body .text {
    margin-bottom: 10px;
}

.card-body h4 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: "Noway Medium", sans-serif;
    font-size: 1.2em;
}

.declaration-box {
    width: 70%; 
}

.declaration-box .title {
    background-color: #292828;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}

.declaration-box {
    color: #292828;
    border: solid 0.5px #979797;
    border-top: none;
    border-bottom: none;
}

.declaration-box li {
    border-bottom: solid 0.5px #979797;
    font-size: 12px;
    padding: 5px 15px;
}

.declaration-box li .declaration-sum {
    float: right;
}

.declaration-box li .second {
    margin-left: 10px;
}

.declaration-box-package {
    margin-top: 20px;
}

.declaration-box-package .declaration-box {
    margin-bottom: 25px;
    margin-top: 10px;
}

.declaration-box-package h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.declaration-box-package h5 {
    font-size: 14px;
}

.product-page .additional-data {
    border-bottom: solid 0.5px #979797;
    padding: 0px 16px;
    padding-top: 20px;
    padding-bottom: 17px;
    font-size: 12px;
}

.product-page .additional-data h4 {
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
    text-transform: uppercase;
}

.product-page .additional-data li {
    margin-bottom: 15px;
}

.product-page .additional-data span {
    margin-right: 5px;
    text-transform: uppercase;
}

.product-page .shop-info {
    font-size: 12px;
    padding: 17px 16px;
}

.product-page .shop-info li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 22px;
}

.product-page .shop-info li:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 3px;
    background-color: #cab180;
    border-radius: 50%;
}

.product-page .company-data {
    background-color: #ffffff;
    padding: 50px;
    font-size: 14px;
    line-height: 1.57;
    color: #292828;
    margin-top: 100px;
    margin-bottom: 45px;
}

.product-page .company-data img {
    margin-top: 30px;
}

.more-images {
    margin-top: 20px;
    display: none;
}

.more-brands-button {
    color: var(--black);
    border: none;
    background: none;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
    transition: .3s all;
}

.more-brands-button:hover {
    color: var(--red);
}

.more-images-button {
    color: var(--black);
    border: none;
    background: none;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
    transition: .3s all;
}

.more-images-button:hover {
    color: var(--red);
}

.more-images-button-mobile {
    border: none;
    background: none;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
    transition: .3s all;
}

.more-images-button-mobile:hover {
    color: var(--red);
}

.more-brands-button-mobile {
    border: none;
    background: none;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
    transition: .3s all;
}

.text-decoration-underline {
    text-decoration: underline;
    font-size: 12px;
}

.more-brands-button-mobile:hover {
    color: var(--red);
}

.show-more-text-mobile {
    color: var(--black);
}

.hide_more_text_mobile {
    color: var(--black);
}

.product-page .more-images img {
    max-width: 100%;
    margin-bottom: 35px;
}

.more-images-button .hide_more_text {
    display: none;
}

.more-brands-button .hide_more_text {
    display: none;
}

.more-images-button-mobile .hide_more_text_mobile {
    display: none;
}

.more-brands-button-mobile .hide_more_text_mobile { 
    display: none;
}

.product-page .video_frame {
    width: 45%;
    border: none;
    height: 310px;
}

.product-page .similar_taste .slick-track {
    width: 100% !important;
}

.product-page .similar_taste .slick-slide {
    min-width: 70px !important;
}

.vertical-list li img.similar-img {
    width: 50px;
}

.product-page .similar_taste label {
    font-family: 'Noway Regular', sans-serif;
    display: block;
    text-align: center;
    letter-spacing: normal;
    /* font-weight: 700; */
    margin-bottom: 15px;
}

.product_card .content .old_price {
    color: #888888;
    text-decoration: line-through;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.product-page .similar_taste li {
    margin-right: 10px;
    vertical-align: top;
}

.product-page .similar_taste .single-product {
    display: block;
    /*width: 105px;*/
}

.product-page .similar_taste .single-product .bg {
    height: 90px;
    position: relative;
    background-color: #ffffff;
    width: 100%;
    transition: .3s;
    border-radius: 3px;
    border: 1px solid var(--washed-brown);
}

.product-page .similar_taste .single-product .bg img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.from-price {
    font-size: 16px;
    /* font-weight: 400; */
    font-family: 'Roboto', sans-serif;
}

.product-price-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
}

.product-discount-mobile {
    color: var(--black);
    text-decoration: line-through;
}

#product-discount {
    color: var(--black);
    margin-right: 20px;
    font-size: 18px;
    text-decoration: line-through;
    position: relative;
    top: 2px;
}

.product-page .similar_taste .single-product .bg.active {
    border-radius: 3px;
    border: solid 4px var(--gold-border);
}

.product-page .similar_taste .single-product:hover .bg {
    opacity: 0.8;
}

.product-page .similar_taste .single-product h4 {
    font-family: "Noway Regular", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 6px;
    text-align: left;
    /* font-weight: 400; */
}

.products_news_box {
    margin-bottom: 20px;
}

.products_news_box .product_news {
    background-color: #ffffff;
    padding: 18px 40px;
    color: #292828;
    margin-bottom: 10px;
    display: block;
}

.products_news_box .product_news h2 {
    font-family: 'Playfair Display', serif;
    /* font-weight: 700; */
    font-size: 20px;
    margin-bottom: 5px;
}

.products_news_box .product_news h3 {
    font-size: 14px;
}

.products_news_box .cta {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase;
}

.opinions {
    margin-inline: -120px;
    background-color: var(--bg-washed-grey);
    padding-inline: 60px;
}

.opinions .opinions-box {
    margin-top: 20px;
    padding: 30px 40px;
}

.opinions .overview .grade {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 3em;
    color: var(--black);
    margin-right: 10px;
    /* font-weight: 700; */
}

.opinions .overview .total_stars {
    font-size: 14px;
    color: var(--black);
    text-transform: lowercase;
    /* font-weight: 700; */
}

.product-opinion-box {
    gap: 3px;
    white-space: nowrap;
}

.opinions .vertical-list {
    position: static;
    margin-bottom: 0 !important;  
    margin-left: 30px; 
}

.opinions .vertical-list li img {
    width: 35px;
}


.opinions .total_ratings {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: var(--black);
}

.opinions .total_ratings li span {
    /* margin-top: 1px; */
    display: inline-block;
    /* vertical-align: top; */
    margin-right: 15px;
}

.opinions .total_ratings li img {
    width: 11px;
    filter: invert(72%) sepia(31%) saturate(376%) hue-rotate(1deg) brightness(94%) contrast(88%);
}

.opinions .total_ratings li img.empty_star {
    filter: invert(100%) sepia(3%) saturate(642%) hue-rotate(202deg) brightness(115%) contrast(87%);
}

.rating_box {
    display: inline-block;
}

/* .skillbar::after {
    content: attr(data-percent-round);
    font-size: 14px;
    position: absolute;
    right: -35px;
    top: -7px;
    width: 20px;
} */

.skillbar {
    width: 80%;
    position:relative;
    display: inline-block;
    margin-top: 12px;
    background: #f1bdc5;
    height: 15px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}

.skillbar-bar {
    height: 15px;
    width: 0px;
    background: var(--softcherryred);
}


.opinions .overview h4 {
    letter-spacing: 1px;
    color: #292828;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.opinions .overview .text {
    font-family: 'Noway Medium', sans-serif;
    font-size: 1em;
    color: var(--black);
    line-height: 1.43;
    margin-bottom: 16px;
}

.single_opinion {
    padding: 0px 20px 20px 25px;
    margin: 10px 0;
    margin-top: 0;
}

.user-wrapper {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    gap: 5px;
}

.single_opinion h3 {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 24px;
    color: var(--black);
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 8px solid var(--light-grey);
    padding-bottom: 11px;
    margin-top: 3px;
}

.single_opinion .user {
    font-family: 'Noway Regular', sans-serif;
    font-size: 1em;
    /* font-weight: 700; */
}

.single_opinion .text {
    font-size: 12px;
    line-height: 1.67;
}

.opinions .cta {
    display: block;
    margin-top: 25px;
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.opinions .cta .hide_more_text {
    display: none;
}

.opinions .opinions-box .other_hidden_orders {
    display: none;
}

.opinion_box {
    text-align: left;
    margin: 0 auto;
    width: 70%;
    text-transform: unset;
}

.opinion_box .single_opinion {
    margin-bottom: 30px;
}

.opinion_box h2 {
    font-size: 18px;
    color: #292828;
    margin-top: 25px;
}

.opinion_box .img_box {
    height: 130px;
    width: 130px;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto;
    display: inline-block;
}

.opinion_box .img_box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 100%;
    max-height: 80%;
}

.opinion_box .content {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    margin-left: 20px;
}

.opinion_h4 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.opinion_h4 img {
    width: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.opinions_subpage a {
    margin: 0 auto;
    display: block;
    width: max-content;
    margin-bottom: 60px;
    margin-top: 20px;
}

.rating {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

.rating label:last-child {
    position: static;
}

.rating label:nth-child(1) {
    z-index: 5;
}

.rating label:nth-child(2) {
    z-index: 4;
}

.rating label:nth-child(3) {
    z-index: 3;
}

.rating label:nth-child(4) {
    z-index: 2;
}

.rating label:nth-child(5) {
    z-index: 1;
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rating label .icon {
    float: left;
    color: #f1f1f1;
    font-size: 20px;
    margin-right: 5px;
}

.rating label:last-child .icon {
    color: #f1f1f1;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
    color: #d2b887;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
    color: #d2b887;
    text-shadow: 0 0 5px #09f;
}

.page_body .subpage_body {
    padding-top: 50px;
    padding-bottom: 40px;
}

.rating label .icon {
    float: left;
    color: transparent;
}

.opinion_box .single_product_opinion {
    margin-bottom: 32px;
    border-bottom: solid 0.5px #888;
    padding-bottom: 30px;
}

.opinion_box label {
    display: block;
    font-size: 14px;
    margin-bottom: 0px;
}

.opinion_box textarea {
    width: 100%;
    resize: none;
    padding: 10px;
    border: solid 1px #dddddd;
    border-radius: 4px;
    background-color: #ffffff;
    min-height: 130px;
    margin-bottom: 20px;
}

.opinion_box button {
    margin: 0 auto;
    display: block;
    width: max-content;
    margin-top: 30px;
    margin-bottom: 50px;
}

.opinion_box .checkbox_wrapper {
    text-align: left;
}

.opinion_box label.custom_checkbox {
    text-transform: none;
    margin-top: 30px;
    margin-left: 20%;
}

.vertical-list li a {
    color: var(--dark-grey);
    font-size: 14px;
    /* font-weight: 400; */
}

.vertical-list li {
    font-size: 14px;
    color: var(--black);
    /* font-weight: 700; */
}

.product-page .vertical-list {
    margin-bottom: 11px;
}

.custom-tag-row {
    position: relative;
    z-index: 1;
    top: 60px;
    left: 38%;
    width: fit-content;
    height: 60px;
}

.custom-tag-row .product-tag,
.custom-tag-row .product-star {
    right: auto;
}

.custom-tag-row .product-star {
    width: 90px;
}

.custom-tag-row .product-tag-title {
    position: relative;
    left: -34px;
    top: 66px;
    font-size: 1em;
}

.custom-tag-row .product-tag-title strong {
    font-size: 1.4em !important;
}

.custom-tag-row .product-tag-title {

}

.product_content_box .sale-timer-container {
    font-size: .8em;
    width: 100%;
}

.product_content_box  .sale-timer {
    font-size: 1.5em;
}

.product_content_box  .timer-note {
    width: 90%;
}

.product_content_box .vertical-list {
    position: static;
    min-height: 10px;
}

.number-of-ratings {
    /* align-items: center; */
    display: flex;
    gap: 3px;
}

.number-of-ratings span {
    font-family: 'Noway Regular', sans-serif;
    margin-top: 2px;
}

.product-page h1 {
    color: var(--black);
    /* font-weight: 700; */
    font-family: 'Noway Regular', sans-serif;
    font-size: 1.3em;
    padding-right: 185px;
    margin-bottom: 40px;
}
.product-page h1 strong {
    font-size: 1.8em;
}

.product_content_box .product-sku {
    margin-bottom: 20px;
}

.youtube-short-wrapper {
    display: flex;
    width: 100%;
    gap: 40px;
    background-color: var(--bg-washed-grey);
    padding-top: 50px;
    padding-inline: 100px;
}

/* END OF PRODUCT PAGE */


/* PRODUCTS PAGE */


.add-bg {
    background-color: white;
}

.product-card:hover {
    opacity: 0.9;
}

@media (max-width: 780px) {
    .chart-properties {
        padding-top: 0px;
    }

    .size-chart-box {
        width: 60%;
    }                                                    

    .desktop-image {
        display: none;
    }
    
    .add_to_cart {
        font-size: 11px;
    }
}

.cart_box_active {
    position: relative;
}

.dog-gif {
    max-height: 200px;
    margin: 0 auto;
    display: block;
}

.no-filter {
    justify-content: center;
    display: flex;
    width: 100%;
}

.red-line {
    height: 8px;
    width: 100%;
    background-color: var(--red);
    position: absolute;
    top: 50%;
}

.product-page .product-discount {
    position: relative;
}

.card-tags-single-page {
    position: relative;
    height: 128px;
    /* margin-left: 30px; */
    /* display: flex; */
    /* left: 35%; */
    
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-tags-single-page .product-tag {
    position: static;
    background-size: contain;
    background-repeat: no-repeat;
    width: 65px;
}

.breeds-modal {
    border: none;
    background: none;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
    transition: .3s all;
    padding: 0 10px;
}

.breeds-modal:hover {
    color: var(--hotred);
}

.general-conditions {
    margin-top: 15px;
}

.general-conditions .custom_checkbox a {
    color: var(--white);
}

.general-conditions .custom_checkbox_checkmark {
    border: 1px solid transparent;
    left: 25px;
}

.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

.category-header {
    background-image: radial-gradient(circle at 50% 50%, #dfd9cc, var(--gradient-gold) 46%);
    padding-top: 20px;
    font-size: 12px;
    /* font-weight: 700; */
    z-index: 3;
}

.category-header img {
    height: 225px;
    width: 225px;
    position: absolute;
    bottom: 0;
}

.category-header .category-header-image {
    height: 225px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: top;
}

.category-header h3 {
    font-size: 2.85em;
    text-transform: none;
    margin-top: 10px;
    color: var(--red-dark);
}

.category-header h1 {
    font-size: 2.85em;
    text-transform: none;
    margin-top: 10px;
    color: var(--red-dark);
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
}

.category-content {
    padding-right: 10em;
    margin-top: 5px;
    letter-spacing: 0.4px;
    font-size: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease;
    max-height: 5.4em; 
}

.category-content.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
}

.category-content-blog {
    font-family: "Noway Regular", sans-serif;
    padding-right: 10em;
    margin-top: 5px;
    line-height: 1.9;
    letter-spacing: 0.4px;
    font-size: 1.3em;
    max-height: 5.4em; 
}

.category-header .btn-expand {
    font-family: 'Noway Medium', sans-serif;
    background-color: var(--softcherryred);
    height: 40px;
    padding: 0 60px;
    margin: 15px 0;
    border-radius: 6px;
    color: var(--white);
    font-size: 1.1em;
    letter-spacing: 0.3px;
    display: block;
    border: none;
    transition: .3s all;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.subcategory-header {
    background-color: #f8dee2;
}

.subcategory-header .col-3 {
    width: 220px;
}

.btn-expand:hover {
    opacity: 0.7;
}

.filter-products-form section {
    margin-top: 0;
}

/* #products {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
} */

#products .col-4 {
    padding-inline: 5px;
}

#products a {
    cursor: pointer;
}

#products .product-card {
    min-height: 520px;
    height: fit-content;
}

.suggested-products .product-card {
    display: block;
    min-height: 600px;
}

#SearchProductsResults .suggested-products .product-card {
    display: flex;
    min-height: 530px;
}

#products .product-card .col,
.suggested-products .product-card .col {
    height: 100%;
}

#products .product-card .card-content,
.suggested-products .product-card .card-content {
    height: 50%;
    display: flex;
    flex-direction: column;
}

#products .product-card .col,
#products .product-card .card-content .quantity-price-container .col-7,
.suggested-products .product-card .col,
.suggested-products .product-card .card-content .quantity-price-container .col-7 {
    padding-inline: 0;
}

#products .product-img-wrapper,
.suggested-products .product-img-wrapper {
    min-height: 220px;
}

#products .card-tag,
.suggested-products .card-tag {
    display: grid;
    justify-content: end;
}

#products .product-tag,
.suggested-products .product-tag {
    position: relative;
    right: 4%;
}

#products .product-star,
.suggested-products .product-star {
    top: 4%;
    width: 95px;
    right: 0%;
}

#products .product-tag-title,
.suggested-products .product-tag-title {
    top: 36px;
    left: 36px;
}

#products .card-content .top-part,
.suggested-products .card-content .top-part {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}

#products .product-title,
.suggested-products .product-title {
    font-size: 1.3em;
}

#products .card-content .vertical-list,
.suggested-products .card-content .vertical-list {
    position: static;
}

#products .sale-timer-container,
.suggested-products .sale-timer-container {
    width: 85%;
    justify-self: center;
}

#products .sale-timer-container .sale-timer,
.suggested-products .sale-timer-container .sale-timer {
    font-size: 1.3em;
}

#products .product-sku,
.suggested-products .product-sku {
    margin-bottom: 10px;
    margin-top: auto;
}

#products .product-card .card-content .quantity-price-container,
.suggested-products .product-card .card-content .quantity-price-container {
    padding-inline: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#products .product-quantity {
    margin-top: 0;
    width: 64.333333%;

}

.suggested-products .product-quantity {
    margin-top: 0;
    width: 100%;
    margin-bottom: 10px;
}

#products .product-price,
.suggested-products .product-price {
    margin-bottom: 0;
    padding-inline: 0
}

#products .product-price h2,
.suggested-products .product-price h2 {
    width: max-content;
}

#products .add-to-cart-hover,
.suggested-products .add-to-cart-hover {
    bottom: -4%;
}

#skeleton {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.ph-item {
    background-color:#fff;
    margin-bottom:15px;
    overflow:hidden;
    padding:20px 10px 35px;
    position:relative
}

.ph-item-top {
    background-color:#ced4da;
    height:21px;
    margin-bottom:5px;
    width:45%
}

.ph-item:before {
    -webkit-animation:ph-animation .8s linear infinite;
    animation:ph-animation .8s linear infinite;
    background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%;
    bottom:0;
    content:" ";
    left:50%;
    margin-left:-250%;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    width:500%;
    z-index:1
}

.ph-row .empty {
    background-color:hsla(0,0%,100%,0)
}

.ph-picture {
    background-color:#ced4da;
    height:220px;
    width:100%
}

.ph-text {
    background-color:#ced4da;
    height:42px;
    margin-top:3px;
    width:100%
}

.ph-stars {
    background-color:#ced4da;
    height:9px;
    margin-top:8px;
    width:20%
}

.ph-price {
    background-color:#ced4da;
    float:right;
    height:20px;
    margin-top:8px;
    width:30%
}

.ph-category {
    background-color:#ced4da;
    height:15px;
    margin-top:3px;
    width:25%
}

.ph-package {
    background-color:#ced4da;
    margin-top:3px;
    margin-left:40px;
    margin-right:40px;
    padding:0 10px;
    height:18px;
}

@-webkit-keyframes ph-animation {
    0%{
        transform:translate3d(-30%,0,0)
    }
    to{
        transform:translate3d(30%,0,0)
    }
}

@keyframes ph-animation {
    0%{
        transform:translate3d(-30%,0,0)
    }
    to{
        transform:translate3d(30%,0,0)
    }
}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 70%);
    }
    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

#message-magazine #MessageResponse {
    margin-top: 0;
}

#MessageResponse {
    margin-top: 20px;
}

.message-response-wrapper {
    display: none;
}

.checkbox-wrapper {
    display: flex;
    flex-direction: column;
    border: none !important;
    padding: 0 !important;
}

.checkbox-wrapper div {
    margin: 0;
}

.multiple-properties-wrapper {
    display: flex;
}

.profile_subpage {
    margin-top: 40px;
}

/* Timer*/

#timer {
    width: 48px;
    height: 48px;
    background-color: var(--black);
    box-shadow: inset 0px 0px 0px 2px var(--black);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

#timer:after, .timer:before {
    position: absolute;
    content:"";
    background-color: #fff;
}

#timer:after {
    width: 20px;
    height: 4px;
    top: 22px;
    left: 22px;
    -webkit-transform-origin: 2px 2px;
    -moz-transform-origin: 2px 2px;
    transform-origin: 2px 2px;
    -webkit-animation: minhand 2s linear infinite;
    -moz-animation: minhand 2s linear infinite;
    animation: minhand 2s linear infinite;
}

#timer:before {
    width: 16px;
    height: 4px;
    top: 22px;
    left: 22px;
    -webkit-transform-origin: 2px 2px;
    -moz-transform-origin: 2px 2px;
    transform-origin: 2px 2px;
    -webkit-animation: hrhand 8s linear infinite;
    -moz-animation: hrhand 8s linear infinite;
    animation: hrhand 8s linear infinite;
}

@-webkit-keyframes minhand {
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}

@-moz-keyframes minhand {
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}

@keyframes minhand {
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}

@-webkit-keyframes hrhand {
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}

@-moz-keyframes hrhand {
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}

@keyframes hrhand {
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}

.breadcrumb-item.active {
    color: var(--black);
    /* font-weight: 700; */
}

/* END OF PRODUCTS PAGE */

.slider-background {
    background-image: radial-gradient(circle at 50% 50%, #e0dacd, #ccc3b9 76%);    padding: 15px;
    font-size: 12px;
    /* font-weight: 700; */
    z-index: 3;
}

.breadcrumb {
    background: none;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--black);
    padding: 0 20px;
    margin-bottom: 40px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.btn-products {
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid var(--btngrey);
    background-color: var(--white);
    padding: 7px 40px;
    margin: 10px;
    transition: .3s all;
}

.btn-products:hover {
    filter: brightness(90%);
    border: 1px solid transparent;
}

/* .products-section {
    padding-top: 40px;
    padding-bottom: 20px;
    min-height: 277px;
} */

.products-section h1 {
    font-size: 30px;
}

.show-more {
    text-decoration: underline;
    border: none;
    background: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0;
    margin-top: 20px;
    transition: .3s all;
}

.show-more:hover {
    color: var(--red);
}

.products-section img {
    position: absolute;
    right: -50px;
    height: 240px;
    top: -20px;
}

.subcategory-description {
    padding-top: 30px;
    padding-bottom: 40px;
}

/* .subcategory-description .h3-wrapper {
    background-color: var(--red); 
    padding: 12px 22px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
} */

.subcategory-description .h3-wrapper h3 {
    text-transform: none;
    color: var(--red-dark);
    font-size: 2.2em;
}

.subcategory-description .body-wrapper {
    /* background-color: var(--red-dark); 
    padding: 22px; */
    margin-top: 5px;
}

/* .products-section .bar {
    bottom: 0;
}

.products-section .bar:after {
    border-left: 16px solid var(--red-dark);
}

.products-section .bar:before {
    border-right: 16px solid var(--red-dark);
}

.products-section .bar:before, .products-section .bar:after {
    border-bottom: 16px solid var(--white);
} */

.products-section h1 {
    text-align: left;
    color: var(--white);
}

.products-section .col-md-10,
.products-section .col-md-2 {
    padding: 0;
}

.sort-section {
    padding: 15px;
}

.products-number {
    margin-left: auto;
}

.sort-wrapper {
    display: flex;
    padding: 10px;
    align-items: center;
    position: relative;
    bottom: 5px;
    margin-top: 15px;
}

.sort-wrapper-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    bottom: 15px;
    height: 45px;
}

.sort-wrapper label {
    font-size: .6em;
    color: var(--black);
    margin-bottom: 0;
    display: flex;
    margin: 0 10px;
    /* font-weight: 800; */
    text-transform: uppercase;
}

.filters-wrapper {
    position: absolute;
    right: 156px;
}

.filters-wrapper label {
    text-transform: uppercase;
    font-size: 12px;
}

.remove-filters {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--black);
    cursor: pointer;
    border-radius: 16px;
    border: 2px solid var(--light-grey);
    transition: .3s all;
    padding: 8px 20px;
    padding-right: 35px;
}

.remove-filters:hover {
    opacity: 0.7;
}

.remove-filters:after {
    content: '';
    background-image: url(../images/new/close.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 13px;
}

.all-selected-filters {
    display: flex;
    flex-wrap: wrap;
    height: 34px;
}

.filter-container {
    font-family: "Noway Regular", sans-serif;
    background-color: var(--white);
    margin: 3px;
    padding: 8px 55px 8px 13px;
    font-size: 12px;
    color: var(--black);
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid var(--black);
}

.filter-container:hover {
    opacity: 0.7;
}

.filter-container:after {
    content: '';
    background-image: url(../images/new/close.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    transform: translate(-50%, -50%);
    top: 50%;
}

.filters-section {
    /*border-top: 1px solid rgba(41, 40, 40, 0.1);*/
    /*border-bottom: 1px solid rgba(41, 40, 40, 0.1);*/
    padding: 0;
    padding-top: 0;
}

.categories-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-title {
    text-transform: uppercase;
    /* font-weight: 800; */
    color: var(--black);
}

#filters .custom-checkbox:nth-last-of-type {
    margin-bottom: 15px;
}

.categories-section ul li {
    font-size: 14px;
    color: var(--black);
    text-transform: uppercase;
    padding: 5px 15px;
    /* padding-left: 0; */
}

.categories-section ul li.active-category a {
    color: var(--lightcherryred);
}

.categories-section ul li:last-child {
    border-bottom: 1px solid var(--black);
}

.active-category {
    /* font-weight: 800; */
}

.active-category a:hover {
    color: var(--black);
}

.number-of-items {
    margin-left: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.filters-section.filters {
    font-family: "Noway Regular", sans-serif;
    border-bottom: 1px solid var(--black);
    border-top: none;
    cursor: pointer;
    padding-left: 0;
}

.filters-section.filters.filters-label {
    border-bottom: 1px solid var(--grey);
    border-top: none;
    padding: 10px;
    margin-top: 12px;
}

.filters-section.filters label {
    margin: 0;
    padding: 5px 15px;
    font-size: 1em;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    /* font-weight: 800; */
}

.filters-section.filters label:after {
    content: '';
    background-image: url(../images/new/triangle-left.svg);
    height: 8px;
    width: 6px;
    background-size: contain;
    background-position: center;
    /* transform: rotate(-90deg); */
}

/* .filters-box {
    padding-top: 15px;
} */

.filters-checkbox-wrapper {
    display: flex;
    align-items: center;
}

.custom-filters-checkbox {
    width: 12px;
    height: 12px;
    border: 1px solid var(--armygreen);
}

.categories-section li {
    font-family: "Noway Regular", sans-serif;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 50%;
    border: 1px solid var(--dark-grey);
    height: 18px;
    width: 18px;
    background-color: var(--white);
    border-color: var(--cherryred);
    left: 15px;
    top: 8px;
}

.custom-checkbox {
    transition: .3s all;
    display: flex;
    align-items: center;
    min-height: initial;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 1.7rem;
    border-bottom: 1px dotted;
}

.custom-checkbox label {
    font-family: "Noway Regular", sans-serif;
}

.custom-control-label {
    cursor: pointer;
    font-size: 14px;
    color: var(--black);
    margin-top: 2px;
    padding-inline: 15px;
}

.custom-checkbox:hover {
    opacity: 0.6;
}

.filters-section.filters.active-filter label:after {
    background-image: url(../images/new/triangle-bottom-red.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 8px;
}

.filters-section.filters.active-filter {
    font-family: "Noway Medium", sans-serif !important;
    color: var(--lightcherryred);
    border-bottom: 2px solid var(--softcherryred);
}

.display-filters {
    position: absolute;
}

#filters .custom-control-input {
    left: 17px;
}

#filters .custom-control .custom-control-label::after {
    left: 19px;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
    border: 1px solid var(--grey) !important;
    background: none;
}


.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    border-radius: 50%;
    background-color: var(--softcherryred);
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    left: 19px;
    top: 12px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background: none;
}

/*#filters .custom-control:nth-child(n+5) {
    display: none;
}*/

#hidden-filters {
    display: none;
}

.more-less-btns {
    border-bottom: 1px solid var(--black);
}

.btn-more {
    font-family: 'Noway Regular', sans-serif;
    background: none;
    border: none;
    padding: 2px 44px;
    transition: .3s all;
    font-size: 14px;
    color: var(--black);
}

.btn-more:hover {
    opacity: 0.7;
}

.btn-less {
    font-family: 'Noway Regular', sans-serif;
    background: none;
    border: none;
    padding: 2px 44px;
    transition: .3s all;
    font-size: 14px;
    display: none;
}

.btn-less:hover {
    opacity: 0.7;
}

#filters-mobile {
    display: none;
}

#product-count-mobile {
    display: none;
}

.product-count {
    border-bottom: 1px solid var(--black);
}

/* END OF PRODUCT PAGE */


/* SIDEBAR-CART */

.add_in_cart_wrapper .header .top {
    height: auto;
    padding: 25px;
    padding-top: 80px;
    background-color: var(--washed-brown);
    font-size: .8em;
}

.add_in_cart_wrapper .header .close_cta {
    cursor: pointer;
    background: none;
    border: none;
    color: var(--black);
    margin-top: 5px;
    text-transform: uppercase;
}

.add_in_cart_wrapper .header .close_cta img {
    width: 5px;
    margin-top: -2px;
    margin-right: 15px;
    transform: rotate(-180deg);
}

.add_in_cart_wrapper .header .help_box {
    text-align: right;
    font-size: 14px;
}

.add_in_cart_wrapper .header .help_box img {
    margin-right: 3px;
    margin-top: -2px;
}

.add_in_cart_wrapper .header .bottom {
    padding: 5px 40px;
}

.add_in_cart_wrapper .header .bottom h2 {
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    font-size: 2em;
    color: var(--red-dark);

}

.add_in_cart_wrapper .header .skillbar-bar {
    background: #c8e28d !Important;
}

.add_in_cart_wrapper .header .bottom .text {
    margin-top: 27px ;
    font-size: 12px;
}

.add_in_cart_wrapper .header .bottom .text img {
    width: 16px;
    margin-right: 5px;
}

.add_in_cart_wrapper .products {
    margin: 0px;
    padding-right: 10px;
    overflow: hidden;
    width: 85%;
    justify-self: center;
    padding: 0px;
}

.add_in_cart_wrapper .products .product_card {
    position: relative;
    margin-top: 10px;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 25px;
    border-bottom: 1px dotted var(--black);
}

.add_in_cart_wrapper .products .product_card:last-child {
    border: none;
}

.add_in_cart_wrapper .products .product_card .img_box {
    height: 100px;
    width: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.add_in_cart_wrapper .products .product_card .content {
    width: 78%;
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
}

.add_in_cart_wrapper .products .product_card a h3:hover {
    color: var(--gold-dark);
}

.add_in_cart_wrapper .products .product_card h3 {
    font-family: 'Noway Regular', sans-serif;
    font-size: 1em;
    margin-bottom: 8px;
    text-transform: none;
    margin: 3px;
}

.add_in_cart_wrapper .product_card .content .price  {
    font-size: 1.2em;
    display: inline-block;
    color: var(--black);
    /* position: relative;
    right: -30px;
    top: 5px; */
    padding-right: 15px;
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
}

.add_in_cart_wrapper .products .product_card .quantity_text {
    font-size: 14px;
}

.add_in_cart_wrapper .products .product_card .remove_item {
    cursor: pointer;
    height: 29px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: -4px;
    position: absolute;
}

.add_in_cart_wrapper .products .product_card .remove_item.remove_item_gift {
    margin-left: 90px;
    z-index: 1;
}

.add_in_cart_wrapper a.cta {
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    color: #333333;
    line-height: 45px;
    padding: 0px 45px;
    /* font-weight: 700; */
    text-transform: uppercase;
    transition: 0.3s;
    border: 1px solid #333333;
    background: none;
    width: max-content;
    margin: 0 auto;
    margin-top: 0px;

}

.add_in_cart_wrapper a.cta:hover {
    opacity: 0.8;
}

.add_in_cart_wrapper .total_box {
    width: 85%;
    justify-self: center;
    justify-items: center;
    padding-top: 30px;
    text-transform: uppercase;
    /* font-weight: 700; */
    font-size: .8em;
    border-top: 1px solid var(--grey);
    text-transform: uppercase;
    margin-bottom: 50px;
}

.add_in_cart_wrapper .total_box .row {
    width: 100%;
}

.add_in_cart_wrapper .total_box .total_label {
    align-content: center;
    height: 100%;
}

.add_in_cart_wrapper .total_box .total_price {
    text-align: right;
    font-size: 1.5em;
    font-family: "Noway Bold", sans-serif;
    font-weight: normal;
    padding-right: 5px;
}

.add_in_cart_wrapper .total_box .extra_text {
    font-family: "Noway Regular", sans-serif;
    color: var(--softgold);
    text-transform: initial;
    justify-self: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 12px;
    margin-bottom: 20px;
}

.add_in_cart_wrapper .total_box .extra_text.min_price_text {
    color: #292828;
}

.add_in_cart_wrapper .skillbar {
    width: 100%;
}

.add_in_cart_wrapper .content_spinner {
    display: none;
}

.quantity {
    display: inline-block;
}

.quantity .pro-qty {
    width: 93px;
    height: 37px;
    background: var(--white);
    border: solid 0.5px var(--productgrey);
    border-radius: 2px;
    padding: 0px 7px;
}

.quantity .pro-qty .qtybtn {
    height: 40px;
    width: 50px;
    font-size: 1.5em;
    color: var(--washed-brown);
    transition: .3s all;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.product-page .quantity .pro-qty {
    border: none;
    height: auto;
    display: flex;
    width: 100%;
}

.product-page .quantity-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.product-page .quantity .pro-qty input {
    border: 1px solid var(--washed-brown);
    color: var(--softgold);
    line-height: normal;
    width: 40px;
    height: 40px;
    line-height: 60px;
    text-align: center;
    margin: 0 6px;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    transition: .3s all;
}

.product-page .quantity .pro-qty .dec.qtybtn:after {
    content: '';
    background-image: url(../images/new/arrow-quantity-prev.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    transition: .3s all;
}

.product-page .price-wrapper {
    justify-content: center;
}

.product-page .quantity .pro-qty .inc.qtybtn:after {
    content: '';
    background-image: url(../images/new/arrow-quantity-next.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    transition: .3s all;
}

.product-page .quantity .pro-qty .inc.qtybtn:hover {
    opacity: 0.3;
}

.product-page .quantity .pro-qty .dec.qtybtn:hover {
    opacity: 0.3;
}

.qtybtn_p.is-disabled {
    pointer-events: none;
    opacity: 0.5;
}

#product-properties-sidebar .quantity .pro-qty input {
    border: 1px solid var(--washed-brown);
    color: var(--softgold);
    line-height: normal;
    width: 40px;
    height: 40px;
    line-height: 60px;
    text-align: center;
    margin: 0 6px;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    transition: .3s all;
}

/* #product-properties-sidebar .quantity .pro-qty .dec.qtybtn:after {
    content: '';
    background-image: url(../images/new/arrow-pagination.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 40px;
    height: 30px;
    width: 30px;
    top: 48px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    transition: .3s all;
} */

#product-properties-sidebar .price-wrapper {
    width: 100%;
    justify-content: center;
    margin-top: 16px;
    border-bottom: 2px solid var(--grey);
    padding-bottom: 20px;
}

/* #product-properties-sidebar .quantity .pro-qty .inc.qtybtn:after {
    content: '';
    background-image: url(../images/new/arrow-pagination.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 40px;
    height: 30px;
    width: 30px;
    top: 48px;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    transition: .3s all;
} */

#product-properties-sidebar .quantity .pro-qty .inc.qtybtn:hover:after {
    opacity: 0.3;
}

#product-properties-sidebar .quantity .pro-qty .dec.qtybtn:hover:after {
    opacity: 0.3;
}

.product-page .gift {
    display: flex;
    align-items: center; 
    font-size: .9em;
    line-height: 1.2;
}

.product-page .gift .gift-title {
    width: 55%;
    padding-left: 10px;
    align-content: center;
    height: 100px;
    display: grid;
}

.product-page .gift .gift-title p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-page .gift span {
    font-size: 2em;
    color: var(--softcherryred);
}

.product-page .gift img {
    width: 100px;
}

.product-page .gift h4 {
    font-family: 'Noway Bold', sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: var(--softcherryred);
}

.product-page .add-to-cart-show {
    margin-inline: 15px;
}

.product-page .add_to_cart {
    font-family: 'Noway Medium', sans-serif;
    font-size: 1em;
    display: block;
    padding: 15px 55px;
    height: 54px;
    width: fit-content;
    align-self: center;
    border-radius: 6px;
    margin: 23px 0;
}

.product-page .add_to_cart img {
    right: 28px;
}

.product-page .quantity-wrapper label {
    font-family: 'Noway Regular', sans-serif;
    /* font-weight: 700; */
    margin-bottom: 15px;
}

.order-data-row {
    border-top: 1px dotted var(--black);
    border-bottom: 1px dotted var(--black);
    padding: 20px 0;
    margin-inline: 0;
}

.order-data-row > [class*="col-"]:not(:last-child) {
    border-right: 1px dotted var(--black);
}

.quantity .pro-qty input {
    width: 25px;
    float: left;
    border: none;
    height: 37px;
    line-height: 24px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background-color: transparent;
}

input:-internal-autofill-selected {
    background: none;
}

.numberInCart {
    position: absolute;
    font-size: 10px;
    text-align: center;
    color: var(--white);
    z-index: 501;
    left: 55%;
    top: 25%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
    background-color: var(--lightcherryred);
    border-radius: 50%;
    height: 14px;
    width: 14px;
}

@media (min-width: 1600px) {
    .numberInCart {
        font-size: 12px;
        height: 18px;
        width: 18px;
    }
}


.cart_no_results {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 100%;
}

.cart_no_results img {
    width: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}


.add_in_cart_wrapper .btn_primary {
    width: 100%; 
}

/* END OF SIDEBAR CART */

/* .switch_box {
    border-radius: 4px;
    background-color: #fbfbfb;
    width: 100%;
    margin-bottom: 15px;
    padding: 19px;
    padding-bottom: 5px;
}

.switch_input input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.switch_input label {
    cursor: pointer;
    text-indent: -9999px;
    width: 37px;
    height: 18px;
    display: inline-block;
    position: relative;
    border-radius: 9px;
    box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 50%);
    background-color: #f1f1f1;
}

.switch_input label:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    background-color: #fff;
}

.switch_input input:checked + label {
    background: #f3f3f3;
}

.switch_input input:checked + label:after {
    left: calc(100% - 0px);
    transform: translateX(-100%);
    background-color: #c8e28d;
}

.switch_input .text {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 20px;
    margin-top: -2px;
    text-transform: uppercase;
    vertical-align: top;
} */

.switch_input input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.switch_input label {
    cursor: pointer;
    text-indent: -9999px;
    width: 37px;
    height: 18px;
    display: inline-block;
    position: relative;
    border-radius: 9px;
    /* box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 50%); */
    border: 1px solid var(--softgold);
    background-color: var(--white);
}

.switch_input label:after {
    content: "";
    position: absolute;
    top: 1.5px;
    left: 2px;
    width: 13px;
    height: 13px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s;
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); */
    background-color: var(--softgold);
}

.switch_input input:checked + label {
    background: var(--gold-border);
}

.switch_input input:checked + label:after {
    left: calc(100% - 0px);
    transform: translateX(-115%);
    background-color: var(--white);
}

.switch_input .text{
    display: inline-block;
    margin-left: 5px;
    margin-top: -5px;
    vertical-align: top;
}

.select2 {
    width: 100% !Important;
}

.step1_select {
    margin-bottom: 15px;
}

.step1_select label {
    display: inline-block;
    color: #292828;
    font-size: 14px;
    background-color: #ffffff;
    position: absolute;
    z-index: 1;
    margin-left: 20px;
    margin-top: -10px;
    padding: 0 2px;
}

.company_box .custom_checkbox_checkmark {
    border-radius: 50%;
    border: 1px solid #979797;
    margin-top: -1px;
}

/* .select2-container .select2-selection--single {
    height: 44px!important;
} */

/* .desktop .select2-container .select2-selection--single {
    height: 38px!important;
} */

.read-all-blog {
    margin-top: 7px;
    font-size: .8em;
    text-align: center;
    text-transform: uppercase;
    transition: .3s all;
    border-radius: 6px;
}

.read-all-blog:hover {
    opacity: 0.7;
}

.chosenText {
    text-transform: uppercase;
    font-size: 12px !important;
}

.marginBottom {
    margin-bottom: 15px
}

.labelNew {
    margin-left: 15px;
    color: #292828;
    font-size: 14px;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 14px;
    padding: 0 2px;
    pointer-events: none;
    background: #fff;
    -webkit-transition: -webkit-transform 100ms ease;
    -moz-transition: -moz-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    -ms-transition: -ms-transform 100ms ease;
    transition: transform 100ms ease;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-24px);
}

.chosen-single {
    font-family: 'Muli', sans-serif !important;
    /* font-weight: 400 !important; */
    font-size: 13px !important;
    color: #555 !important;
    outline: none !important;
    border: 1px solid #dddddd !important;
    padding: 8px 20px !important;
    position: relative !important;
    width: 100% !important;
    height: 45px !important;
    border-radius: 4px !important;
}

.chosen-container {
    width: 100% !important;
}

.testNumber {
    color: #fd8a6e;
}

.chosen-container-single .chosen-single {
    background: white !important;
}

.chosen-container-single .chosen-search input[type=text] {
    font-family: 'museo-sans', sans-serif;

}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: 'museo-sans', sans-serif;
}

.chosen-search-input {
    border-radius: 3px !important;
}

.change_language {
    color: #292828;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: 0px;
    display: inline-block;
    position: relative;
    float: right;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 15px;
}

.change_language img {
    width: 20px;
    vertical-align: top;
    margin-top: 2px;
}

.language_list {
    width: 70%;
    list-style: none;
    padding: 0px;
    margin: 0 auto;
}

.language_list li {
    margin-bottom: 20px;
}

.language_list a {
    display: inline-block;
    height: 41px;
    padding: 0px 30px;
    border-radius: 6px;
    line-height: 41px;
    border: solid 1px #cab180;
    text-transform: uppercase;
    font-size: 12px;
    transition: .3s;
    letter-spacing: 1px;
    color: #292828;
    width: 100%;
    position: relative;
}

.language_list a:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    background-size: 10px;
    display: block;
    background-image: url(../images/icons/right-arrow.svg);
    top: 14px;
    right: 14px;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 1px solid #292828;
}

.language_list a img {
    width: 25px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 7px;
}

.language_list a:hover {
    box-shadow: 1px 1px 7px 0px #dddbdb;
}

.language_list a.active_lang {
    background-color: #cab180;
}

.modal#ChangeLanguageModal h4 {
    font-size: 25px;
    margin: 0 auto;
}

.other_products .product_card {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.other_products h3.section_title {
    font-size: 18px;
    padding: 0 5px;
    text-align: center;
}

.other_products .product_card .img_box {
    height: 85px;
    width: 30%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.other_products .product_card .content {
    width: 67%;
    display: inline-block;
    padding-left: 15px;
    vertical-align: top;
}

.other_products .product_card h3 {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.other_products .product_card .content .old_price {
    font-size: 12px;
    color: #888888;
    text-decoration: line-through;
}

.other_products .product_card .content .price {
    font-size: 16px;
    color: var(--black);
}

.other_products .product_card .content .discount {
    font-size: 12px;
    color: var(--red);
    text-align: right;
    margin-top: 3px;
}

.other_products .product_card button {
    padding: 0 25px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.timer-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; 
    height: 100%;
}

.timer-text p {
    font-size: 16px;
    justify-content: center;
    align-items: center;
    color: var(--softcherryred);
    line-height: normal;
    text-align: center;
    /* font-weight: 600; */
}

.gift_img_cart{
    width: 19px;
    filter: invert(75%) sepia(8%) saturate(1421%) hue-rotate(1deg) brightness(96%) contrast(86%);
    position: absolute;
    top: 10px;
    /* right: 10px; */
    left: 70px;
}

.time-box {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.timer-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.timer-value {    
    /* font-weight: bold; */
}

.timer-label {
    font-size: 0.8em;    
    /* font-weight: 500; */
}

.timer-box {
    color: #ffffff;
    border-radius: 7px;
    align-items: center;
    justify-content: space-between;
    max-width: 240px; 
    border: 1px solid var(--softcherryred);
    position: relative;
    
}

.time-box {
    border-radius: 6px;
    background-color: var(--softcherryred);
    /* padding: 5px 11px; */
}

.time-box p {
    font-size: 20px;
    /* font-weight: 900; */
    color: #ffffff;
}

.error_page .error_card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error_page img {
    width: 200px;
    margin-bottom: 30px;
}

.error_page div {
    margin-bottom: 30px;
}
    
.error_page a {
    text-decoration: underline;
}

@media (max-width: 450px) {
    .discount-tag-new {
        left: 15px;
    }

    /* .gift-tag-new {
      left: 15px;
    } */

    .timer-box {
        max-width: 240px;
    }

    .product-tag-super-discount {
        font-size: 12px;
    }

    .product-tag-gift {
        font-size: 12px;
    }

    .timer-div {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.b2bnoprice {
    text-align: right;
    font-size: 14px;
    /* font-weight: bold; */
    color: darkorange;
}

#MegamenuSearch .discount_mobile {
    display: none;
}

@media (min-width: 1600px) {
    .product-price h2 {   
        font-size: 1.67em;
    }

    .delivery-wrapper h4, 
    .delivery-wrapper p {
        font-size: 1em;
    }

    .product-page h1 {
        font-size: 1.6em
    }
}

@media (min-width: 1900px) {
    .product-price h2 {   
        font-size: 1.99em;
    }
    
    .timer-note {
        width: 80%;
    }

    #products .timer-note {
        width: 65%;
    }

    .product_content_box .timer-note {
        width: 85%;
    }

    .product-title {
        font-size: 2em;
    }

    .package-box {
        min-width: 50px;
        padding: 11px 4px;
        font-size: 1em;
    }

    .product-quantity {
        gap: 11px
    }

    .product-quantity div {
        min-width: 50px;
        padding: 11px 4px;
        font-size: 1em;
    }

    .product-sku {
        font-size: 1em;
    }

    .package-text {
        font-size: 1.2em;
    }

    .product-img-slider-dots .slick-dots li button:before {
        font-size: 18px;
    }
    
    .product-img-slider-dots .slick-dots li.slick-active button:before {
        top: 0px;
    }

    .add_to_cart {
        padding-inline: 100px;
        height: 55px;
        font-size: 1.2em;
    }

    .delivery-wrapper h4, 
    .delivery-wrapper p {
        font-size: 1.1em;
    }

    .product-page h1 {
        font-size: 1.8em
    }

    .order-info li {
        font-size: 1.3em;
        width: 40%;
    }    

    .product-page .gift {
        display: flex;
        align-items: center; 
        font-size: 1.1em;
        line-height: 1.2;
    }
    
    .product-page .gift span {
        font-size: 3.3em;
    }

    .product-page .gift img {
        width: 140px;
    }

    .product-page .add_to_cart {
        font-size: 1.2em;
        padding: 15px 55px;
        height: 60px;
    }

    .in-stock-again-box input {
        font-size: 1.2em;
    }

    .in-stock-again-box button {
        height: 60px !important;
        font-size: 1.2em;
    }
    
    .product-page .others-images .other-image-bg {
        min-height: 120px;
    }

    .product-page .main_bg {
        height: 80%;
    }

    .card-tags-single-page .product-tag {
        scale: 115%;
    }

    .number-of-ratings .vertical-list li {
        font-size: 1.5em;
    }

    .number-of-ratings .vertical-list li img {
        width: 22px;
    }

    .number-of-ratings span {
        font-size: 1.5em;
    }

    .stock {
        font-size: 1.1em;
    }

    .stock .title {
        padding: 7px 7px;
        padding-left: 27px;
    }

    .stock-mark {
        padding: 15px 11px;
    }

    .stock-mark.green {
        padding: 16px 11px;
    }

    .stock-mark.orange {
        padding: 16px 11px;
    }

    .sale-timer-container { 
        font-size: 1.3em;
        margin-bottom: 2.5rem !important;
    }

    .sale-timer-container .sale-timer-title {
        padding: 11px 15px;
    }

    .order-info img {
        width: 70px;
        margin-right: 15px;
    }

    .product_content_box .sale-timer-container {
        font-size: 1.1em;
        margin-bottom: 0 !important;
    }

    .product-page .video_frame {
        height: 475px;
    }

    .product-page .short {
        font-size: 1.5em;
        padding-top: 50px;
    }

    .label-wrapper {
        font-size: 1.7em;
    }

    .label-wrapper img {
        height: 110px;
        width: 110px;
    }

    .accordion .card .card-header .btn-header-link {
        font-size: 1.7em;
    }

    .product-description {
        font-size: 1.4em;
    }
    
    .card-body h4 {
        font-size: 1.3em;
    }

    .skillbar {
        height: 20px;
    }

    .skillbar-bar {
        height: 20px;
    }

    .opinions .total_ratings li span,
    .opinions-wrapper span {
        font-size: 1.5em;
    }

    .product-page .opinions-label,
    .suggested-products h3 {
        font-size: 3.5em;
        padding-bottom: 25px;
    }

    .single_opinion {
        font-size: 1.5em;
    }

    .suggested-products .add_to_cart,
    #products .add_to_cart {
        padding-inline: 50px;
    }

    #products .product-card {
        min-height: 700px;
    }

    .suggested-products .product-card {
        min-height: 700px;
    }

    #SearchProductsResults .suggested-products .product-card {
        min-height: 600px;
    }

    #products .product-img-wrapper, .suggested-products .product-img-wrapper {
        min-height: 260px;
    }

    .partners-section {
        font-size: 1.6em;
        padding: 40px 0;
    }

    .partners-section img {
        height: 40px;
    }

    .register-section h2 {
        font-size: 4em;
    }

    .register-section p {
        padding-inline: 14em;
        font-size: 1.5em;
    }

    footer a {
        font-size: 1.5em;
    }

    .breadcrumbs {
        font-size: 0.9em;
        padding: 20px 0;
    }

    .top-nav {
        font-size: 1.1em;
        height: 60px;
    }

    .arrow {
        top: 4.7em;
    }

    .add_in_cart_wrapper .header .close_cta {
        font-size: 1.3em;
    }

    .add_in_cart_wrapper .header .close_cta img {
        width: 7px;
    }

    .add_in_cart_wrapper .header .bottom h2 {
        font-size: 2.3em;
    }

    .add_in_cart_wrapper .products .product_card h3 {
        font-size: 1.5em;
    }
    
    .add_in_cart_wrapper .products .product_card .img_box {
        height: 140px;
    }

    .add_in_cart_wrapper .product_card .content .price {
        font-size: 1.5em;
    }

    .quantity .pro-qty {
        width: 120px;
    }

    #cd-cart .quantity .pro-qty .qtybtn {
        width: 35px;
    }

    #cd-cart .quantity .pro-qty input {
        width: 35px;
        height: 35px;
        font-size: .8em;
    }
     
    .add_in_cart_wrapper .products .product_card .remove_item {
        height: 36px;
        margin-top: -2px;
    }

    .navbar-icons img {
        max-height: 50px;
    }

    .numberInCart {
        font-size: 15px;
        height: 22px;
        width: 22px;
    }

    .add_in_cart_wrapper .total_box {
        font-size: 1em;
    }

    .btn_cart {
        height: 45px;
        padding: 11px 60px;
    }

    .category-header {
        font-size: 1em;
    }

    .category-header img {
        height: 282px;
        width: 282px;
    }

    .sort-wrapper label {
        font-size: .8em;
    }

    .products-section h1 {
        font-size: 2.5em;
    }

    .subcategory-description .body-wrapper {
        font-size: 1.3em;
    }

    .filter-container {
        padding: 6px 75px 6px 20px;
        font-size: 1em;
    }

    .filters-section.filters label {
        font-size: 1.3em;
    }

    .filters-section.filters.active-filter label:after {
        height: 12px;
        width: 10px;
    }

    .categories-section ul li {
        font-size: 1.1em;
    }

    .custom-control-label {
        font-size: 1.1em;
    }

    .custom-checkbox .custom-control-label::before {
        height: 20px;
        width: 20px;
    }

    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
        height: 12px;
        width: 12px;
    }

    .btn-more {
        font-size: 1.1em;
    }

    #products .product-title, 
    .suggested-products .product-title {
        font-size: 1.8em;
    }

    .category-header .btn-expand {
        height: 55px;
        padding: 0 75px;

    }

    .subcategory-description .h3-wrapper h3 {
        font-size: 2.8em;
    }

    .blogs .categories-header,
    .categories-box a {
        font-size: 1.2em;
    }

    .blog-text-wrapper label {
        font-size: 1.2em;
    }

    .blog-label h1 {
        font-size: 2em;
    }

    .blog-label p {
        font-size: 1.2em;
    }

    .blog-text-wrapper .btn-send {
        height: 53px;
        font-size: 1em;
    }

    #search-blogs {
        padding: 12px 23px;
        font-size: 1em;
    }

    #SearchProductsResults .add_to_cart {
        height: 55px;
        font-size: 1.2em;
        padding-inline: 50px;
    }

    .search-wrapper {
        height: 72px;
    }

    .search input {
        padding-left: 60px;
        font-size: 1.2em;
    }

    .search .search_img {
        height: 32px;
    }

    .search .close_img {
        height: 19px;
    }

    .no_search_results {
        font-size: 1.2em;
    }

    .mega_dropdown .right h3 {
        font-size: 1.2em;
    }

    .mega_dropdown .right ul li a {
        font-size: 1.2em;
    }

    .login_page h1 {
        font-size: 3.2em;
    }

    .user-login-wrapper .btn_primary,
    .user-forgot-password-wrapper .btn_primary,
    .btn-register {
        font-size: 1.1em;
        height: 55px !important;
        padding: 0 90px;
    }

    .subpage.sub .btn_primary,
    .send-message-container .btn-send {
        font-size: 1.2em;
        height: 65px !important;
        padding: 0 70px;
    }

    .forgot-pasword,
    .new-at,
    .create-new-profile,
    .back-to-login {
        font-size: 1.2em;
    }

    .register_form .custom_checkbox_checkmark {
        top: 8px;
    }

    .subpage .register_form .custom_checkbox {
        font-size: 1.2em !important;
    }

    .input_wrapper input,
    .subpage.login_page .input_wrapper input {
        font-size: 1.2em;
        height: 65px;
    }

    .header-link {
        font-size: 1.1em;
        padding: 17px 73px;
        letter-spacing: 1px;
    }

    .slick-dots li,
    .slick-dots li button,
    .header .slick-dots li button:before {
        font-size: 16px;
        width: 25px;
        height: 25px;
        margin: 0 10px;
    }

    .header .slick-dots li.slick-active button:before {
        top: -3px;
    }

    .header-text,
    .header #content-2 div,
    .header #content-3 div {
        font-size: 4.5em;
    }

    .header #content-1 span, 
    .header #content-2 span, 
    .header #content-3 span, 
    .header #content-2 p,
    .header #content-3 p {
        font-size: 1.2em;
    }

    .header .right .box .bg-image {
        height: 300px;
    }

    .header,
    .header-slider,
    .header .bg-header-image-1,
    .header .bg-header-image-2,
    .header .bg-header-image-3 {
        height: 770px;
    }
    
    .header .bg-header-image-2 {
        background-size: 740px;
    }

    #content-1 {
        bottom: 19%;
    }

    .header .live-label {
        font-size: 1.3em;
        padding: 0.7rem;
        padding-inline: 1rem;
        left: 35px;
    }

    .header .live-label .dispatcher {
        left: 1.55em;
    }

    .header .live-label img {
        width: 45px;
    }

    .header .right .box .box-content h2 {
        font-size: 2.3em;
    }

    .header .right .box {
        padding: 35px;
    }

    .section-header {
        font-size: 4em;
    }

    .link-container {
        width: 350px;
        height: 350px;
        font-size: 2em;
        padding-inline: 2em;
    } 
    
    .product-tag {
        right: 0;
    }

    .product-tag {
        font-size: 1em;
    }

    .product-tag-title strong {
        font-size: 1.4em !important;
    }
    
    .product-tag-single-page .product-tag-title strong {
        font-size: 1.2em !important;
    }

    /* .product-tag-single-page {
        top: -40px;
    } */

    .card-tags-single-page {
        top: 40px;
    }

    .blog-date, 
    .single-blog li, 
    .single-blog p, 
    .subpage li,
    .subpage p {
        font-size: 1.5em;
    }

    .send-message, h2.main {
        font-size: 3em;
    }

    .main_text dd,
    .main_text dt {
        font-size: 1.5em !important;
    }

    .webzine-page .col-md-8 {
        max-width: 100%;
    }

    .webzine-page .offset-md-2 {
        margin-left: 40px;
    }

    .custom_checkbox {
        font-size: 1.2em !important;
    }

    .subpage.webzine-page .custom_checkbox,
    #Terms_wrapper .custom_checkbox {
        padding-left: 35px;
    }

    .custom_checkbox_checkmark {
        top: 6px;
        height: 22px;
        width: 22px;
    }

    .products_results_cta {
        height: 55px;
        font-size: 1.2em;
        padding-inline: 50px;
    }

    .arrow-connector {
        right: 13em;
    }
}

@media (min-width: 2000px) {
    .arrow {
        top: 6.3em;
    }

    .arrow-connector {
        right: 10em;
        width: 50px;
    }
}

@media (min-width: 2300px) {
    .arrow-connector {
        right: 19em;
    }
}

@media (max-width: 2500px) {
    .arrow {
        top: 4.7em;
    }
}

@media (max-width: 1900px) {
    .arrow {
        top: 5.8em;
    }
}

@media (max-width: 1620px) {
    .arrow {
        top: 4.8em;
    }
}

@media (max-width: 1415px) {
    .numberInCart {
        font-size: 8px;
        height: 12px;
        width: 12px;
    }
}

@media (max-width: 1147px) {
    .arrow {
        top: 3.8em;
    }
}

@media (max-width: 1002px) {
    .arrow {
        top: 2.2em;
    }
}