/*  Author     : Gašper R. and Tadej F. and Gasper B. BPLANET D.O.O */
/* font: 'Playfair Display', serif */


/* MAIN */

@font-face {
    font-family: 'LeagueSpartan-Bold';
    src: url('../fonts/LeagueSpartan-Bold.ttf') format("truetype");
}
@font-face {
    font-family: 'LeagueSpartan-Regular';
    src: url('../fonts/LeagueSpartan-Regular.ttf');
}

@font-face {
    font-family: 'LibreBaskerville-Bold';
    src: url('../fonts/LibreBaskerville-Bold.ttf') format("truetype");
}
@font-face {
    font-family: 'LibreBaskerville-Regular';
    src: url('../fonts/LibreBaskerville-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'JosefinSans-Regular';
    src: url('../fonts/JosefinSans-Regular.ttf') format("truetype");
}
​
:root {
    --black-p: #000;
    --black: #000000;
    --white: #ffffff;
    --brown: #3e3e3e;
    --grey: #e2e2e2;
    --lightgrey: #f9f9f9;
    --lightblack: #292828;
    --lightblue: #f2f5fb;
    --green: #555555;
    --lightgreen: #c8e28d;
    --linegrey: #d8d8d8;
    --table: #eeeeee;
    --red: #d11149;
    --orange: #E9AEA2;
    --select2-grey: #888888;
}

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

body{
    font-family: 'JosefinSans-Regular';
    font-size: 14px;
    color: var(--black);
    background-color: var(--white);
    overflow-x: hidden !important;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


button:focus {
    outline: none;
    box-shadow: none;
}

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

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

label {
    margin: 0;
}

a:hover {
    text-decoration: none;
    color: #74AADA;
}

h1 {
    font-size: 36px;
    /*font-family: 'Montserrat', serif;*/
    font-family: 'JosefinSans-Regular';
    margin: 0;
}

.fakehone {
    font-size: 36px;
    /*font-family: 'Montserrat', serif;*/
    font-family: 'JosefinSans-Regular';
    margin: 0;
}

h2 {
    font-size: 24px;
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'JosefinSans-Regular';
    margin: 0;
}

h3 {
    font-family: 'JosefinSans-Regular';
    margin: 0;
}

p {
    font-family: 'LibreBaskerville-Regular';
    padding: 0;
    margin: 0;
    font-size: 14px;
}

button{
    outline: none !important;
    font-size: 16px;
}

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

button:hover{
    cursor: pointer;
}

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

img:focus {
    outline:none !important;
}


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


/* END OF MAIN */


/* TOP CONTAINER */

.top-container {
    height: 27px;
    background-color: #2e5266;
    color: var(--white);
    position: fixed;
    top: 0;
    width: 100%;
    font-size: 12px;
    z-index: 1050;
    display: flex;
}

.settings-phone::before {
    content: "";
    background-image: url("../images/icons/calling.svg");
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: 6px;
    background-repeat: round;
}

.info-email::before {
    content: "";
    background-image: url("../images/icons/message.svg");
    background-repeat: round;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 6px;
}


/* END TOP CONTAINER */

/* NAVBAR */

.animated-icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon span {
    background: var(--brown);
}

.desktop {
    display: inline;
    color: #FFFFFF;
}

.mobile {
    display: none;
}

.body-content.navbar-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}


.navbar-overlay {
    z-index: 10;
    filter: brightness(0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.lightgrey {
    background-color: #AEAEAE;
}

.content-overlay {
     filter: brightness(0.7);
     background-color: var(--lightgrey);
}

.animated-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon span:nth-child(2) {
    top: 8px;
    width: 70%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon span:nth-child(3) {
    top: 16px;
    width: 50%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}

.animated-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
    width: 100%;
}

.profile-img {
    position: relative;
    bottom: 1px;
}

.login-btn {
    text-decoration: underline;
}

.administration {
    color: #FFFFFF;
}

.administration-icon {
    height: 16px;
    width: 16px;
}

.log-out-icon {
    height: 16px;
    width: 16px;
    position: relative;
    bottom: 1px;
}

.navbar {
    font-family: 'JosefinSans-Regular';
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 27px;
    font-size: 14px;
    /*padding: 15px 0px;*/
    background-color: var(--white);
    z-index: 1050;
    height: 70px;
}

.navbar-collapse{
    background-color: #ffffff;
}

.nav-link {
    margin: 0px 30px;
}

/* END OF NAVBAR */

/* HEADER */

#headers {
    background-color: var(--black);
    margin-top: 100px;
}

.header {
    position: relative;
}

.slick-list {
    transition-delay: .1s;
}

.single_header {
    position: relative;
}

.header .middle {
    height: 510px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mt-custom {
    margin-top: 5rem;
}

#mobile-slider {
    display: none;
}

#gdpr-cookie-message {
    display: block;
    font-family: 'JosefinSans-Regular';
    font-weight: 400;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #051824;
    padding: 10px 20px;
    text-align: center;
}
#gdpr-cookie-message h4,
#gdpr-cookie-message p {
    font-family: 'JosefinSans-Regular';
    color: #ffffff;
    display: inline-block;
    margin: 0;
    font-size: 13px;
}
#gdpr-cookie-message h4 {
    font-family: 'JosefinSans-Regular';
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    padding-right: 15px;
}
#gdpr-cookie-message p a {
    color: #0064a7;
    text-decoration: underline;
    padding-left: 5px;
}
#gdpr-cookie-message button {
    font-family: 'JosefinSans-Regular';
    margin: 0 10px;
    background-color: #FFFFFF;
    border: none;
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
    transition: .3s all;
}
#gdpr-cookie-message button#gdpr-cookie-advanced {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
#gdpr-cookie-message button:hover {
    opacity: 0.7;
}
#gdpr-cookie-message button#gdpr-cookie-advanced:hover {
    opacity: 0.7;
}
#gdpr-cookie-types h5 {
    font-family: 'JosefinSans-Regular';
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    margin: 10px 0;
}
#gdpr-cookie-types ul {
    padding: 0;
}
#gdpr-cookie-types ul li {
    list-style: none;
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-size: 13px;
}

.cc-modal-window {
    background-color: #fff;
}
.cc-window {
    background-color: #fff;
}

.carousel-indicators {
    left: auto;
    right: 0;
    bottom: 13.5%;
    margin-right: 15px;
}

.carousel-indicators .active {
    background-color: black;
    opacity: 1;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--black-p);
    opacity: 0.37;
}

.slider-button {
    text-align: center;
    display: block;
    width: fit-content;
    margin-top: 10px;
    padding: 15px 30px;
    font-family: 'JosefinSans-Regular';
    border-radius: 3px;
    border: 0px;
    color: white;
    background-color: #4cb5eb
}

.btn-link {
    display: block;
    width: fit-content;
    text-decoration: none !important;
    margin-top: 10px;
}

.header_arrows {
    display: none;
}

.slick-dots {
    bottom: 40px;
    left: 50%;
    width: 50%;
}

.slick-dots li {
    margin: 0 35px;
}

.slick-dots li button:before {
    border-bottom: 2px solid var(--white);
    font-family: unset;
    width: 72px;
    content: '';
}

.slider-count {
    display: none;
}

/* LANDING PAGE */

.shop-items-container {
    margin: 0 30px;
}

.shop-items-container a {
    margin: 0 12px;
}

.shopping-bag-mobile {
    /*background-color: var(--green);*/
    border-radius: 19px;
    padding: 4px 8px;
    margin: 0 10px;
    transition: .3s all;
    position: relative;
}

.shopping-bag-mobile:hover {
    opacity: 0.7;
}

.shopping-bag-mobile label {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 2px;
    left: -1px;
}

.search-desktop {
    transition: .3s all;
}

.search-desktop:hover {
    /*filter: invert(90%) sepia(14%) saturate(1162%) hue-rotate(97deg) brightness(91%) contrast(94%);*/
    filter: invert(59%) sepia(63%) saturate(471%) hue-rotate(158deg) brightness(92%) contrast(93%);
}

.shopping-bag-desktop {
    /*background-color: #555555;*/
    border-radius: 19px;
    padding: 4px 8px;
    position: relative;
    bottom: 5px;
    transition: .3s all;
}

.shopping-bag-desktop:hover {
    /*opacity: 0.7;*/
    filter: invert(59%) sepia(63%) saturate(471%) hue-rotate(158deg) brightness(92%) contrast(93%);
}

.shopping-bag-desktop label {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 2px;
    left: -1px;
}

.recommended {
    background-color: var(--lightgrey);
    padding-top: 50px;
    padding-bottom: 120px;
}

.product-wrapper {
    /*background-color: var(--white);*/
    /*padding-bottom: 25px;*/
    /*height: 280px;*/
}

#SearchProductsResults .product-wrapper {

    padding-bottom: 25px;

}

.product-card {
    transition: .3s all;
    cursor: pointer;
    background-color: #ffffff;
}

.product-top {
    height: 17%;
}

.new-wrapper {
    margin: 5px 15px;
}

.new {
    font-size: 10px;
}

.product-card a:hover {
    opacity: 0.6;
    color: var(--black);
}

.product-card img {
    object-fit: cover;
    max-height: 315px;
    max-width: 100%;
}

.product-price label {
    font-size: 16px;
    font-weight: bold;
    margin-left: 6px;
}

.product-price {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
}

.discount-price {
    text-decoration: line-through;
}

.product-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    /*margin-top:20px;*/
    padding: 10px;
}

.product-description p {
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'JosefinSans-Regular';
    font-size: 18px;
    padding-bottom: 5px;
}

.product-description span{
    font-family: 'LibreBaskerville-Regular';
    font-size: 12px;
    color: #2e5266;
}

.product-description .short{
    font-family: 'LibreBaskerville-Regular';
    color: #292828;
    font-size: 12px;
    opacity: 0.8;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.product-description .text-right{
    font-family: 'JosefinSans-Regular';
    color: #292828;
    font-size: 18px;
}
.product-description .price-crossed{
    font-family: 'JosefinSans-Regular';
    color: #292828;
    font-size: 12px;
}

.price-crossed {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400;
}

.discount {
    background-color: var(--green);
    border-radius: 16px;
    height: 31px;
    display: flex;
    align-items: center;
    margin: 7px;
    padding: 0px 8px;
    font-size: 12px;
}

.enterosgel-text a:hover {
    color: var(--black);
}

.enterozoo-text a {
    position: relative;
    top: 20px;
    padding: 12px 55px;
}

.w-40 {
    width: 40%;
}

.input-group {
    width: auto;
    height: 51px;
}


.field {
    position: relative;
    margin: 0 auto;
    width: 100%;
    color: #ffffff;
}

.images-wrapper {
    display: flex;
}

.landing-left-text {
    position: relative;
    top: 170px;
    display: block;
    padding-left: 100px;
}



.landing-left-all {
/*    content: "";
    background-image: url("../images/aktivni-mediji.jpg");*/
    position: absolute;
    /*width: 51%;*/
    /*left: -2px;*/
    height: 520px;
/*    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    cursor: pointer;
    transition: .3s all;
}

.landing-wrapper {
    position: relative;
    height: 520px;
    margin-top: 97px;
}

.landing-right-top {
    content: "";
    background-color: #2e5266;
    color: white;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: initial;
    transition: .2s all;
}

.landing-right-top-text {
    display: flex;
    height: 100%;
    color: #000000;
    padding-left: 70px;
    flex-direction: column;
    justify-content: center;
}

.landing-right-top-text span{
    font-family: 'LibreBaskerville-Regular';
    font-size: 16px;
    color: #ffffff;
}
.landing-right-top-text h1{
    color: #ffffff;
}

.landing-right-top-text button{
    width: 50%;
    margin-top: 50px;
    padding: 15px 30px;
    font-family: 'JosefinSans-Regular';
    border-radius: 3px;
    border: 0px;
    color: white;
    background-color: #4cb5eb;
}

.landing-right-top:hover {
    -webkit-filter: brightness(95%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    /*color: var(--black);*/
}

/* END OF LANDING PAGE */

/* FOOTER */

footer {
    /*background-color: var(--lightgrey);*/
    background-color: #2e5266;
    color: #ffffff;
    padding-top: 80px;
    font-size: 16px;
    padding-bottom: 20px;
}
footer a{
    color: white;
}

.logo-footer {
    max-width: 205px;
}

.footer-pages {
    text-transform: uppercase;
    margin-bottom: 25px;
}

/*.info-email-footer {
    margin: 16px 0px;
}*/

.info-email-footer::before {
    content: "";
    background-image: url("../images/icons/message.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 6px;
    background-repeat: round;
    vertical-align: sub;
}

.info-phone-footer::before {
    content: "";
    background-image: url("../images/icons/calling.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: 6px;
    background-repeat: round;
    vertical-align: sub;
}

.footer-images img {
    max-width: 38px;
    max-height: 38px;
}

/* END OF FOOTER */

/* PRODUCTS */

.breadcrumb {
    background: none;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--white);
    padding: 0;
    margin-bottom: 5px;
}

.btn-products {
    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 {
    min-height: 277px;
    padding: 0;
    background-color: var(--menu);
}

.products-section .breadcrumb-item {
    z-index: 1;
}

.filter-products-form .breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--black);
}

.products-section .breadcrumb {
    opacity: 0.8;
    margin-top: 2rem;
}

.products-section-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.products-section .breadcrumb-item.active a {
    opacity: 0.8;
}

.products-section .breadcrumb-item.active a:hover {
    opacity: 0.8;
}

.products-section .breadcrumb-item a:hover {
    opacity: 0.6;
}

.products-section .breadcrumb-item a {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    color: var(--white);
}

.products-section h2 {
    font-size: 2.5rem;
    color: white;
    margin-bottom: 0.5rem;
}

.products-section p {
    font-family: 'Montserrat', sans-serif;
    color: var(--white);
    font-size: 1.125rem;
}

.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 .col-md-10,
.products-section .col-md-2 {
    padding: 0;
}

.sort-section {
    padding: 15px;
}

.sort-wrapper {
    /*    display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;*/
}

.products-number {
    margin-left: auto;
}

.sort-wrapper {
    display: flex;
    padding: 10px;
    align-items: center;
}


.products-container {
    margin-top: 17rem;
}

.sort-wrapper label {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    color: var(--black);
    margin-bottom: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.filters-wrapper label {
    text-transform: uppercase;
    font-size: 12px;
}

.filter-container {
    background-color: var(--lightgrey);
    margin: 3px;
    padding: 8px 42px 8px 13px;
    font-size: 12px;
    color: var(--black);
    position: relative;
    cursor: pointer;
}

.filter-container:hover {
    opacity: 0.7;
}

.filter-container:after {
    content: 'x';
    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 var(--fine-line);
}

.categories-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-title {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 1.875rem;
    color: var(--black);
    border-bottom: 1px solid var(--fine-line);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.categories-section ul li:last-child {
    margin-bottom: 0.5rem;
}

#filters .custom-checkbox:nth-last-of-type {
    margin-bottom: 15px;
}

.categories-section ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    color: var(--black);
    text-transform: uppercase;
    letter-spacing: 0.45px;
    padding: 2px 10px;
    margin: 5px 0;
}

.categories-section ul li.active-category {
    background-color: var(--fine-line);
    width: fit-content;
}

.categories-section ul li.active-category a:hover {
    color: var(--black);
    opacity: 0.7;
}

.filters-section.filters {
    border-top: 1px solid rgba(41, 40, 40, 0.1);
    border-bottom: none;
    cursor: pointer;
    margin-top: 12px;
}

.filters-section.filters.filters-label {
    border-top: 1px solid rgba(41, 40, 40, 0.1);
    border-bottom: none;
    padding: 10px;
    margin-top: 12px;
}

.filters-section.filters label {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.filters-section.filters label:after {
    content: '';
    background-image: url(../images/down-arrow.svg);
    height: 6px;
    width: 10px;
    background-size: cover;
    background-position: center;
    transform: rotate(-90deg);
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0px;
    border: 1px solid var(--lighterblue);
    height: 12px;
    width: 12px;
    background-color: var(--white);
    border-color: var(--lighterblue);
}

.custom-checkbox {
    
    transition: .3s all;
    display: flex;
    align-items: center;
    min-height: initial;
    padding-left: 1.2rem;
    margin: 0 12px;
}

.custom-control-label {
    cursor: pointer;
    font-size: 14px;
    color: var(--black);
}

.custom-checkbox:hover {
    opacity: 0.6;
}

.filters-section.filters.active-filter label:after {
    transform: rotate(0deg);
}

.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: url("../images/check.svg");
    background-color: var(--white);
    border: 1px solid var(--lighterblue);
    height: 12px;
    width: 12px;
    background-size: 7px;
}

.custom-color.custom-control-input:focus ~ .custom-control-label::before {
    background-color: var(--green);
}

.custom-checkbox .custom-color.custom-control-input:checked~.custom-control-label::after {
    background-color: var(--green);
}

/*#filters .custom-control:nth-child(n+5) {
    display: none;
}*/


#hidden-filters {
    display: none;
}

.btn-more {
    background: none;
    border: none;
    padding: 2px 10px;
    transition: .3s all;
    font-size: 14px;
    color: var(--black);
}

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

.btn-less {
    background: none;
    border: none;
    padding: 2px 10px;
    transition: .3s all;
    font-size: 14px;
    display: none;
}

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

.card-top {
    height: 20px;
    position: absolute;
    width: 100%;
}

#filters-mobile {
    display: none;
}

#product-count-mobile {
    display: none;
}

.bg-image {
    height: 24.875rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 7.3rem;
    position: absolute;
}

.filter-products-form .grid-container {
    grid-template-columns: 1.2fr 1fr;
}

.filter-products-form .grid-text h3 {
    white-space: initial;
}

.filter-products-form .grid-container .grid-item-1 {
    background-image: url(../images/sinter-elite.webp);
    background-image: -webkit-image-set(url(../images/sinter-elite.png) 1x);
    width: 100%;
    height: 14rem;
    display: block;
    background-size: cover;
    cursor: pointer;
}

.filter-products-form .grid-container .grid-item-2 {
    background-image: url(../images/bikes.webp);
    background-image: -webkit-image-set(url(../images/bikes.png) 1x);
    width: 100%;
    height: 14rem;
    display: block;
    background-size: cover;
    cursor: pointer;
}

.product-discount {
    background-color: var(--green);
    border-radius: 16px;
    height: 31px;
    display: flex;
    align-items: center;
    margin: 7px;
    padding: 0px 8px;
    font-size: 12px;
}

.basic-price {
    text-decoration: line-through;
}

/* END OF PRODUCTS */


/* SPINNER */


.content_spinner svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: rotation 1455ms infinite linear;
    color: var(--red);
}

.content_spinner circle {
    stroke: currentColor;
    stroke-dasharray: 44px;
    stroke-dashoffset: 11px;
    transform-origin: center;
    transform: rotatey(180deg) rotate(90deg);
    animation: spinner 3850ms infinite ease;
}

@keyframes spinner {
    0% {
        stroke-dashoffset: 33px;
        transform: rotatey(0deg) rotate(0deg);
    }
    25% {
        stroke-dashoffset: 11px;
        transform: rotatey(0deg) rotate(0deg);
    }
    25.0001% {
        stroke-dashoffset: 11px;
        transform: rotatey(180deg) rotate(270deg);
    }
    50% {
        stroke-dashoffset: 33px;
        transform: rotatey(180deg) rotate(270deg);
    }
    50.0001% {
        stroke-dashoffset: 33px;
        transform: rotatey(0deg) rotate(180deg);
    }
    75% {
        stroke-dashoffset: 11px;
        transform: rotatey(0deg) rotate(180deg);
    }
    75.0001% {
        stroke-dashoffset: 11px;
        transform: rotatey(180deg) rotate(90deg);
    }
    100% {
        stroke-dashoffset: 33px;
        transform: rotatey(180deg) rotate(90deg);
    }
}

@keyframes rotation {
    100% {
        transform: rotate(360deg);
    }
}

.content_spinner {
    width: 80px;
    color: #d3d4de;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

/* END OF SPINNER */

.multi_select input {
    margin-right: 100px;
}



.multi_select li label {
    line-height: 35px;
    width: fit-content;
    border: 1px solid #cec7bc;
    height: 35px;
    font-size: 12px;
    margin-bottom: 3px;
    cursor: pointer;
}

.multi_select li label span {
    text-align: center;
    display: block;
}

.multi_select li label input {
    position: absolute;
    display: none;
    color: #fff !important;
}
.multi_select li label input + span{
    padding: 0 15px;
}

.multi_select li label input + span:hover{
    opacity: 0.7;
}

.multi_select li input:checked + span {
    background-color: #ff7f11;
    color: #ffffff;
}

.active_filter li{
    height: 35px;
    padding: 0 15px;
    background-color: #fafafa;
    width: fit-content;
    line-height: 35px;
    font-size: 12px;
    margin-right: 15px;
    display: inline-block;
    margin-top: 10px;
}

.active_filter li img{
    margin-left: 9px;
    width: 9px;
}

.active_filter li img:hover{
    cursor: pointer;
    filter: invert(62%) sepia(24%) saturate(871%) hue-rotate(315deg) brightness(85%) contrast(115%);
}

.filter_content .content_spinner{
    display: none;
}

.required-input {
    background-color: #fad1d0;
}

.product-img {
    max-height: 90%;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.success-message {
    marign-top: 20px;
    background-color: #43AEE4;
    border-radius: 27px;
    padding: 10px 0px;
    font-weight: bold;
    display: none;
}

/* BLOG */

.categories-box {
    background-color: var(--lightbloggrey);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
}

.categories-box a {
    border-bottom: 1px solid var(--btngrey);
    padding: 5px;
}

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

.blogs{
    margin-top: 97px;
    background-color: var(--lightgrey);
}

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

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

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

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

#search-blogs {
    border-radius: 3px;
    background-color: var(--lightbloggrey);
    border: 1px solid transparent;
    width: 100%;
    padding: 12px;
    font-size: 14px;
}

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

.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 {
    width: 100%;
    height: 95%;
    display: inline-block;
    cursor: pointer;
    transition: .3s all;
    background-color: var(--lightbloggrey);
    margin: 14px 0px;
    border-radius: 3px;
    background-color: #FFFFFF;
}

.blog-label img {
    height: 150px;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.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: 12px;
}

.blog-label p {
    font-size: 14px;
    color: var(--blogcategorygrey);
}

.blog-text-wrapper {
    padding: 10px;
}

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

.blog-text-wrapper span{
    font-family: 'LibreBaskerville-Regular';
    font-size: 12px;
    color: #2e5266;
}

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

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

.blog-label h1 {
    font-size: 18px;
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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{
    margin-top: 150px;
}

.single-blog a{
    color: #43AEE4;
}

.single-blog li {
    font-size: 14px;
}

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

.single-blog .breadcrumb .breadcrumb-item a:hover {
    /*color: var(--red);*/
    color: #74AADA;
}

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

.single-blog-img {
    width: 100%;
    border-radius: 3px;
}

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

.prev-link:hover, .prev-link span:hover {
    /*color: var(--red);*/
    color: #74AADA;
}

.prev-link:hover span,
.prev-link:hover p,
.prev-link:hover p:before{
    color: #74AADA;
    right: 6px;
}

.next-link{
    text-align: right;
}

.next-link:hover span,
.next-link:hover p,
.next-link:hover p:after{
    /*color: var(--red);*/
    color: #74AADA;
    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 h4 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.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-between;
}

.single-blog-body strong {
    font-family: 'Montserrat', sans-serif;
    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 {
    text-align: left;
    font-size: 40px;
}

.blog-date {
    /*margin-bottom: 65px;*/
    font-size: 12px;
    color: var(--black);
}

.single-blog-text p {
    text-transform: uppercase;
    font-size: 12px;
}

/* END OF SINGLE BLOG */

/* LOGIN, PROFILE, REGISTRATION PAGE */

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

.login_page h1 {
    margin-bottom: 60px;
    font-size: 20px;
    color: var(--black);
    text-align: center;
}

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

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

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

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

.forgot-pasword {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

.back-to-login {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

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

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

.new-at {
    font-size: 14px;
}

.error_box, .success_box {
    margin-bottom: 20px;
}

.btn-register {
    width: 100%;
    margin: 10px 0;
}

.login_page .custom_checkbox {
    margin-top: 10px;
}

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

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

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

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


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


/* PRODUCT PAGE */

.price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-wrapper h6 {
    margin: 0;
}

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

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


.product-page {
    padding-top: 80px;
    padding-bottom: 40px;
    margin-top: 15px;
    background-color: var(--lightgrey);
}

.add_to_cart {
    margin-top: 10px;
    white-space: nowrap;
    border: none;
    /*background-color: var(--green);*/
    background-color: #ff7f11;
    color: white;
    border-radius: 3px;
    padding: 10px 100px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: .3s all;
    display: flex;
    /*align-items: center;*/
    font-size: 14px;
}

.add_to_cart img {
    margin-right: 15px;
    height: 20px;
}

.add_to_cart:hover {
    opacity: 0.7
}

.price {
    font-size: 24px;
    font-weight: bold;
}

.price label {
    font-size: 10px;
    color: #888888;
    position: relative;
    bottom: 20px;
}

.with-vat {
/*    padding-left: 10px;
    padding-top: 10px;*/
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.45px;
    color: #888888;
}

.f-16 {
    font-size: 16px;
}

/*.order-wrapper {
    position: relative;
    bottom: 10px;
}*/

.vertical-list {
    display: flex;
    list-style: none;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 0px;
}

.short ul {
    list-style: none;
    padding: 0 20px;
}

.quantity-text {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.short ul li::before {
    content: "\2022";
    color: var(--green);
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.short li::marker {
    color: var(--green);
    font-size: 16px;
}

.magic-line {
    width: 100%;
    border-top: 0.5px solid #888888;
}

.vertical-list li {
    /*margin: 0px 3px;*/
}

.vertical-list li a:hover{
    color: #74AADA;
}

.main_img {
    max-width: 100%;
    max-height: 550px;
    display: block;
    object-fit: cover;
    /*margin: auto;*/
    /*padding-top: 30px;*/
}

.f-12 {
    font-size: 12px;
    color: var(--black);
    text-align: left;
    font-family: 'JosefinSans-Regular';
}

.others_images{
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-right: 30px;
}

.others_images img{
    max-width: 100%;
    height: 140px;
    width: 140px;
    object-fit: cover;
}

.others_images iframe{
    margin-top: 20px;
    height: 300px;
    width: 100%;
}


.package-box {
    border: 0.5px solid var(--linegrey);
    padding: 11px 17px;
    margin: 0 6px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    transition: .3s all;
}

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

.package-box:hover {
    background-color: var(--linegrey);
}

.package-text {
    font-size: 12px;
    margin-bottom: 10px;
}

.active-box {
    background-color: var(--green);
    color: var(--white);
    pointer-events: none;
}

.disabled-box {
    text-decoration: line-through;
    background-color: var(--btngrey);
    pointer-events: none;
}

.active-box:hover {
    background-color: var(--lighterblue);
}

.package-wrapper {
    display: flex;
}

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

#product-properties-sidebar div {
    padding: 10px 15px;
}

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

.product-quantity {
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    margin: 10px;
    margin-top: 0;
    flex-wrap: wrap;
    height: 30px;
}

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

.product-quantity div {
    border: 1px solid var(--linegrey);
    font-size: 12px;
    padding: 2px 6px;
    margin: 2px;
    transition: .3s all;
}

.product-quantity div:hover {
    background-color: var(--green);
    border: 1px solid var(--linegrey);
    color: var(--white);
}

/* END OF PRODUCT PAGE */


/* SUBPAGE */

.subpage h2 {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
}

.send-message {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 16px;
    color: var(--menu);
    text-align: center;
}

.subpage.sub .btn_primary {
    display: block;
    margin: 0 auto;
}

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

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

.subpage .magazine-text h1 {
    color: var(--black);
}

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

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

/* END OF SUBPAGE */


/* PAGINATION */

.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(--grey);
    font-size: 12px;
    color: var(--black);
    font-weight: bold;
    transition: .3s all;
    width: 30px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.pagination-button:hover {
    background-color: var(--blue);
    color: var(--white);
}

.next-btn {
    border: 1px solid var(--btngrey);
    font-size: 12px;
    width: 30px;
    height: 32px;
    transition: .3s all;
    background-color: var(--white);
    cursor: pointer;
    border-radius: 4px;
}

.next-btn:hover:enabled {
    background-color: var(--blue) !important;
}

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

.next-btn:hover:enabled:after {
    filter: invert(93%) sepia(100%) saturate(2%) hue-rotate(28deg) brightness(106%) contrast(101%);
}

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

.next-btn:after {
    content: url(../images/right-arrow-accordion.svg);
    position: relative;
    top: 1px;
    transform: rotate(0deg);
}

.prev-btn {
    border: 1px solid var(--btngrey);
    font-size: 12px;
    transition: .3s all;
    width: 30px;
    height: 32px;
    cursor: pointer;
    background-color: var(--white);
    border-radius: 4px;
}

.prev-btn:disabled {
    background-color: var(--lightgrey);
}

.prev-btn:hover:enabled {
    background-color: var(--blue) !important;
}

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

.prev-btn:hover:enabled:after {
    filter: invert(93%) sepia(100%) saturate(2%) hue-rotate(28deg) brightness(106%) contrast(101%);
}

.prev-btn:after {
    content: url(../images/right-arrow-accordion.svg);
    position: relative;
    top: -1px;
    display: inline-block;
    transform: rotate(180deg);
}

.active-pagination {
    color: var(--white);
    background-color: var(--blue);
    border: 1px solid transparent;
    width: 30px;
    height: 32px;
    border-radius: 4px;
}

.active-pagination-grey {
    border: 1px solid var(--grey);
    font-size: 12px;
    color: var(--black);
    background-color: var(--lightgrey);
    font-weight: bold;
    transition: .3s all;
    width: 30px;
    height: 32px;
    text-align: center;
    cursor: pointer;
}

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

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



/* CART */

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

/* END OF CART */

.filter-products-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    content: '';
    background: url(../images/down-arrow.svg);
    height: 14px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    margin-left: -10px;
    top: 3px;
    border: none;
}
.filter-products-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.filter-products-form .select2-results__option[aria-selected] {
    font-size: 1rem;
}
.filter-products-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px;
    padding-left: 18px;
    padding-right: 30px;
    display: initial;
}
.filter-products-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--lightgrey);
    font-size: 1.125rem;
}
.filter-products-form .select2-container--default .select2-selection--single {
    border: none;
}

/* END OF PAGINATION */

.add-bg {
    background-color: white;
}

.add-to-cart-hover {
    width: 100%;
    background-color: white;
    opacity: 0;
    transition: opacity .1s linear,transform .33s cubic-bezier(0,.66,.32,.99);
}

.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 .add-to-cart-hover .add_to_cart {
    width: 100%;
    padding: 0;
    margin-top: 20px;
}

.cart_box_active {
    position: relative;
}

.dog-gif {
    max-height: 200px;
    margin: 0 auto;
    display: block;
}

.no-filter {
    justify-content: center;
    display: flex;
    width: 100%;
    margin-top: 100px;
}


.card-tags-single-page {
    position: absolute;
    z-index: 1;
    right: 0;
}

.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;
}

.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

#products {
    /*    display: flex;
        flex-wrap: wrap;
        justify-content: right;*/
}

#skeleton {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ph-item {
    margin-bottom:30px;
    overflow:hidden;
    padding:20px 15px 15px;
    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;
    text-align: center;
}

.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;
}

/* Timer*/
#timer{
    width: 48px;
    height: 48px;
    background-color: #43AEE4;
    box-shadow: inset 0px 0px 0px 2px #43AEE4;
    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)
    }
}

/* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS */
/* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS */
/* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS */
/* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS */
/* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS *//* --- OLD CSS */

/* --- REPEAT CLASSES */

.vertical_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.vertical_list li{
    display: inline-block;
}

.abs_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.primary_bg{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.btn_primary{
    border-radius: 7px;
    background-color: #555555;
    color: #ffffff;
    border: none;
    transition: .3s all;
    padding: 10px 0px;
    cursor: pointer;
    min-width: 200px;
}

.btn_primary:hover {
    opacity: 0.7;
}

/*.btn_primary:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    background-size: 10px;
    display: block;
    background-image: url(../images/icons/right-arrow.svg);
    top: 12px;
    right: 14px;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 1px solid #292828;
}*/

.btn_primary.btn{
    color: #292828;
}

.btn_primary.no_after{
    padding: 0;
}

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

.btn_primary:hover{
    opacity: 0.8;
}

.btn_secondary{
    display: inline-block;
    height: 41px;
    padding: 0px 20px;
    border-radius: 6px;
    background-color: var(--green);
    line-height: 41px;
    border: solid 1px transparent;
    position: relative;
    padding-right: 51px;
    text-transform: uppercase;
    color: #292828;
    font-size: 12px;
    text-overflow: ellipsis;
    transition: .3s;
    letter-spacing: 1px;
    color: var(--white);
}

.btn_secondary:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    background-size: 10px;
    display: block;
    background-image: url(../images/icons/right-arrow.svg);
    top: 12px;
    right: 14px;
    background-position: center;
    filter: invert(99%) sepia(8%) saturate(481%) hue-rotate(213deg) brightness(119%) contrast(100%);
    background-repeat: no-repeat;
    border-left: 1px solid var(--black);
}

.btn_secondary.btn{
    color: #292828;
}

.btn_secondary.no_after{
    padding-right: 50px;
    padding-left: 50px;
}

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

.btn_secondary:hover{
    opacity: 0.7;
    color: var(--white);
}

.btn_cart{
    border-radius: 3px;
    background-color: #43AEE4;
    width: 100%;
    transition: .3s all;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
}

.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: #ffffff;
}



.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;
}


h2.main{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 60px;
    position: relative;
}

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

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

.basic_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.search_preview{
    text-align: right;
    margin-top: 28px;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    right: 20px;
}

.search_preview .text{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
}

.search_preview img{
    vertical-align: top;
}

.search_preview:hover{
    opacity: 0.8;
}

.products{
    padding: 90px 0;
}

.products_subpage .products{
    padding: 40px 0;
}


.tabs_wrapp .nav-tabs{
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    border: none;
    margin-bottom: 80px;
}

.tabs_wrapp .nav-tabs li{
    border-top: 1px solid #979797;
    margin-right: 90px;
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.tabs_wrapp .nav-tabs li a{
    color: #cab180;
    font-size: 20px;
}

.tabs_wrapp .nav-tabs li:last-child{
    margin-right: 0px;
}

.tabs_wrapp .nav-tabs li a.active{
    color: #615a47;
    font-family: 'Montserrat', sans-serif;
}

.product_card{
    display: block;
    color: #292828;
    position: relative;
    margin-bottom: 45px;
}

.product_card .top{
    background-color: #ffffff;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    display: block;
    height: 315px;
    position: relative;
}

.product_card .top:hover{
    opacity: 0.7;
}

.product_card .top .attribute{
    color: #292828;
    font-size: 10px;
    text-transform: uppercase;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: 55px;
    margin-top: 17px;
    position: absolute;
    z-index: 10;
}

.product_card .top .attribute li{
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

.product_card .top .attribute img{
    vertical-align: top;
    margin-top: -1px;
    margin-right: 5px;
}

.product_card .top .discount{
    position: absolute;
    top: 18px;
    right: 14px;
    height: 31px;
    background-color: #cab180;
    font-size: 12px;
    text-align: center;
    line-height: 31px;
    padding: 0 7px;
    border-radius: 6px;
    color: #292828;
}

.product_card .top .img_box{
    height: 207px;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 65px;
}

.product_card .top .img_box img {
    max-width: 100%;
    max-height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product_card .top .stock_status{
    color: #292828;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.product_card .content{
    color: #292828;
    padding: 0 5px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
    position: relative;
}

.product_card .content h2{
    font-size: 14px;
    margin-bottom: 10px;
    color: #292828;
}

.product_card .content .price_box{
    text-align: right;
}

.product_card .stock_mobile{
    display: none;
}


.product_card .discount_mobile{
    display: none;
}

.ratings{
    position: relative;
    bottom: 2px;
}

.ratings li{
    display: inline-block;
}

.ratings li img{
    width: 15px;
    margin: 1px;
}

.product_content_box .ratings:hover{
    cursor: pointer;
}

.grades{
    display: inline-block;
    font-size: 10px;
    text-transform: lowercase;
    color: #292828;
}

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

.active-category {
    /*color: var(--green);*/
    color: #43AEE4;
}


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

.product_card button{
    display: block;
    position: relative;
    visibility: visible;
    opacity: 1;
    margin-top: 15px;
    width: 100%;
    transition: .3s all;
}
.product_card button img{
    vertical-align: top;
    margin-top: -4px;
    margin-right: 7px;
}

.product_card button:hover{
    background-color: #c8e28d;
}

/*.product_card:hover .content{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}*/

.product_card:hover button{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.academy_wrapper{
    background-image: url('../images/bam-academy-banner.jpg');
    padding: 40px;
    padding-bottom: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.academy_wrapper h3{
    font-size: 24px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-top: 10px;
}

.academy_wrapper .btn{
    margin-top: 30px;
}

.free_recipe{
    border-radius: 6px;
    background-color: #ddd8d0;
    padding: 75px 0px;
}

.free_recipe img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.free_recipe .text{
    margin-bottom: 25px;
}

.free_recipe h3{
    font-size: 36px;
    margin-top: 60px;
    margin-bottom: 15px;
}

.free_recipe input{
    width: 45%;
    border: none;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 0px 20px;
    font-size: 16px;
    height: 51px;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.free_recipe button{
    height: 51px;
    float: left;
    width: 55%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.news{
    padding-top: 90px;
    padding-bottom: 80px;
}

.news h2{
    margin-bottom: 100px;

}

.subpage .news h2.main{
    padding-top: 0px;
}

/*.slick-track{
    width: 100% !Important;
}*/


.news_card{
    display: block;
    margin-bottom: 20px;
    color: #292828;
}

.news_card .bg_wrapper{
    height: 306px;
    overflow: hidden;
    margin-bottom: 18px;
    position: relative;
    border-radius: 5px;
}


.news_card .bg{
    height: 306px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: all 1s ease-in-out;
}

.news_card .attribute{
    font-size: 10px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    left: 17px;
    top: 16px;
    height: 24px;
    padding: 0 10px;
    line-height: 24px;
    text-transform: uppercase;
    color: #292828;
}

.news_card .attribute img{
    width: 14px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.news_card .time{
    font-size: 14px;
    color: #292828;
}

.news_arrows{
    display: none;
}


.news_card .time img{
    width: 14px;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
    display: inline-block;
}

.news_card h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
    color: #292828;
}

.news_card.news_center{
    margin-top: -30px;
}

.news_card.news_center .bg{
    height: 370px;
}

.news_card.news_center .bg_wrapper{
    height: 370px;
}

.news_card:hover .bg{
    transform: scale(1.1);
}

.footerB {
    padding: 7px;
    color: #676666;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    left: 0px;
}

.footerB a{
    color: #676666;
}

@keyframes beat{
    to {
        transform: scale(1.2);
    }
}

.vertical_list.social_list{
    margin-top: 20px;
}

.vertical_list.social_list li{
    margin-right: 40px;
}

.vertical_list.payment_list{
    margin-top: 25px;
}

.vertical_list.payment_list li{
    margin-right: 12px;
}
.vertical_list.payment_list li img{
    transition: .3s;
}

.vertical_list.social_list a:hover img{
    filter: invert(68%) sepia(72%) saturate(180%) hue-rotate(2deg) brightness(93%) contrast(86%);
}

.social-icons {
    margin-top: 30px;
}

.payment-icons img {
    margin: 0 3px;
}

.payment-icons img:first-child {
    margin-left: 0;
}

.social-icons a {
    margin: 0 5px;
}

/* END OF FOOTER */
/* ANIMATION */

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    box-sizing: content-box;
    padding-left: 0%;
}
.ticker-wrap .ticker {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    /*    -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 700s;
        animation-duration: 700s;*/
}
.ticker-wrap .ticker_item {
    display: inline-block;
    opacity: 0.23;
    font-family: 'Montserrat', sans-serif;
    font-size: 200px;
    color: #cec7bc;
    margin-right: 100px;
    text-transform: uppercase;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}



/* BASIC INPUT */
.input_wrapper {
    position: relative;
    line-height: 14px;
    display: inline-block;
    width: 100%;
}
.input_wrapper label {
    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(-20px);
}
.input_wrapper input {
    font-size: 13px;
    color: #555;
    outline: none;
    border: 1px solid #dddddd;
    padding: 8px 20px;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 4px;
}
.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;
}
.input_wrapper input:focus + label {
    color: #b5b5b5;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}


/**/

.input_wrapper textarea {
    font-size: 13px;
    color: #555;
    outline: none;
    border: 1px solid #dddddd;
    padding: 8px 20px;
    position: relative;
    width: 100%;
    resize: none;
    height: 100px;
    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);
}

/* END OF BASIC INPUT */


.page-breadcrump {
    padding-top: 40px;
    padding-bottom: 30px;
}

.subpage h3.main{
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}


.subpage h3.main ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center !Important;
    margin-bottom: 20px;
    margin-top: 10px;
}

.subpage h3.main ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
}

.subpage h3.main ul li a{
    color: #292828;
    font-size: 14px;
    background-color: #f0eeec;
    padding: 0 13px;
    height: 35px;
    line-height: 35px;
    display: block;
}

.subpage h3.main ul li a:hover{
    color: #dbb470;
}

.subpage h3.main .bullets{

}


.btn_social{
    height: 45px;
    background: none;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #ddd;
    margin-bottom: 18px;
    letter-spacing: 1px;
    color: #292828;
    font-size: 12px;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    transition: .3s;
}

.btn_social .text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    text-align: center;
}

.btn_social img{
    width: 15px;
    margin-right: 10px;
    margin-top: 1px;
    vertical-align: top;
}

.btn_social:hover{
    box-shadow: 1px 1px 7px 0px #dddbdb;
}


.subpage .ticker-wrap{
    margin-top: -40px;
}

.form-group{
    margin-bottom: 12px;
}

.error_box{
    padding: 10px;
    border: 1px solid #fd8a6e;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    border-radius: 8px;
    display: none;
}

.success_box{
    padding: 10px;
    border: 1px solid #cab180;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    border-radius: 8px;
    display: none;
}

/* The container */
.custom_checkbox {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px;
    cursor: pointer;
    font-size: 12px;
    -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 {
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--white);
    border: 1px solid;
    border-color: #ff7f11;
}

/* 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: 10px;
    top: 4px;
    width: 5px;
    height: 14px;
    border: solid;
    border-color: #ff7f11;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom_checkbox a{
    color: var(--green);
}

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

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

.product_page{
    color: #292828;
}

.breadcrumbs{
    font-size: 13px;
    color: #292828;
    margin-top: 40px;
    margin-bottom: 25px;
}


.breadcrumbs a{
    color: #292828;
}


.product_page h1{
    font-size: 24px;
    margin-bottom: 5px;
    color: var(--black);
    text-transform: uppercase;
}

.product_page .ratings li{
    margin-right: 5px;
}

.product_page .ratings li img{
    width: 13px;
}

.product_page .grades{
    font-size: 12px;
}

.product_page .stock{
    font-size: 12px;
    color: var(--black);
    margin-top: 25px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.product_page .stock .color{
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #d3cccf;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 3px;
    vertical-align: top;
}

.product_page .stock .title{
    display: inline-block;
}

.product_page .stock .color.stock_green{
    background-color: #c8e28d;
}

.product_page .stock .color.stock_orange{
    background-color: orange;
}

.product_page .stock .color.stock_red{
    background-color: red;
}

.product_page label{
    display: block;
    font-size: 12px;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 2px;
}

.gift-label:before {
    content: '';
    background: url(../images/icons/gift-blue.svg);
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}


.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: 'Montserrat', sans-serif;
}

.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: 530px;
    position: relative;
    display: block;
}

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

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

.product_page .main_img{
    max-height: 480px;
    width: auto;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.product_page .others_images{
    margin-top: 20px;
    margin-bottom: 15px;
}

.product_page .others_images img{
    max-width: 100%;
    height: 270px;
}

.breadcrumbs{
    text-transform: uppercase;
}

.product_page .others_images .other_image_bg{
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.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-size: 14px;
    line-height: 1.57;
    margin-top: 20px;
    border-bottom: 0.5px solid var(--productgrey);
    border-top: 0.5px solid var(--productgrey);
    padding: 25px 0;
}

.product_page .labels{
    font-size: 14px;
    line-height: 1.57;
    border-bottom: 0.5px solid var(--productgrey);
    padding: 20px 0;
    display: flex;
}

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

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


.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 .single_product{
    display: block;
    margin-bottom: 10px;
}

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

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

.product-page .package label {
    font-size: 12px;
    margin-bottom: 10px;
}

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

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

.product-page .package .single_product .content h4{
    font-size: 14px;
    /*text-decoration: underline;*/
    margin-top: 28px;
}

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

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

.accordion .card{
    margin-bottom: 5px;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    border-radius: 0px;
    background: none;
}

.in_stock_again_box{
    font-size: 12px;
    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: 45%;
    border: none;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 0px 20px;
    font-size: 16px;
    height: 54px;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

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

.in_stock_again_box button{
    height: 54px;
    float: left;
    width: 55%;
    border-radius: 4px;
    background-color: var(--blue);
    color: var(--white);
}


.in_stock_again_box form{
    padding-bottom: 40px;
}

.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: 0px 16px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #292828;
    text-align: justify;
    line-height: 1.57;
}




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

.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-header:hover{
    opacity: 0.7;
}


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

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




.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: 100%;
    border: none;
    height: 340px;
}

.product_page .similar_taste{
    margin-bottom: 30px;
}

.product-page .similar_taste label {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: normal;
    margin-bottom: 10px;
}

.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;
}

.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;
}

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

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

.product-discount {
    color: #555555;
    /*margin-right: 20px;*/
    
    width: calc(100% - 50px);
    margin-left: 10px;
    margin-right: 10px;
    
    font-size: 16px;
    text-decoration: line-through;
}

.product-page .similar_taste .single_product .bg.active {
    border-radius: 4px;
    border: solid 2px #292828;
}

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

.product-page .similar_taste .single_product h4{
    padding-left: 5px;
    font-size: 10px;
    color: var(--black);
    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: 'Montserrat', sans-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 .opinions_box{
    margin-top: 20px;
    padding: 40px;
}

.opinions .overview .grade{
    font-size: 24px;
    color: var(--black);
    margin-right: 10px;
}

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

.opinions .total_ratings{
    display: grid;
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: #292f32;
}

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

.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(50%) 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: 70%;
    position:relative;
    display: inline-block;
    margin-top: 12px;
    background:#eee;
    height: 9px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -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: 9px;
    width:0px;
    background:#292828;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


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

.opinions .overview .text{
    font-size: 14px;
    color: var(--black);
    line-height: 1.43;
    margin-bottom: 16px;
}

.single_opinion{
    padding: 10px 20px 20px 25px;
    background-color: var(--lightgrey);
    margin: 10px 0;
}


.single_opinion h3{
    font-size: 24px;
    color: var(--black);
    margin-bottom: 10px;
    margin-top: 10px;
}

.single_opinion .user{
    font-size: 13px;
    margin-bottom: 10px;
}

.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%;
}

#cd-cart {
    position: fixed;
    top: 0;
    height: 100%;
    width: 390px;
    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: auto;
    -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;
    top: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}

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

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

#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);
}

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

#cd-filters .top {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

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

/* -------------------------------- 

xkeyframes 

-------------------------------- */
@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.add_in_cart_wrapper .header .top{
    height: auto;
    padding: 25px;
    background-color: #292828;
    color: #ffffff;
    font-size: 12px;
}

.add_in_cart_wrapper .header .close_cta{
    cursor: pointer;
    background: none;
    border: none;
    color: #ffffff;
    margin-top: 5px;
}

.add_in_cart_wrapper .header .close_cta img{
    width: 20px;
    margin-top: -3px;
    filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(193deg) brightness(116%) contrast(101%);
}

.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: 30px;
}

.add_in_cart_wrapper .header .bottom h2{
    text-transform: uppercase;
    font-size: 20px;
    color: #292828;
}

.add_in_cart_wrapper .header .skillbar-bar{
    background: #43AEE4 !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: 100%;
    padding: 0px;
}

.add_in_cart_wrapper .products .product_card{
    margin-bottom: 10px;
    text-align: left;
    border-top: 1px solid #e7e7e7;
    padding-bottom: 20px;
    padding-top: 25px;
}

.add_in_cart_wrapper .products .product_card .img_box{
    height: 85px;
    width: 25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.add_in_cart_wrapper .products .product_card .content{
    width: 72%;
    display: inline-block;
    padding-left: 15px;
    vertical-align: top;
}

.add_in_cart_wrapper .products .product_card h3{
    font-size: 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin: 3px;
}

.add_in_cart_wrapper .products .product_card .quantity_text{
    font-size: 14px;
}

.add_in_cart_wrapper .products .product_card .remove_item{
    cursor: pointer;
    vertical-align: top;
    margin-top: 13px;
    margin-left: 13px;
    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{
    padding: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border-top: 1px solid #979797;
    text-transform: uppercase;
}

.add_in_cart_wrapper .total_box .total_price{
    text-align: right;
    font-size: 16px;
}

.add_in_cart_wrapper .total_box .extra_text{
    color: #888888;
    font-size: 12px;
    text-transform: initial;
    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: 72px;
    height: 42px;
    background: #ffffff;
    border: solid 1px #d8d8d8;
    border-radius: 3px;
    padding: 0px 7px;
    position: relative;
    top: 4px;
}

.quantity .pro-qty .qtybtn {
    width: 14px;
    display: block;
    float: left;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
    color: #888888;
}

.quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 40px;
    line-height: 40px;
    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: 1;
    left: 85%;
    top: 80%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
    padding-top: 1.5px;
    padding-left: 1.5px;
    background-color: var(--black);
    border-radius: 50%;
    height: 17px;
    width: 17px;
}

.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%;
}


.error_page{
    min-height: 60vh;
}

.error_page .error_card{
    background-color: #ffffff;
    padding: 50px;
    font-size: 16px;
    margin-top: 100px;
    text-align: center;
    margin-bottom: 100px;
}

.error_page .error_card img{
    max-width: 150px;
    margin-bottom: 20px;
}

.error_page .error_card h2{
    font-size: 25px;
    text-transform: uppercase;
}

.error_page .error_card a{
    margin-top: 20px;
}

#SearchModal .modal-dialog{
    width: 100%;
    max-width: 100%;
    margin-top: 32px;
}

.search_box{
    height: 80px;
}

.search_box input{
    width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid #d3d4de;
    margin: 0px;
    transition: .3s;
    padding-left: 100px;
    font-size: 20px;
}


.search_box .search{
    width: 30px;
    position: absolute;
    top: 24px;
    left: 30px;
}

.search_box .close{
    width: 25px;
    position: absolute;
    top: 28px;
    right: 30px;
    cursor: pointer;
}

.other_products{
    background-color: #f1f1f1;
    padding: 30px;
}

.other_products h3{
    font-size: 12px;
    color: #292828;
    margin-bottom: 15px;
}

.other_products h3 img{
    margin-right: 5px;
}

.other_products .product_card{
    background-color: #ffffff;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}


.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: #d11149;
    text-align: right;
    margin-top: 3px;
    background: none;
}

.other_products .product_card button{
    display: block;
    position: relative;
    visibility: visible;
    opacity: 1;
    margin-top: 15px;
    padding: 0;
    height: 44px;
    line-height: 44px;
    transition: .3s all;
}

.other_products .product_card button:hover {
    opacity: 0.8;
    background: var(--green);
}

.other_products .product_card button img{
    vertical-align: top;
    margin-top: 0px;
    margin-left: 7px;
    width: 16px;
    height: 44px;
    filter: brightness(0);
}


.add_in_cart_wrapper .total_box .total_label{
    margin-top: 4px;
}


/* PROFILE */


.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: 5px;
    font-size: 14px;
}

.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{
    color: var(--green);
}


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

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


.generate_order{
}

.user_data .title{
    text-transform: uppercase;
}


.profile_subpage .delivery_title{
    letter-spacing: 0.58px;
}

.profile_subpage .payment_title{
    text-align: right;
}

.profile_subpage .payment_title span{
    font-size: 24px;
    vertical-align: top;
    margin-top: -6px;
    display: inline-block;
    margin-left: 45px;
}

.profile_subpage .order_bottom{
    border-top: 1px solid #eeeeee;
    padding: 12px;
    padding-right: 0px;
}

.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 .hover_order tr td.hover_element{
    transition: .3s;
}

.profile_subpage .hover_order tr td.hover_element:hover{
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: 1px 1px 7px 0px #dddbdb;
}
.profile_subpage .hover_order tr td.hover_element:hover img{
    display: inline;
    visibility: visible;
}
.profile_subpage .hover_order tr td img{
    visibility: hidden;
    width: 10px;
    line-height: 12px;
}

.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_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;
}

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

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

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

.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;
}

.step1_select .select2-container .select2-selection--single{
    height: 45px;
}

.step1_select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
    line-height: 45px;
    font-size: 13px;
    border: 1px solid #dddddd;
    padding-left: 21px;
}

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


.step1_select .select2-container .select2-selection--single {
    height: 45px;
    border: none;
}

.step1_select.requiredSelect2 .select2-container--default .select2-selection--single .select2-selection__rendered{
    border: 2px solid #ff6d6d;
}

.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;
    border-radius: 0px;
    font-size: 13px;
}

.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;
}

.input_phone{
    margin-top: 15px;
}

.iti__country-list{
    z-index: 5 !important;
}

.user_profile h3{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
}


.profile_subpage .btn_primary{
    margin: 0 auto;
    margin-bottom: 70px;
    display: block;
}

.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: 2;
    display: none;
}

#SearchProductsResults .product-description {
    background-color: var(--white);
}


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

.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(--green);
}

.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;
    filter: brightness(0);
}

.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;
}

.products_results_cta{
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    margin: 0 auto;
    margin-top: 30px;
    text-transform: uppercase;
}

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

.filter_btn{
    border: none;
    background: none;
    font-size: 16px;
    transition: .3s;
    margin-top: 10px;
    color: #292828;
}

.filter_btn img{
    margin-top: -3px;
    margin-right: 5px;
}


.filter_btn:hover{
    color: #ff7f11;
}

#filter-sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    width: 390px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}

#filter-sidebar {
    left: -100%;
    background: #ffffff;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    z-index: 1060;
}

#filter-sidebar.speed-in {
    left: 0;
}

#filter-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;
}
#filter-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;
}

.filter_content{
    padding: 30px;
    position: relative;
    padding-top: 50px;
}

.filter_content button{
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}




.filter_content button::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;
}

.filter_content .accordion .card .card-header .btn-header-link{
    padding: 0px;
    font-size: 12px;
    padding-bottom: 10px;
}

.filter_content .accordion .card .card-header .btn-header-link.collapsed:after{
    top: -1px;
    right: -10px;
}

.filter_content .accordion .card .card-header .btn-header-link:after{
    top: -3px;
    right: -10px;
}

.filter_content .accordion .card-body{
    padding: 0px;
}

.filter_content .accordion .card{
    border-bottom: 0.5px solid var(--productgrey);
}

.filter_content ul.categories_list{
    border: none;
}

.filter_content .close{
    opacity: 1;
    position: absolute;
    right: 40px;
    top: 15px;
}

.filter_content .top{
    border-bottom: solid 1px rgba(41, 40, 40, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.filter_content .top h3{
    text-transform: uppercase;
    font-size: 14px;
}

.filter_content .tags_wrapp{
    margin-top: 60px;
}

.filter_content .top h3 span{
    color: #cec7bc;
    font-size: 10px;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
.filter_content .top h3 span:hover{
    opacity: 0.7;
}

.filter_content .top h4{
    font-size: 14px;
}

.filter_content ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-bottom: solid 1px rgba(41, 40, 40, 0.1);
    padding-bottom: 10px;
}

.filter_content ul.categories_list li a{
    color: #292828;
    font-size: 14px;
}

.filter_content ul.categories_list li a:hover{
    color: #dbb470;
}

.filter_content label.main{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
}

.filter_content label.main.category_title{
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.filter_content label.main.category_title a{
    color: #cec7bc;
    font-size: 10px;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.filter_content label.main.category_title a:hover{
    opacity: 0.7;
}


.filter_content label.main.category_title span{
    color: #cec7bc;
    font-size: 10px;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.filter_content label.main.category_title span:hover{
    opacity: 0.7;
}

.filter_content .accordion .card .card-header .btn-header-link.btn_active_category:after{
    content: '';
    display: none;
}

.filter_content ul li .checkbox_wrapper{
    margin-bottom: 14px;
}

.mobile_nav_content{
    display: none;
}

.active_subcategory{
}

/*.filter_content ul.multi_select li{
    display: inline-block;
    border: solid 1px #cec7bc;
    height: 35px;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    padding: 0 15px;
    margin-bottom: 7px;
    margin-right: 8px;
    cursor: pointer;
    transition: .3s;
}

.filter_content ul.multi_select li:hover{
    background-color: #cec7bc;
    color: #ffffff;
}

.filter_content ul.multi_select li.active{
    background-color: #cec7bc;
    color: #ffffff;
}*/

.multi_select input {
    margin-right: 100px;
}

.multi_select li{
    /*border: 1px solid #fff;*/
    overflow: hidden;
    text-align: center;
    display: inline-block;
}

.multi_select li label {
    line-height: 33px;
    width: fit-content;
    border: 1px solid #ff7f11;
    border-radius: 3px;
    height: 35px;
    font-size: 12px;
    margin-bottom: 3px;
    cursor: pointer;
}

.multi_select li label span {
    text-align: center;
    display: block;
}

.multi_select li label input {
    position: absolute;
    display: none;
    color: #fff !important;
}
.multi_select li label input + span{
    padding: 0 15px;
}

.multi_select li label input + span:hover{
    opacity: 0.7;
}

.filter_content ul.active_filter{
    border: none;
}

.active_filter li{
    height: 35px;
    padding: 0 15px;
    background-color: #fafafa;
    width: fit-content;
    line-height: 35px;
    font-size: 12px;
    margin-right: 15px;
    display: inline-block;
    margin-top: 10px;
}

.active_filter li img{
    margin-left: 9px;
    width: 9px;
}


.active_filter li img:hover{
    cursor: pointer;
    filter: invert(62%) sepia(24%) saturate(871%) hue-rotate(315deg) brightness(85%) contrast(115%);
}

.filter_content .content_spinner{
    display: none;
}

/* RECIPE */

.submit_recipe_cta{
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-decoration: underline;
    color: #292828;
    position: relative;
    z-index: 1;
}

.recipes_card{
    background-color: #ffffff;
    display: block;
    margin-bottom: 30px;
}

.recipes_card .bg{
    height: 223px;
}

.recipes_card .bg img.main{
    display: none;
}

.recipes_card .bg.no_bg{
    background-size: 200px;
}


.recipes_card .bg .tag{
    height: 24px;
    opacity: 0.77;
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 10px;
    color: #292828;
}


.recipes_card .bg .tag img{
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
}

.recipes_card .content{
    color: #292828;
    padding: 25px;
    padding-top: 15px;
}

.recipes_card ul{
    list-style: none;
    padding: 0px;
}

.recipes_card ul li{
    font-size: 14px;
    margin-bottom: 10px;
}

.recipes_card ul li img.main{
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
}

.recipes_card ul li span{
    margin-right: 10px;
}


ul.difficulty_list {
    margin: 0px;
    display: inline-block;

}

ul.difficulty_list li{
    display: inline-block;
    margin: 0px;
}

.recipe_page .recipe_header ul.difficulty_list li{
    margin-bottom: 0px;
}

.recipes_card h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
}

ul.difficulty_list li img{
    margin-left: 5px;
}

.recipe_page .recipe_header{
    background-color: #292828;
    color: #ffffff;
    padding-top: 50px;
}

.recipe_page .recipe_header h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 80px;
}

.recipe_page .recipe_header ul{
    list-style: none;
    padding: 0px;
    margin: 0px;

}



.recipe_page .recipe_header ul li{
    margin-bottom: 10px;
    font-size: 14px;
    color: #ffffff;
}

.recipe_page .recipe_header ul li a{
    color: #ffffff;
}

.recipe_page .recipe_header .ratings{
    margin-top: -70px;
    position: absolute;
}


.recipe_page .recipe_header .ratings span{
    font-size: 13px;
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
}



.recipe_page .recipe_header .bg{
    height: 400px;
    width: 500px;
    margin-bottom: -65px;
}

.recipe_page .recipe_header .bg img{
    display: none;
}


.recipe_page ul li img.main {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
}

.recipe_page .recipe_header ul.difficulty_list li img.light{
    filter: invert(1);
}

.recipe_page .recipe_body{
    padding-top: 120px;
}

.recipe_page .recipe_header ul li a:hover{
    color: #cab180;
}

.recipe_page .short{
    font-size: 16px !Important;
    margin-bottom: 30px;
}

.recipe_page .short h3{
    font-size: 16px !Important;
}

.recipe_page .middle_text{
    background-color: #ffffff;
    padding: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.recipe_page .declaration_box{
    width: 100%;
}


.recipe_page .main_box{
    background-color: #ffffff;
    padding: 70px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 35px;
}

.recipe_page .main_box h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
}

.recipe_page .main_box .details_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.recipe_page .main_box .details_list li{
    display: inline-block;
    margin-right: 80px;
}

.recipe_page .main_box .details_list li:last-child{
    margin-right: 0px;
}

.recipe_page .main_box .buttons_wrap{
    margin-top: 40px;
    margin-bottom: 50px;
}

.recipe_page .main_box .buttons_wrap button{
    display: inline-block;
    height: 41px;
    padding: 0px 30px;
    border-radius: 6px;
    background-color: transparent;
    line-height: 41px;
    border: solid 1px #cab180;
    position: relative;
    text-transform: uppercase;
    color: #292828;
    font-size: 12px;
    text-overflow: ellipsis;
    transition: .3s;
    letter-spacing: 1px;
    color: #292828;
}

.recipe_page .main_box .buttons_wrap button img{
    width: 17px;
    margin-left: 20px;
}

.recipe_page .main_box .buttons_wrap button:hover{
    box-shadow: 1px 1px 7px 0px #dddbdb;
}

.buttons_wrap button.second{
    margin-left: 30px;
    margin-right: 30px;
}


.main_box ul.difficulty_list{
    padding: 0px;
}

.recipe_page .main_box .details_list .difficulty_list li{
    margin-right: 0px;
}

.recipe_page .main_box .details_list li span{
    margin-right: 8px;
}

.recipe_page .main_box .content{
    text-align: left;
    margin-top: 30px;
}

.recipe_page .main_box .content h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.recipe_page .main_box .content label{
    font-size: 14px;
    margin-bottom: 10px;
}

.recipe_page .main_box .content .text{
    font-size: 14px;
    margin-bottom: 20px;
}

.recipe_page .main_box .content .text span{
    display: block;
}

.recipe_page .main_box .content ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    margin-left: 18px;
}

.recipe_page .main_box .content ul li{
    font-size: 14px;
}

.recipe_page .main_box .content ul li:before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cab180;
    margin-right: 8px;
    vertical-align: top;
    margin-top: 7px;
}


.recipe_page .main_box .content ul li a{
    text-decoration: underline;
    color: #cab180;
}

.recipe_page .recipe_add_to_cart .content{
    padding-left: 90px;
}

.recipe_page .recipe_add_to_cart h3{
    font-size: 36px;
    line-height: 1.06;
    font-weight: 700;
}


.recipe_page .recipe_add_to_cart h4{
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.recipe_page .recipe_add_to_cart .products_box{
    background-color: #ffffff;
    padding: 35px;
    margin-bottom: 50px;
}

.recipe_page .recipe_add_to_cart .products_box img.product_img{
    max-width: 100%;
    max-height: 54px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.recipe_page .recipe_add_to_cart .products_box .content{
    padding: 0px;
}

.recipe_page .recipe_add_to_cart .products_box h2{
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: underline;
}

.recipe_page .recipe_add_to_cart .products_box .old_price {
    color: #888888;
    text-decoration: line-through;
    font-size: 10px;
}

.recipe_page .recipe_add_to_cart .products_box .price {
    font-size: 14px;
}

.recipe_page .recipe_add_to_cart .products_box .custom_checkbox_checkmark{
    top: 10px;
}


.recipe_page .recipe_add_to_cart .total{
    border-top: solid 0.5px #888;
    padding-top: 10px;
}

.recipe_page .recipe_add_to_cart .total .discount_label{
    font-size: 12px;
}


.recipe_page .recipe_add_to_cart .total .discount_price{
    font-size: 14px;
    text-align: right;
    margin-bottom: 15px;
}

.recipe_page .recipe_add_to_cart .total .total_label{
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 8px;
}

.recipe_page .recipe_add_to_cart .total .total_price{
    font-size: 20px;
    text-align: right;
}

.pdf_recipe{

}

.recipe_page.pdf_recipe .main_box{
    margin-top: 0px;
}


.recipe_page .ratings li{
    margin-right: 5px;
}

.recipe_page .ratings li img{
    width: 13px;
}

.recipe_page .skillbar{
    width: 65%;
}



.pagination{
    width: fit-content;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 70px;
}

.pagination img{
    width: 11px;
    margin-top: -3px;
}

.pagination img.back{
    transform: rotate(180deg);
}

.pagination li a{
    width: 30px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px #cec7bc;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    line-height: 32px;
    color: #292828;
    font-size: 12px;
    display: inline-block;
}

.pagination li.active a{
    background-color: #cec7bc;
    border: 1px solid #cec7bc;
}

.recipes_subpage .no_search_results{
    padding-top: 0px;
}

.search_box_recipes{
    position: relative;
    width: 310px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 45px;
}

.search_box_recipes input{
    width: 100%;
    height: 44px;
    padding: 0px 25px;
    border-radius: 6px;
    background-color: #ffffff;
    position: relative;
    border: none;
}

.search_box_recipes input::placeholder{
    font-style: italic;
    font-size: 12px;
    color: #292828;
}

.search_box_recipes img{
    float: right;
    margin-top: -33px;
    z-index: 1;
    position: relative;
    margin-right: 25px;
}

.recipes_subpage .tabs_wrapp .nav-tabs{
    margin-bottom: 50px;
}

.recipes .content_spinner{
    display: none;
}

.single_news_card{
    display: block;
    margin-bottom: 50px;

}

.single_news_card .bg{
    height: 306px;
}

.single_news_card .bg img.main{
    display: none;
}

.single_news_card .content{
    padding: 10px;
    color: #292828;
}


.single_news_card h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #292828;
    font-weight: 700;
}


.single_news_card .reading_time_box{
    font-size: 14px;
}

.single_news_card .reading_time_box img{
    margin-top: -6px;
    margin-right: 6px;
}

.single_news_card .reading_time_box span{

}

.single_news_card .bg .tag {
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
}

.single_news_card .bg .tag {
    height: auto;
    opacity: 0.77;
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 10px;
    color: #292828;
}

.single_news_card .bg .tag img {
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
}


.single_news_card .bg.no_bg{
    background-size: 200px;
}

/* reading progress bar */

progress {
    width: 100%;
    position: fixed;
    height: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #c8e28d;
    top: 0px;
    z-index: 1;
}

progress::-webkit-progress-bar {
    background-color: transparent;
}

progress::-webkit-progress-value {
    background-color: #c8e28d;
}

progress::-moz-progress-bar {
    background-color: #c8e28d;
}

.recipes_products_box .other_hidden_orders{
    display: none;
}

.recipes_products_box .cta{
    cursor: pointer;
}

.recipes_products_box .hide_more_text{
    display: none;
}

.product_card.gift_card{

}

.product_card.gift_card .top{
    height: auto;
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 28px;
    padding-left: 8px;
    padding-right: 8px;
}


.product_card.gift_card .bg2{
    border-radius: 4px;
    background-color: #cec7bc;
    color: #292828;
    position: relative;
    overflow: hidden;
}

.product_card.gift_card .bg2 h3{
    color: #d9d4cb;
    font-size: 116px;
    text-align: center;
    text-transform: uppercase;
}

.product_card.gift_card .bg2 h4{
    text-transform: uppercase;
    font-size: 35px;
    width: 40%;
    position: absolute;
    top: 55px;
    left: 31px;
    font-weight: 700;
}

.product_card.gift_card .bg2 img{
    width: 80px;
    margin-left: 22px;
    margin-bottom: 18px;
}

.product_card.gift_card  .bg2 .price{
    font-size: 30px;
    position: absolute;
    bottom: 25px;
    right: 15px;
}


.gift_page .input_wrapper label{
    letter-spacing: normal;
    font-size: 14px;
    text-transform: none;
}

.gift_page .textarea_wrapper{

}

.gift_page .textarea_wrapper textarea{
    width: 100%;
    resize: none;
    border: 1px solid #dddddd;
    padding: 14px 20px;
    font-size: 14px;
    color: #292828;
    min-height: 125px;
}


.gift_page .gift_main{
    background-color: #ffffff;
    padding: 65px 120px;
}

.gift_page .gift_main .bg2{
    border-radius: 4px;
    background-color: #cec7bc;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.gift_page .gift_main h3{
    color: #d9d4cb;
    font-size: 150px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin-top: -30px;
    margin-left: -10px;
    text-transform: uppercase;
}

.gift_page .gift_main h4{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 41px;
    width: 40%;
    position: absolute;
    top: 38px;
    left: 31px;
    font-weight: 700;
}

.gift_page .gift_main img{
    width: 109px;
}


.gift_page .gift_main .price{
    font-size: 56px;
    position: absolute;
    right: 28px;
    margin-top: -63px;
}

.gift_page .gift_main .text{
    margin-top: 50px;
}

.gift_page .gift_main .author{
    margin-top: 10px;
    padding: 0px;
    border: none;
    background: none;
}



.gift_page .gift_main .code{
    font-size: 14px;
    margin-top: 60px;
    margin-bottom: 25px;
}

.gift_page .tax{
    margin-bottom: 30px;
}

.add_in_cart_wrapper .products .product_card .gift_box{
    height: 85px;
    width: 23%;
    overflow: hidden;
    display: inline-block;
    border-radius: 4px;
    background-color: #cec7bc;
    margin-left: 10px;
}

.add_in_cart_wrapper .products .product_card .gift_box h3{
    color: #d9d4cb;
    font-size: 33px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.add_in_cart_wrapper .products .product_card .gift_box img{
    margin: 0 auto;
    display: block;
}

.gift_card_subpage{
    min-height: 80vh;
}


.gift_card_box{
    width: 40%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}

.gift_card_box label.main{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.gift_card_box button{
    width: 100%;
}

.gift_card_status{
    border-radius: 4px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    display: none;
    margin-top: 60px;
}

.gift_card_status label{
    font-size: 14px;
}

.gift_card_status .price{
    font-size: 32px;
    color: #cab180;
    margin-top: 10px;
}

.about_us_page img.main{
    margin: 0 auto;
    display: block;
    margin-bottom: 60px;
}

.timeline{
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-left: 10%;
    margin-top: 90px;
}

.timelines {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.timeline-item h3 {
    font-size: 60px;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    left: -140px;
    margin-top: -25px;
}


.timeline-items {
    margin: 20px;
    padding: 30px;
    border-left: 1px solid #979797;
    padding-top: 0px;
}


.timeline-item .text{
    position: relative;
    margin-bottom: 30px;
}

.timeline-item .text::before {
    content: "";
    position: absolute;
    background-color: #cab180;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    left: -42px;
}


.about_us_page .team_title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    margin-top: 70px;
    margin-bottom: 15px;
}

.about_us_page .team_description{
    margin-bottom: 80px;
}


.flip{
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.flip .img{
    width: 125px;
    height: 125px;
    display: inline-block;
    border-radius: 50%;
}

.flip .img.no_bg{
    background-size: contain;
}

.flip .content{
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
    margin-left: 30px;
}

.flip .content h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

.flip .team_card .back h4{
    font-size: 18px;
}

.flip .content h5{
    font-size: 14px;
}

.flip .content .cta{
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 35px;
    text-transform: uppercase;
    text-decoration: underline;
    transition: .3s;
}

.flip .content .cta:hover{
    color: #cab180;
    cursor: pointer;
}

.flip .cta img{
    width: 17px;
    vertical-align: top;
}

.flip .team_card.flipped {
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}
.flip .team_card {
    width: 100%;
    height: 310px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #fff;
    border: none;
    text-align: center;

}
.flip .team_card .face {
    -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
    z-index: 2;
}
.flip .team_card .front {
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: left;
    padding: 93px 40px;
    transform: rotateX(0deg);
}

.flip .team_card .back {
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg);
    position: absolute;
}



.flip .team_card .back .content{
    font-size: 11px;
    text-align: left;
    padding: 20px;
    margin: 0;
}

.flip .team_card .back .content h5{
    margin-bottom: 10px;
}

.about_us_page label.main{
    display: block;
    font-size: 12px;
    color: #292828;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 50px;
}


.about_us_page .media_box{
    margin-top: 18px;
    margin-bottom: 140px;
}

.about_us_page .media_card{
    border-radius: 4px;
    background-color: #fff;
    padding: 25px 40px;
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
    color: #292828;
}
.about_us_page .media_card h4{
    font-size: 20px;
    font-weight: 700;
}

.about_us_page .media_card h5{
    font-size: 12px;
    margin-bottom: 8px;
}


.sales_points_card{
    padding: 25px 27px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
}

.sales_points_card h4{
    font-size: 16px;
    margin-bottom: 6px;
}

.sales_points_card .shop_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.sales_points_card .shop_list li{
    display: inline-block;
    margin-right: 5px;
}

.sales_points_card .stock{
    margin-top: 3px;
    color: #888888;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.sales_points_card .products_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
}

.sales_points_card .products_list li{
    position: relative;
    padding-left: 15px;
}

.sales_points_card .products_list li a{
    color: #cab180;
}

.sales_points_card .products_list li a:hover{
    opacity: 0.8;
}

.sales_points_card .products_list li:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #615a47;
    position: absolute;
    margin-top: 6px;
    left: 0px;
}


.chocolate_magazine_form{
    margin-bottom: 30px;
}

.recipe_book_wrap{
    margin-bottom: 100px;
}

.recipe_book_img{
    width: 49%;
    display: inline-block;

}

.recipe_book_img_first{
    margin-right: 22px;
}

.author{
    padding: 40px 60px;
    border-radius: 4px;
    background-color: #fff;
}

.author h4{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.author .img{
    width: 90px;
    height: 90px;
    display: inline-block;
    border-radius: 50%;
}

.author p{
}


.author .content{
    display: inline-block;
    vertical-align: top;
    margin-left: 18px;
    margin-top: 18px;
}

.author .content .name{
    font-size: 20px;
    font-weight: 700;
}

.author .content .team_title{
    font-size: 14px;
    text-transform: uppercase;
}

.author .img.no_bg{
    background-size: contain;
}


.author a{
    width: fit-content;
    height: 41px;
    border-radius: 6px;
    border: solid 1px #cab180;
    display: block;
    line-height: 41px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 30px;
    margin: 0 auto;
    margin-top: 25px;
}

.author a:hover{
    opacity: 0.8;
}

.bussiness_present_box{

}

.bussiness_present_box .main{
    text-align: center;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 75px;
    color: #292828;
}

.bussiness_present_box .main img{
    margin-right: 15px;
}

.bussiness_present_box iframe{
    width: 100%;
    border: none;
    height: 306px;
}

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

.bussiness_present_box ul li{
    margin-bottom: 50px;
}

.bussiness_present_box ul li img{
    text-align: center;
    margin: 0 auto;
    display: block;
}

.bussiness_present_box ul li h3{
    font-size: 16px;
    margin-bottom: 7px;
    text-transform: uppercase;
}


.bussiness_present_box form{
    text-align: center;
    background-color: #ffffff;
    padding: 40px 90px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.bussiness_present_box form h3{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.bussiness_present_box form button{
    height: 51px;
    line-height: 51px;
    width: max-content;
    padding-right: 70px;
}

.bussiness_present_box form button:after{
    top: 18px;
}

.bussiness_present_box .countries{
    margin-top: 110px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 44px 40px;
}

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

.bussiness_present_box .countries ul{
    padding: 0px;
    margin: 0px;
}

.bussiness_present_box .countries ul li{
    display: inline-block;
    margin: 0px;
    margin-right: 16px;
}

.bussiness_present_box .countries ul li img{
    width: 36px;
}

.bussiness_present_box .others_images img{
    margin-bottom: 25px;
}

.bussiness_present_box .others_images {
    margin-top: 20px;
    margin-bottom: 15px;
}

.bussiness_present_box .single_image{
    max-width: 100%;
    height: 180px;
    border-radius: 4px;
    display: block;
    margin-bottom: 30px;
}

.subpage .main_text{
    font-size: 16px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.submit_recipe_box{
    background-color: #ffffff;
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 60px;
}

.progress-wrap {
    width: 400px;
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.progress-wrap::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #d2b887;
}

.progress {
    width: 0;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    background-color: #d2b887;
}

.step {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d2b887;
    background-color: #fff;
    border: 2px solid #d2b887;
    border-radius: 50%;
    font-size: 12px;
    z-index: 1;
}

.step.active {
    border-color: #292828;
    color: #292828;
}

.submit_recipe_box h3{
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 15px;
}
.submit_recipe_box h4{
    font-size: 16px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px;
}


.submit_recipe_box form{
    width: 50%;
    margin: 0 auto;
}

.submit_recipe_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;

}

.submit_recipe_list li .title_box{
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: top;
    margin-top: 13px;
}

.submit_recipe_list li img{
    margin-right: 5px;
    vertical-align: top;
    margin-top: 1px;
}

.response_text{
    margin-top: 15px;
    padding: 20px;
    background-color: #e9e4dd;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    display: none;
    color: #292828;
}

.response_text#NewslettersResponse{
    float: left;
}

.f-dropdown {
    --max-scroll: 3;
    position: relative;
    z-index: 10;
}
.f-dropdown select {
    display: none;
}
.f-dropdown > span {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
    border: solid 1px #ddd;
    border-radius: 4px;
    background: #fff;
    transition: color 0.2s ease, border-color 0.2s ease;
    height: 45px;
}
.f-dropdown > span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
}
.f-dropdown > span img {
    max-width: 90%;
    margin-right: 10px;
    height: 35px;
}
.f-dropdown > span:before, .f-dropdown > span:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    top: 50%;
    right: 12px;
    background: #000;
    transition: all 0.3s ease;
}
.f-dropdown > span:before {
    margin-right: 4px;
    transform: scale(0.96, 0.8) rotate(50deg);
}
.f-dropdown > span:after {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.f-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: calc(var(--max-scroll) * 46px);
    top: 26px;
    left: 0;
    z-index: 1;
    right: 0;
    background: #FFF;
    border: 1px solid #CCC;
    overflow-x: hidden;
    overflow-y: auto;
    transform-origin: 0 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transform: translate(0, 5px);
}
.f-dropdown ul li {
    padding: 0;
    margin: 0;
}
.f-dropdown ul li a {
    cursor: pointer;
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;

}
.f-dropdown ul li a img {
    width: 90%;
    margin-right: 10px;
}
.f-dropdown ul li a:hover {
    color: #5C6BC0;
    opacity: 0.8;
}
.f-dropdown ul li.active a {

}
/*.f-dropdown ul li.active a:before, .f-dropdown ul li.active a:after {
    --scale: 0.6;
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    position: absolute;
    right: 12px;
    top: 50%;
    opacity: 0;
    background: #FFF;
    transition: all 0.2s ease;
}*/
/*.f-dropdown ul li.active a:before {
    transform: rotate(45deg) scale(var(--scale));
}
.f-dropdown ul li.active a:after {
    transform: rotate(-45deg) scale(var(--scale));
}*/
.f-dropdown ul li.active a:hover:before, .f-dropdown ul li.active a:hover:after {
    --scale: 0.9;
    opacity: 1;
}
.f-dropdown ul li:first-child a {
    border-radius: 6px 6px 0 0;
}
.f-dropdown ul li:last-child a {
    border-radius: 0 0 6px 6px;
}
.f-dropdown.disabled {
    opacity: 0.7;
}
.f-dropdown.disabled > span {
    cursor: not-allowed;
}
.f-dropdown.filled > span {
    color: #000;
}
.f-dropdown.open {
    z-index: 15;
}
.f-dropdown.open > span {
    border-color: #AAA;
}
/*.f-dropdown.open > span:before, .f-dropdown.open > span:after {
    background: #000;
}*/
.f-dropdown.open > span:before {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.f-dropdown.open > span:after {
    transform: scale(0.96, 0.8) rotate(50deg);
}
.f-dropdown.open ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

/* --------------------------- */
.f-group {
    margin: 0 auto;
    text-align: left;
}
.f-group select {
    width: 100%;
}

.f-control {
    font-size: 14px;
    line-height: normal;
    color: #000;
    display: inline-block;
    background-color: #ffffff;
    border: #ccc 1px solid;
    border-radius: 6px;
    padding: 8px 12px;
    outline: none;
    max-width: 250px;
}

.f-dropdown ul li.active{
    background: #fafafa;
}

/*.order_by_wrapp .f-group{
    
}*/

.order_by_wrapp .f-dropdown ul li{
    font-size: 12px;
}

.order_by_wrapp .f-dropdown > span > span{
    font-size: 12px;
}

.sort_by_text{
    text-align: right;
    display: block;
    margin-top: 10px;
}

.submit_recipe_list li{
    margin-bottom: 10px;
}

.submit_recipe_list li .title_box{
    display: inline-block;
    width: 30%;
}

.submit_recipe_list li .f-group{
    display: inline-block;
    margin-left: 20px;
    width: max-content;
    min-width: 100px;
}


.submit_recipe_box textarea{
    width: 100%;
    min-height: 180px;
    border-radius: 4px;
    border: solid 1px #ddd;
    padding: 15px;
    font-size: 14px;
    resize: none;
}

.submit_recipe_step2_list{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.submit_recipe_step2_list li{
    margin-bottom: 10px;
}

.submit_recipe_step2_list li span{
    font-size: 12px;
    margin-right: 5px;
}

.submit_recipe_step2_list li img{
    cursor: pointer;
}

.submit_recipe_step2_list li img:hover{
    opacity: 0.8;
}


.submit_recipe_step2_list li img.trash{
    vertical-align: top;
    margin-top: 30px;
}

.submit_recipe_step2_list li input{
    height: 45px;
    padding: 15px;
    border-radius: 4px;
    border: solid 1px #ddd;
    width: 95%;
}

.submit_recipe_step2_list li textarea{
    padding: 15px;
    border-radius: 4px;
    border: solid 1px #ddd;
    width: 95%;
    min-height: 80px;
}

.submit_recipe_box form h5{
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
}


.cta_back{
    display: block;
    font-size: 14px;
    margin-top: 10px;
    color: #292828;
}

.submit_recipe_box .dropzone{
    border: 1px solid #e7e4e4;
    margin-bottom: 30px;
    border-radius: 4px;
}

.dropzone.dz-clickable .dz-message{
    cursor: pointer;
    background-image: url(../images/icons/dashboard/upload.svg) !Important;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 122px;
    margin-top: -45px;
    padding-bottom: 27px;
    background-size: 60px;
}

.submit_recipe_box form.recipe_step4_form{
    width: 70%;
}

.submit_recipe_box .dropzone .dz-preview .dz-image img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
}


.chocolate_date{
    margin-bottom: 70px;
    text-align: center;
}

.chocolate_date .date{
    background-color: #cab180;
    text-align: center;
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    border-radius: 6px;
    width: 138px;
    display: inline-block;
    margin-right: 45px;
}

.chocolate_date .content{
    display: inline-block;
    text-align: left;
}


.chocolate_date .date .day{
    font-size: 36px;
    margin-bottom: -10px;
}


.chocolate_date h4{
    font-family: 'TT_Norms_Pro_ExtraBold';
    font-size: 36px;
}



.chocolate_video_box{
    background-color: #cec7bc;
    text-align: center;
    padding: 50px;
    margin-bottom: 120px;
}

.chocolate_video_box iframe{
    border: none;
    height: 306px;
    border-radius: 4px;
    margin-bottom: 60px;
    width: 80%;
}

.chocolate_video_box h4{
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase;
}

.subpage.chocolate_page h3.main{
    text-align: left;
}


.chocolate_reservation_box{
    margin-top: 100px;
    margin-bottom: 90px;
}

.chocolate_reservation_box .legend{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.chocolate_reservation_box .legend li{
    font-size: 12px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.chocolate_reservation_box .legend li span{
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 4px;
    background-color: #cec7bc;
    vertical-align: top;
    margin-top: -9px;
    margin-right: 12px;
}


.chocolate_reservation_box .companies{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.chocolate_reservation_box .companies li{
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    background-color: #fff;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}


.chocolate_reservation_box .companies li:hover{
    opacity: 0.8;
    cursor: pointer;
}

.chocolate_reservation_box .companies li span{
    display: inline-block;
    height: 26px;
    border-radius: 4px;
    background-color: #c8e28d;
    line-height: 26px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
}

.chocolate_reservation_box .companies li span.reserved{
    background-color: #615a47;
    color: #ffffff;
}




.chocolate_reservation_box .single_row{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

.chocolate_reservation_box .single_row .left{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.chocolate_reservation_box .single_row .right{
    display: inline-block;
    width: 46%;
    vertical-align: bottom;
}

.chocolate_reservation_box .single_row .single_spot{
    transition: .3s;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    background-color: #cec7bc;
    font-size: 14px;
    line-height: 50px;
    margin-bottom: 15px;
    margin-left: auto;
    display: inline-block;
    margin-right: 5px;
}

.chocolate_reservation_box .single_row .single_spot.reserved{
    background-color: #615a47;
    color: #ffffff;
}

.chocolate_reservation_box .single_row .single_spot.finished{
    background-color: #c8e28d;
}

.chocolate_reservation_box .single_row.row_1{
    margin-top: 70px;
}/*
 
 

.chocolate_reservation_box .single_row.row_2{
    margin-right: 50px;
}

.chocolate_reservation_box .single_row.row_3{
    margin-right: 15px;
}*/

.chocolate_reservation_box .row_2{
    margin-bottom: 23px;
}
.chocolate_reservation_box .row_3{
    margin-bottom: 50px;
}

.finished_spots_title{
    margin-top: 60px;
}


.river{

}

.river img{
    display: inline-block;
}

.river h4{
    display: inline-block;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
}

.chocolate_reservation_box .single_row img{
    margin: 0 auto;
    display: block;
}

.chocolate_reservation_box .single_row img.first_part{
    margin-top: 70px;
}

.chocolate_reservation_box .single_row h4{
    font-size: 14px;
    transform: rotate(89deg);
    position: relative;
    background: #fafafa;
    height: 90px;
    line-height: 90px;
    text-align: center;
    margin-top: 56px;
    margin-bottom: 42px;
}

.chocolate_reservation_box .single_row .left.second{
    margin-top: 100px;
}

.chocolate_reservation_box .single_row .right.second{
    margin-top: 100px;
}

.chocolate_reservation_box .single_row .single_spot.spot_center_left{
    margin-left: -45px;
    margin-top: -34px;
    vertical-align: top;
    position: absolute;
    left: 0;
}

.chocolate_reservation_box .single_row .single_spot.spot_center_right{
    margin-left: auto;
    position: absolute;
    top: 30px;
    right: 18px;
}

.chocolate_reservation_box .single_row .single_spot:hover{
    opacity: 0.7;
    cursor: pointer;
}

.chocolate_gallery{

}

/*.chocolate_gallery a{
    display: block;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 200px;
    margin: 0 10px 0 0;
}

.chocolate_gallery a img{
    display: none;
}*/


.images-multiboxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 240px;
    width: 100%;

}

.images-multiboxes.second{
    margin-bottom: 50px;
    margin-top: 20px;
}


.images-multiboxes>div:first-child {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.images-multiboxes>div {
    width: 100%;
}

.images-multiboxes>div:last-child {
    padding: 0 0 0 20px;
}

.images-multiboxes>div:last-child .image-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    margin: 0 0 20px 0;
    width: 100%;
}

.images-multiboxes>div:last-child .image-row .image-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 200px;
    margin: 0 10px 0 0;
}

.images-multiboxes>div:last-child .image-row .image-item:last-child {
    margin: 0 0 0 10px;
}

.images-multiboxes>div:last-child .image-row:last-child {
    margin-bottom: 0;
}

.images-multiboxes>div:last-child .image-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    margin: 0 0 20px 0;
    width: 100%;
}

.sponsor_card{
    display: block;
    height: 200px;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.sponsor_card img{
    max-width: 100%;
    position: absolute;
    max-height: 40%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.chocolate_map{
    width: 100%;
    height: 500px;
    margin-bottom: 30px;
}

.modal h4{
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
}

.modal-header .close{
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    transition: .3s;
    padding: 0px;
    color: var(--black);
    opacity: 1;
    margin: 0px;
}

.modal-body {
    color: var(--black);
    font-size: 14px;
}

.modal-header {
    justify-content: right;
    border-bottom: transparent;
}

.modal-header .close:hover{
    opacity: 0.8;
}

.modal-body{
    padding: 30px;
}

.modal-body .text{
    font-size: 12px;
    margin-bottom: 20px;
}

.modal-body .text .extra{
    margin-top: 5px;
}

.electricPlugBox{
    margin-bottom: 30px;
}

.electricPlugBox label.main{
    margin-bottom: 15px;
    font-size: 13px;
}

.electricPlugBox .checkbox_wrapper{
    margin-bottom: 13px;
}


.modal-body .btn_primary{
    margin: 0 auto;
    display: block;
}

.laboratory_box{
    margin-top: 70px;
    margin-bottom: 100px;
}

.laboratory_box .single_day_card .img_box{
    height: 100px;
}

.laboratory_box .single_day_card .img_box img{
    max-width: 100%;
}

.laboratory_box .single_day_card{
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    padding: 10px;
}

.laboratory_box .single_day_card h3{
    font-size: 14px;
}

.laboratory_box .single_day_card .active_card{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    border-radius: 6px;
    background-color: #ddd8d0b8;
}


.laboratory_box .single_day_card .active_card button{
    height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #cab180;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
    left: 50%;
    top: 50%;
    position: absolute;
    width: fit-content;
    transform: translate(-50%, -50%);
    transition: .3s;
}

.laboratory_box .single_day_card .active_card button:hover{
    background-color: #ffffff;
}


.laboratory_box .single_day_card .active_card ul{
    list-style: none;
    padding: 0;
    margin: 0px;
    background: #c8e28d;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    padding-top: 40px;
    display: none;
}

.laboratory_box .single_day_card .active_card ul li{
    font-size: 12px;
}

.laboratory_box .single_day_card .active_card ul li:first-child{
    font-size: 24px;
}

.laboratory_box .single_day_card .active_card ul li:last-child{
}

.laboratory_box_waiting{
    width: 30%;
    margin: 0 auto;
    margin-bottom: 100px;
}

.laboratory_box_waiting h3{
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.laboratory_box_waiting h4{
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 50px;
}

.laboratory_box_waiting form{
    background-color: #ffffff;
    padding: 25px;
}

.laboratory_box_waiting .text{
    font-size: 14px;
    margin-bottom: 10px;
}


.laboratory_box_waiting form button{
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.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;
}

#mobile-nav-sidebar{
    display: none;
}

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

.fancybox-thumbs__list a:before{
    border: 2px solid #000000;
}

.opinion_upload .dropzone{
    border: 1px solid #dddddd;
    margin-bottom: 20px;
}

.opinion_upload .dropzone .dz-preview .dz-image img {
    display: block;
    height: 100%;
    max-width: 100%;
    width: auto;
}

.opinion_upload .front{
    cursor: pointer;
    transition: .3s;
}

.opinion_upload .close{
    font-size: 14px;
    color: var(--red);
}

.opinion_upload .close img{
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
}

.opinion_upload .front:hover{
    opacity: 0.8;
}

.opinion_upload .circle{
    width: 67px;
    height: 64px;
    background-color: #dddddd;
    border-radius: 4px;
    position: relative;
    display: inline-block;
}

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

.opinion_upload .content{
    margin-top: 22px;
    font-size: 14px;
}

.cta_hover:hover{
    cursor: pointer;
}

.tabs_wrapp .nav-tabs.nav_news li{
    margin-right: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.tabs_wrapp .nav-tabs.nav_news li a{
    font-size: 16px;
}

.recipes_subpage .tabs_wrapp .nav-tabs.nav_news{
    margin-bottom: 0px;
    display: block;
}

.add_to_cart_mobile{
    display: none;
}

#TermsRegister_wrapper {
    padding: 0 50px;
}

/* LOAD MORE */
#LoadMore {
    border: none;
    background-color: #43AEE4;
    border-radius: 3px;
    padding: 0px 65px;
    height: 47px;
    cursor: pointer;
    transition: .3s all;
    font-size: 16px;
    margin: 0 auto;
    display: block;
    position: relative;
    bottom: 15px;
}

#LoadMore:hover {
    opacity: 0.7;
}

.fundText{
    color: #ffffff;
    font-size: 12px;
    font-family: 'LibreBaskerville-Regular';
    line-height: 16px;
    margin-top: 50px;
    margin-bottom: 50px;
}

@keyframes beat{
    to {
        transform: scale(1.2);
    }
}

.b_planet {
    text-align: center;
    font-size: 14px;
}

.b_planet_section {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* END OF LOAD MORE */

.pages {
    min-height: 70vh;
    margin-top: 200px;
}

.products-page {
    padding: 80px 0px;
    margin-top: 90px;
    background-color: var(--lightgrey);
}
.user-profile-img {
    width: 16px;
    height: 16px;
    position: relative;
    bottom: 1px;
}

.product-page {
    padding-top: 80px;
    padding-bottom: 40px;
    margin-top: 15px;
    background-color: var(--lightgrey);
}

.short {
    font-size: 14px;
    font-family: 'LibreBaskerville-Regular';
}

.edit-text h1{
    margin-bottom: 15px;
}

.edit-text h3{
    font-size: 16px;
    margin-bottom: 10px;
}

.edit-text a{
    color: #43AEE4;
    text-decoration: underline;
}
.edit-text a:hover{
    color: black;
    text-decoration: underline;
}

.edit-text .all-books{
    font-size: 16px;
    color: #4cb5eb;
}

.newsletters-subscribe{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 115px;
    height: 430px;
    /*margin-bottom: 470px;*/
    /*margin-bottom: 115px;*/
}
.newsletters{
    background-color: #2e5266;
}
.newsletters-right{
    margin-top: auto;
    margin-bottom: auto;
}

.product-card .attribute {
    /*background-color: #43AEE4;*/
    
    text-align: left;
    padding-right: 80px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    list-style: none;
    margin: 0px;
    margin-top: 10px;
    /*position: absolute;*/
    position: absolute;
    z-index: 10;
}
.product-card .attribute li{
    font-size: 12px;
    padding: 5px 10px;
    background-color: #4cb5eb;
    border-radius: 3px;
    margin-bottom: 3px;
}

.text-3-rows{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.min-h-100{
    min-height: 100px;
}

.center-column{
    margin-left: auto;
    margin-right: auto;
}

#Email{
    width: 100%;
}

.newsletters-subscribe-left button{
    font-family: 'JosefinSans-Regular';
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    margin-left: -10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: #4cb5eb;
    color: #ffffff;
    transition: color 0.25s;
}
.newsletters-subscribe-left button:hover{
    color: #000000;
}

.newsletters-subscribe-left input{
    padding-left: 10px;
}

.newsletters-subscribe-left p{
    font-size: 14px;
}

.newsletter-input-form{
    height: 50px;
    margin-top: 25px;
    margin-bottom: auto;
}

.order-details-portal-wrapper{
    background-color: #4cb5eb;
    padding: 25px 100px;
    color: white;
}

.order-details-portal p{
    font-family: 'JosefinSans-Regular';
    font-size: 16px;
}

.bg-dark-blue{
    background-color: #2e5266;
}

.mtb-auto{
    margin-top: auto;
    margin-bottom: auto;
}

.technical-properties{
    background-color: #2e5266;
    padding: 25px 15px;
    color: #ffffff;
}

.technical-properties{
    font-size: 24px;
    font-family: 'JosefinSans-Regular';
}

.technical-properties .data{
    font-size: 14px;
    font-family: 'LibreBaskerville-Regular';
    line-height: 24px;
}

.technical-properties hr{
    background-color: #ffffff;
}

.technical-properties .label{
    font-size: 16px;
}

.technical-properties .label a{
    color: #43aee4;
}

.technical-properties .label a:hover{
    color: #000000;
}

.product-text{
    margin-top: 30px;
}

.margin-other-img{
    padding-left: 0px;
    padding-right: 10px;
}


#filters-container{
    height: fit-content;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 16px;
    font-family: 'JosefinSans-Regular';
    background-color: #ffffff;
}

#filters-container .subcategories{
    list-style: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0px;
    font-weight: bold;
    line-height: 30px;
}
#filters-container .subcategories li.active a{
    color: #fe8925;
}

#filters-container .properties{
    list-style: none;
/*    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;*/
    padding-left: 0px;
    font-weight: bold;
    line-height: 30px;
}

.rating-left{
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.send-request{
    margin-top: 30px;
}

.send-request-input-form{
    height: 50px;
}

.send-request-input-form .btn-send{
    background-color: #ff7f11;
}

.filter_button{
    border-radius: 3px;
    border: none;
    color: #ffffff;
    background-color: #ff7f11;
    padding: 10px 15px;
}

.filter_content ul li .checkbox_wrapper {
    margin-bottom: 14px;
}

.share-facebook img {
    transition: all 0.5s ease;
    height: 25px;
    width: 25px;
}

.share-facebook:hover img {
    content: url('../images/share_facebook.svg');
}

.social-share{
    margin-top: 10px;
}

.share-linkedin img {
    transition: all 0.6s ease;
    height: 30px;
    width: 30px;
}

.share-linkedin:hover img {
    content: url('../images/share_linkedin.svg');
}

.share-twitter img {
    transition: all 0.5s ease;
    height: 25px;
    width: 25px;
}

.share-twitter:hover img {
    content: url('../images/share_twitter.svg');
}

.mb-20 {
    margin-bottom: 20px;
}

.profile_navigation{
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: center;
}
.profile_url{
    display: inline;
    margin-right: 10px;
    cursor: pointer;
    transition: color .3s;
}
.profile_url.active{
    border-bottom: 2px solid #2c47db;
}
.profile_url:hover{
    color: #74AADA;
}
.profile_single_order .text img{
    width: 10px;
}