@font-face {
    font-family: 'Platform Regular';
    src: url("../fonts/Platform-Regular.ttf");
}
@font-face {
    font-family: 'Platform Medium';
    src: url("../fonts/Platform-Medium.ttf");
}
@font-face {
    font-family: 'PtSans Bold';
    src: url("../fonts/PTSans-Bold.ttf");
}
@font-face {
    font-family: 'PtSans Regular';
    src: url("../fonts/PTSans-Regular.ttf");
}
html{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    font-family: 'Platform Regular';
    overflow-x: hidden;
    background: #F5F5F5;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #380001;
    border: 1px solid transparent ;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.block.items-in-cart.active .minicart-items{
    overflow-x: hidden;
}

ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style-type: none;
    margin: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
body{
    overflow-x: hidden;
}


/*VIDEO ON HOMEPAGE*/

.video-wrapper{
    position: sticky;
    top: -100px;

}
.video-wrapper .image-top{
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 50%);
}
.title-video{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 40%;
}
.title-video h1{
    font-family: 'Platform Medium';
    color: #fff;
    font-size: 70px;
}
.link_bottom{
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 10px);
}
.link_bottom a{
    font-family: 'PtSans Bold';
    letter-spacing: 1.96px;
    color: #FFFFFF;
    transition: ease-in-out 0.3s;
    border: 1px solid #FFFFFF;
    opacity: 1;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    height: 100%;
}
.link_bottom a:hover{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #240505;

}
/*END VIDEO ON HOMEPAGE*/


/*HEADER*/

.searchToggle:before {
    content: "\f002" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.authorization-link a{
    font-size: 0;
}
.authorization-link a:before {
    content: '\f007' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.link.authorization-link{
    margin-right: -250px;
}
.wishlist-custom a:after{
    content: '\f004' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 24px;
    color: #333;
    display: block;
    text-align: center;
    margin-top: -5px;
}
.header.panel > .header.links > li > a {
    font-size: 0;
}
.action.showcart{
    font-size: 0;
}
.action.showcart:after{
    content: '\f07a' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 22px;
    color: #333;
    display: block;
    text-align: center;
}
.minicart-wrapper .action.showcart:before{
    content: '' !important;
    font-size: 0;
}
.minicart-wrapper .action.showcart {
    position: relative;
}
.minicart-wrapper .action.showcart .counter.qty {
    background: #dd0d10d9;
    color: #ffffff;
    height: 15px;
    line-height: 15px;
    border-radius: 0;
    display: inline-block;
    margin: 3px 0 0;
    min-width: 15px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: normal;
    position: absolute;
    right: -10px;
    top: -8px;
    padding: 2px;
    border-radius: 100px;
}
.minicart-wrapper .action.showcart .counter-number {
    text-shadow: 0 0 7px #000000;
    font-size: 14px;
}
#switcher-currency-trigger{
    display: none;
}
.block-search{
    display: none;
}
.searchIcon{
    font-family: 'Platform Regular';
    font-size: 14px;
    font-weight: 100;
    color: #000000;
    display: flex;
    align-items: center;
    padding-right: 15px;
    border-right: 1px solid #BFBFBF;
}
.searchIcon:before{
    content: '\f002' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
    margin-right: 15px;
}
.page-header .panel.wrapper {
    border-bottom: 1px solid transparent;
    background-color: transparent;
    width: auto;
    height: auto;
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    padding: 0;
}
@media (max-width: 1700px) {
    .page-header .panel.wrapper {
        right:75px;
    }
}
@media (max-width: 1600px) {
    .page-header .panel.wrapper {
        right:55px;
    }
}
@media (max-width: 1400px) {
    .page-header .panel.wrapper {
        right:35px;
    }
}
.customer-welcome .action.switch:hover:after {
    color: #333;
}
.link.wishlist .counter {
    display: none;
}
.header.links a{
    font-size: 14px;
    color: #333;
}
.customer-welcome.active .authorization-link a:before{
    display: none;
}
.customer-welcome .action.switch:after {
    content: '\f4fe' !important;
    font-family: "font awesome 5 pro" !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}
.page-header{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    z-index: 9;
    align-items: center;
    position: relative;
    padding: 15px 0px;
}
.header.content{
    max-width: 95%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
}
.logo {
    max-width: 10%;
    margin: 0 ;
    margin-left: -50px;
}
.navigation {
    background: #fff;
}
.navigation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 100px;
}
.navigation  ul li a{
    font-family: 'PtSans Bold';
    font-size: 18px;
    color: #380001 !important;
}
.custom-header-links{
    display: flex;
    align-items: center;
}
.contact-link a{
    border: 2px solid #380001;
    border-radius: 5px;
    padding: 10px 25px;
    margin-right: 10px;
    color: #380001;
    font-family: 'PtSans Bold';
    font-size: 14px;
}
.wishlist-custom{
    padding-left: 15px;
    margin-bottom: -5px;
}
.greet.welcome{
    display: none;
}
.header.panel > .header.links > li {
    margin: auto;
    font-size: 0;
}


.customer-welcome.active .link.authorization-link {
    position: relative;
    right: 0px;
    top: 0;
    width: 100%;
}
.customer-welcome .action.switch:after {
    content: '\f007';
    font-family: "font awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.header.panel > .header.links > li.customer-welcome{
    right: -25px;
    z-index: 10;
}
.customer-welcome.active .action.switch:after {
    content: '\f007';
    font-family: "font awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}

.header.panel > .header.links > li.welcome {
    display: inline-block;
    line-height: 26px;
    font-size: 12px;
    padding-right: 10px;
}
.minicart-wrapper {
    margin: 0px -70px;
}
.link.authorization-link::marker{
    font-size: 0;
}
.navigation .level0.active > .level-top{
    border-bottom: none;
}
.amsearch-wrapper-block{
    display: block;
}
.amsearch-overlay-block {
    display: none !important;
}
.page-header .amsearch-wrapper-block {
    float: none;
    margin: 0;
    width: 110%;
    position: absolute;
    top: -100000%;
    left: 0px;
    right: 0px;
    transition: ease-in 0.3s;
    padding: 10px 100px;
    background: #fff;
    box-shadow: 0px 3px 6px #0000001A;
    margin-left: -50px;
    margin-right: 0px;
}
.amsearch-form-block.-opened, .amsearch-form-block {
    width: 80% !important;
    margin: 0 auto;
}
.amsearch-input-wrapper .amsearch-input {
    border: 1px solid #fff;
    padding: 5px 10px;
    transition: .3s;
    border-bottom: 1px solid #380001;
    margin: 0;
    font-size: 16px;
    color: #240505;
    font-family: 'Platform Medium';
}
.amsearch-input-wrapper .amsearch-input:focus {
    border: 1px solid #380001;
    box-shadow: none;
}
.amsearch-input-wrapper .amsearch-input{

}
.amsearch-block-header .amsearch-title {
    color: #240505;
    font-size: 18px;
}
.amsearch-item-container.-recent_searches .amsearch-item {
    border-radius: 0;
}
.amsearch-item-container .amsearch-item .amsearch-link {
    color: #240505;
    transition: ease-in 0.3s;
}
.amsearch-item-container .amsearch-item .amsearch-link:hover {
    background: #240505;
    color: #F5F5F5;
}
.amsearch-link.-view-all{
    background: #240505;
    color: #F5F5F5 !important;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    transition: ease-in 0.3s;
}
.amsearch-products-section .amsearch-link.-view-all:hover {
    color: #DD0D10 !important;
}
.amsearch-products-section .amsearch-link {
    color: #240505;
    font-size: 16px;
}
.amsearch-products-section .amsearch-link:hover {
    color: #240505;
}
.amsearch-highlight {
    color: #DD0D10;
    font-weight: 700;
}
.amsearch-input-wrapper.-typed .amsearch-input {
    padding-left: 50px;
}
.amsearch-button.-loupe {
    background-image: none;
    height: 30px;
    width: 30px;
    background-size: auto;
    opacity: 1;
}
.amsearch-button.-loupe:after {
    content: '\f002' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
    margin-right: 15px;
}
.amsearch-products-section .amsearch-product-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}
.amsearch-products-section  .productStickers .sale {
    font-size: 20px;
    width: 30px;
    height: 30px;
}
.amsearch-products-section  .productStickers{
    bottom: 20px;
}
.amsearch-related-terms{
    display: none;
}
.amsearch-products-section .amsearch-product-list li{
    width: 100%;
    max-width: 100% !important;
    padding: 10px;
    padding-top: 30px;
}
.amsearch-products-section  .product-item .price-box.price-final_price .price, .amsearch-products-section .product-item .price-box .gram {
    font-size: 16px;
}
.amsearch-products-section .product-item .old-price .price {
    font-size: 14px !important;
}

.amsearch-products-section .amsearch-link {
    color: #240505;
}
.page-header .amsearch-wrapper-block.openSearch{
    top: 63px;
}
.amsearch-products-section .amshopby-option-link img {
    top: 0px;
    width: 80px;
    z-index: 9;
    margin: 0;
}

.minicart-wrapper .ui-dialog {
    position: fixed;
    top: 0;
    right: -30rem;
    z-index: 10;
    transition: .3s
}

.minicart-wrapper .ui-dialog .block-minicart {
    margin: 0;
    height: 100vh;
    padding: 64px 20px
}
.minicart-wrapper .message.notice, .checkout-cart-index .form-cart .message.notice, .checkout-index-index .amcheckout-content  .product .message.notice {
    background: #dd0d1014 !important;
    color: #333333 !important;
}
.minicart-wrapper .message.notice > *:first-child:before,  .checkout-cart-index .form-cart  .message.notice > *:first-child:before, .checkout-index-index .amcheckout-content  .product .message.notice > *:first-child:before{
    content: '\f06b' !important;
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 100;
    font-size: 20px;
    color: #DD0D10 !important;
}
.minicart-wrapper .ui-dialog .block-minicart:before,.minicart-wrapper .ui-dialog .block-minicart:after {
    display: none
}

.minicart-wrapper .ui-dialog #btn-minicart-close {
    right: 16px;
    top: 16px
}

.minicart-wrapper.active:before {
    content: "";
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    background: #000;
    opacity: .8;
    z-index: 5
}

.minicart-wrapper.active .ui-dialog {
    right: 10px
}

.minicart-wrapper .ui-dialog #btn-minicart-close:before {
    font-family: "font awesome 5 Pro";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f00d";
    line-height: 1;
    font-size: 34px;
    font-weight: 100;
    color: #c4161c
}
.block-minicart .amount .price-wrapper:first-child .price {
    font-size: 20px;
    color: #380001;
}
.minicart-wrapper .action.edit:before {
    content: '\f044' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.minicart-items .action.delete:before {
    content: '\f2ed' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}


.block.items-in-cart.active .product-item .product .delete {
    position: absolute;
}

.block.items-in-cart.active .product-item .product .product-image-container {
    width: 20% !important;
    height: auto !important;
    margin-left: 26px;
}

.block.items-in-cart.active .product-item .product .product-image-container .product-image-wrapper{
    height: auto;
    padding: 0 !important;
}

.block.items-in-cart.active .product-item .product .product-item-details{
    display: flex;
    align-items: center;
    padding-left: 0;
}

.opc-block-summary .product-item .product-item-inner {
    margin: 0px 0 34px;
    padding-left: 5%;
}


.action.viewcart{
    text-decoration: underline;
    font-size: 18px;
    text-transform: uppercase;
    color: #380001;
    font-family: 'Platform Medium';
    padding-bottom: 10px;
}
.minicart-wrapper .action.primary.checkout {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900
}
.close-menu-mobile{
    display: none;
}
@media (max-width: 1300px) {
    .navigation ul li a {
        font-size: 16px;
    }
    .nav-sections {
        width: 100%;
    }
    .contact-link a {
        padding: 5px 15px;
    }
    .link.authorization-link {
        margin-right: -300px;
    }
}
@media (max-width: 992px) {
    .contact-link a {
        padding: 0;
        font-size: 0;
        border: none;
        margin-right: 30px;
    }
    .contact-link a:before {
        content: '\f2bb' !important;
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
        font-size: 20px;
        color: #333;
        display: block;
        text-align: center;
    }
    .contact-link{
        display: flex;
    }
    .searchIcon {
        font-size: 0;
        padding-right: 5px;
    }
    .custom-header-links {
        margin-left: -130px;
    }
}
@media (max-width: 768px) {

    .nav-toggle:before {
        content: '\f0c9';
        font-family: "Font Awesome 5 Pro";
        font-weight: 100;
        font-size: 24px;
        color: #240505;
        display: block;
        text-align: left;
        margin-left: 0px;
    }
    .contact-link a {
        display: none;
    }
    .header.content {
        justify-content: space-between;
        padding: 20px 0px;
        align-items: center;
    }
    .authorization-link a:before {
        content: '\f007' !important;
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
        font-size: 20px;
        color: #333;
        display: block;
        text-align: center;
        display: none;
    }
    .nav-sections {
        width: 100%;
        margin-left: -100%;
    }
    .logo {
        max-width: 100%;
        margin-left: 0;
        width: 60%;
        text-align: center;
    }
    .logo img{
        margin: 0 auto;
    }
    .minicart-wrapper {
        margin: 0;
        width: 5%;
        text-align: right;
    }
    .custom-header-links {
        margin-left: 0;
        width: 8%;
    }
    .searchIcon {
        border-right: none;
    }
    .wishlist-custom {
        margin-right: 15px;
        padding-left: 0px;
    }
    .nav-toggle {
        position: initial;
        width: 10%;
    }
    .nav-open .nav-sections {
        width: 100%;
        margin-left: 0%;
        height: 105%;
    }
    .close-menu-mobile{
        display: block;
        padding: 10px 20px;
        text-align: right;
    }

    .nav-open .nav-toggle:after {
        background: transparent;
    }
    .close-menu-mobile i{
        color: #380001;
        font-size: 26px;
    }
    .scroll{
        overflow: scroll !important;
    }
    /*.page-wrapper.scroll{*/
    /*    left: 0;*/
    /*}*/
    .navigation ul {
        flex-wrap: wrap;
    }
    .navigation {
        background: transparent;
    }
    .navigation ul li{
        border-top: 1px solid transparent !important;
        width: 100%;
    }
    .navigation ul li a {
        font-size: 18px;
        text-transform: uppercase;
    }
    .nav-sections-item-title {
        background: #e3e3e3;
        height: 40px;
        padding-top: 0;
        width: 50%;
        line-height: 40px;
    }
    .nav-sections-item-title  a{
        color: #240505;
        font-size: 16px;
        letter-spacing: -1.06px;
        font-family: 'Platform Medium';
    }
    .nav-sections-item-title.active {
        background: #240505;
        border-bottom: 0;
    }
    .nav-sections-item-title.active a{
        color: #e3e3e3;
    }
    .nav-sections-item-content {
        margin-top: 20px;
    }
    .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: transparent;
        border-bottom: 1px solid  #e3e3e3;
    }
    .nav-sections .header.links {
        border-bottom: 1px solid transparent;
    }
    .nav-sections .header.links li > a {
        text-transform: uppercase;
        border-top: 1px solid transparent;
        color: #240505;
        font-size: 16px;
        font-family: 'PtSans Bold';
    }
    .page-header .amsearch-wrapper-block {
        margin-left: -15px;
        width: 110%;
    }
    .page-header .amsearch-wrapper-block.openSearch {
        padding: 10px 0px;
    }
    .amsearch-form-block.-opened, .amsearch-form-block {
        width: 90% !important;
    }
    .amsearch-products-section .amsearch-product-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .amsearch-products-section .productStickers {
        bottom: 50px;
    }
    .amsearch-products-section .productStickers .sale {
        font-size: 16px;
        width: 25px;
        height: 25px;
    }
    .amsearch-products-section .amsearch-link {
        color: #240505;
        font-size: 14px;
    }
    .amsearch-products-section .product-item .price-box.price-final_price .price, .amsearch-products-section .product-item .price-box .gram {
        font-size: 14px;
    }
    .minicart-wrapper .action.primary.checkout {
        font-size: 14px !important;
        padding: 5px 0px !important;
    }
    .minicart-wrapper .product .actions {
        float: right;
    }
    .action.viewcart {
        font-size: 16px;
    }
    .minicart-wrapper .ui-dialog #btn-minicart-close:before {
        font-size: 24px;
    }
    .wishlist-custom a:after {
        font-size: 22px;
    }
    .action.showcart:after {
        font-size: 20px;
    }
    .searchIcon:before {
        font-weight: 100;
    }
}
@media (max-width: 560px) {
    .custom-header-links {
        width: 15%;
        padding-right: 5px;
    }
    .minicart-wrapper {
        margin-left: -5%;
    }
}
@media (max-width: 520px) {
    .minicart-wrapper {
        margin-left: -3%;
    }
}
@media (max-width: 500px) {
    .minicart-wrapper {
        margin-left: 0;
    }
}
@media (max-width: 420px) {
    .custom-header-links {
        padding-right: 10px;
    }
}
@media (max-width: 400px) {
    .custom-header-links {
        padding-right: 15px;
    }
}
@media (max-width: 370px) {
    .custom-header-links {
        padding-right: 20px;
    }
}
/*END HEADER*/
/*HOMEPAGE*/
.cms-home .page-main{
    max-width:100%;
    padding: 0;
    z-index: 1;
}
.mobile-slider{
    display: none;
}
.cms-home .page-main .page-title-wrapper{
    width: 0;
    height: 0;
}
.cms-home .column.main{
    background: #F5F5F5;
}
.try-coffee-text{
    width: 70%;
    margin: 0 auto;
    padding: 20px 0px;
}
.try-coffee-text h2{
    color: #240505;
    font-size: 53px;
    letter-spacing: -1.06px;
    font-family: 'Platform Medium';
}
.try-coffee-text p{
    font-family: 'PtSans Regular';
    color: #000000;
    font-size: 16px;
}
.view-all a{
    border: 0.5px solid #A8A8A8;
    padding: 15px 50px;
    color: #000000;
    font-size: 14px;
    font-family: 'PtSans Bold';
    transition: ease-in-out 0.3s;
    letter-spacing: 1.96px;
}
.view-all a:hover{
    background: #380001;
    border: 0.5px solid #380001;
    color: #fff;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
    padding: 0;
}
.slider-homepage{
    padding: 0;
}
.banners-homepage{
    padding: 40px 10px;
    padding-bottom: 0;
}
.banners-homepage .pagebuilder-column-line{
    grid-gap: 10px;
}
.info-homepage{
    margin: 10px 10px;
    padding: 30px 0px;
    background: #fff;
}
.info-blocks{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.info-blocks .info-block h3{
    color: #240505;
    font-size: 32px;
    letter-spacing: 0.64px;
    font-family: 'Platform Medium';
}
.info-blocks .info-block img{
    height: 40px !important;
    line-height: 40px;
    object-fit: contain;
}
.info-blocks .info-block a{
    text-decoration: underline ;
    color: #97928C;
    font-size: 16px;
    font-family: 'PtSans Regular';
    letter-spacing: -0.64px;
    transition: ease-in-out 0.3s;
}
.info-blocks .info-block a:hover {
    color: #380001;
}
.blog-text{
    padding: 0px 10px;
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.blog-text h2{
    text-align: center;
    color: #240505;
    font-size: 53px;
    letter-spacing: -1.06px;
    font-family: 'Platform Medium';
    width: 100%;
}
.blog-text a{
    text-decoration: underline;
    color: #97928C;
    font-size: 16px;
    font-family: 'PtSans Regular';
    letter-spacing: -0.64px;
    transition: ease-in-out 0.3s;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0%, -50%);
}
.blog-text a:hover {
    color: #380001;
}
.tabs-products-homepage{
    padding-bottom: 20px;
    margin: 0 auto;
}
.tabs-products-homepage .tabs-navigation{
    margin-bottom: -1px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 50px;
}
.homepage-product-carousel{
    margin-left: 200px;
}
.tabs-products-homepage .tabs-navigation li{
    background: transparent !important;
    border: 1px solid transparent !important;
    padding-bottom: 10px;
}
.homepage-product-carousel .product-item{
    padding-bottom: 15px;
}
.tabs-products-homepage .tabs-navigation li.ui-tabs-active{
    border-bottom: 2px solid #000 !important;
}
.tabs-products-homepage .product-item{
    max-width: 100% !important;
}
.tabs-products-homepage .tabs-navigation li a{
    width: 180px !important;
    object-fit: contain;
    padding: 0!important;
    transition: ease-in-out 0.3s;
}
.tabs-products-homepage .tabs-navigation li:nth-child(3) a{
    content: url('../images/tabs/beanz.png');
}
.tabs-products-homepage .tabs-navigation li.ui-tabs-active:nth-child(3) a{
    content: url('../images/tabs/beanz-logo.png');
}
.tabs-products-homepage .tabs-navigation li:nth-child(1) a{
    content: url('../images/tabs/donkafe.png');
}
.tabs-products-homepage .tabs-navigation li.ui-tabs-active:nth-child(1) a{
    content: url('../images/tabs/donkafe-logo.png');
}
.tabs-products-homepage .tabs-navigation li:nth-child(4) a{
    content: url('../images/tabs/java.png');
}
.tabs-products-homepage .tabs-navigation li.ui-tabs-active:nth-child(4) a{
    content: url('../images/tabs/java-logo.png');
}
.tabs-products-homepage .tabs-navigation li:nth-child(2) a{
    content: url('../images/tabs/c-kafa.png');
}
.tabs-products-homepage .tabs-navigation li.ui-tabs-active:nth-child(2) a{
    content: url('../images/tabs/c-kafa-logo.png');
}
.tabs-products-homepage div[data-content-type='tabs'] .tabs-content {
    border: 1px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 9;
    padding: 30px 0px;
}
.tabs-products-homepage .product-item{
    width: 95% !important;
    background: #fff;
    text-align: center;
    position: relative;
}
.product-image-container {
    width: 100% !important;
}
.product-item-info {
    padding: 50px 0px;
}
.product-item-info .brand-image{
    position: absolute;
    top: 10px;
    left: 10px;
}
.amshopby-option-link img {
    float: left;
    margin: 0 5px 5px 0;
    position: absolute;
    top: 5px;
    left: 5px;
}
.brand-image img{
    width: 100px;
}
.product-item-details{
    padding: 0px 10px;
    height: 110px;
}
.products-grid .product-item-actions {
    margin: -20px 0 10px;
}
.products-grid .product.photo.product-item-photo{
    z-index: 10;
    position: relative;
}
.product-item .action.towishlist:before{
    content: '\f004' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 24px;
    color: #333;
    display: flex;
    text-align: center;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center;
}

.product-item .action.towishlist.wished:before{
    content: '\f004' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: revert;
    font-size: 24px;
    color: #333;
    display: flex;
    text-align: center;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center;
}

.product-item-name{
    margin: 10px 0px;
}

.product-item-info .product-item-name{
    height: 44px;
}

.product-item-name a{
    font-size: 18px;
    font-family: 'Platform Medium';
    color: #380001;
}
.product-item-name a:hover{
    text-decoration: none;
    color: #380001;
}
.productStickers{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.product-item-info:hover .productStickers .sale{
    transform: rotateZ(0deg);
}
.productStickers .sale{
    color: #fff;
    font-size: 32px;
    font-family: 'Platform Medium';
    letter-spacing: -0.64px;
    border-radius: 500px;
    background: #380001;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 5px;
    transform: rotateZ(15deg);
    transition: ease-in-out 0.2s;
}
.productStickers .sale .small{
    font-size: 18px;
}
.product-item .price-box {
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    height: 38px;
    height: 38px;
    margin-bottom: 0;
}
.product-item .price-box .special-price{
    width: 100%;
    order: 2;
}
.conf-product  .price-label {
    color: #B1B1B1 !important;
    font-size: 16px !important;
    font-family: 'PtSans Regular' !important;
    display: flex;
}
.product-item .price-box .price-label {
    font-size: 0;
}
.product-item .old-price .price {
    color: #B1B1B1 !important;
    font-size: 18px !important;
    text-decoration: line-through !important;
    font-family: 'PtSans Regular' !important;
}


.product-item .old-price {
    margin: -8px 0;
}

.product-item .price-box .special-price .price{
    font-family: "PtSans Bold";
    font-size: 22px;
    letter-spacing: -0.96px;
    color: #380001;
}
.product-item .price-box .special-price .price:before{
    content: 'od';
    font-family: 'PtSans Regular';
    margin-right: 5px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #380001;
    font-weight: 100;
}
.product-item .price-box .gram, .product-item .price-box .gram sub{
    font-family: 'PtSans Regular';
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #380001;
    font-weight: 100;
}
.product-item .price-box .gram sub{
    bottom: -0.1em;
}
.product-item .price-box.price-final_price .price{
    font-family: "PtSans Bold";
    font-size: 22px;
    letter-spacing: -0.96px;
    color: #380001;
}

.product-item .price-box.price-final_price .special-price .price{
    color:#C10000;
}

.blogs-slider{
    width: 99%;
    margin: 0 auto;
}
.blogs-slider .post-image {
    min-height: 340px;
}
.blogs-slider .post-image img{
    margin: 0;
    object-fit: cover;
}
.blogs-slider .post-info-wraper {
    padding: 20px;
    text-align: center;
}
.blogs-slider .mp-post-title{
    text-align: center;
    font-size: 28px;
    font-family: 'Platform Medium';
    width: 100%;
    margin: 10px 0px;
}
.blogs-slider .mp-post-title a{
    color: #240505;
}
.blogs-slider .post-item-wraper {
    padding: 0 !important;
    border: none;
    transition: ease-in-out 0.3s;
    background: #fff;
}
.blogs-slider .post-item-wraper:hover{
    box-shadow: 1px 1px 1px #fff;
}
.post-short-description {
    width: 100%;
}
.post-short-description p {
    font-family: 'PtSans Regular';
    color: #000000;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.mp-read-more{
    padding: 10px 20px;
    border: 0.5px solid #C7C7C7;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.96px;
    font-family: 'PtSans Bold';
    transition: ease-in-out 0.3s;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.mp-read-more:visited{
    color: #000000 !important;
}
.mp-read-more:hover{
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
    border: 0.5px solid #A1A1A1;
    color: #000000;
}
.post-list-item {
    margin-bottom: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #240505;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    border:1px solid #240505;
    transition: ease-in-out 0.3s;
}

@media (max-width: 1300px) {
    .title-video {
        width: 70%;
    }
    .title-video h1 {
        font-size: 60px;
    }
    .try-coffee-text h2 {
        font-size: 30px;
    }
    .try-coffee-text {
        width: 80%;
    }
    .homepage-product-carousel {
        margin-left: 0;
    }
    .productStickers .sale {
        font-size: 18px;
        width: 30px;
        height: 30px;
        padding: 5px;
    }
    .productStickers .sale .small {
        font-size: 15px;
    }
    .productStickers {
        bottom: 55px;
    }
    .banners-homepage .pagebuilder-column, .banners-homepage .pagebuilder-overlay{
        min-height: 350px !important;
    }
    .info-blocks {
        width: 90%;
    }
    .blog-text h2 {
        font-size: 30px;
    }
    .blogs-slider .post-image {
        min-height: 230px;
    }
    .blogs-slider .mp-post-title {
        font-size: 20px;
    }
    .post-short-description p {
        width: 90%;
    }
}
@media (max-width: 992px) {
    .tabs-products-homepage .tabs-navigation li a {
        width: 150px !important;
    }
    .title-video h1 {
        font-size: 40px;
    }
    .banners-homepage .pagebuilder-column, .banners-homepage .pagebuilder-overlay {
        min-height: 320px !important;
    }
    .info-blocks {
        width: 100%;
    }
    .info-blocks .info-block h3 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .video-wrapper video{
        height: 900px;
        object-fit: cover;
    }
    .title-video h1 {
        font-size: 26px;
    }
    .link_bottom a {
        height: 100%;
        display: flex;
    }
    .desktop-slider{
        display: none;
    }
    .mobile-slider {
        display: block;
    }
    .try-coffee-text {
        width: 90%;
        padding-top: 0;
    }
    .try-coffee-text h2 {
        font-size: 24px;
        letter-spacing: -0.5px;
    }
    .try-coffee-text p {
        font-size: 14px;
    }
    .tabs-products-homepage  .product-items {
        margin-left: 0;
        padding: 0;
    }
    .product-item-name a {
        font-size: 16px;
    }
    .product-item .old-price .price {
        font-size: 16px !important;
    }
    .product-item .price-box.price-final_price .price {
        font-size: 18px;
        letter-spacing: -1.5px;
    }
    .tabs-products-homepage div[data-content-type='tabs'] .tabs-content {
        padding: 10px 0px;
    }
    .banners-homepage .pagebuilder-column, .banners-homepage .pagebuilder-overlay {
        min-height: 380px !important;
    }
    .banners-homepage .banner-left .pagebuilder-overlay,  .banners-homepage .banner-left{
        min-height: 190px !important;
    }
    .info-homepage {
        margin: 10px 10px;
        padding: 0px 0px;
        background: transparent;
    }
    .info-block{
        width: 50% !important;
        background: #fff;
        padding: 10px 0px;
        border-bottom: 10px solid #F5F5F5;
        padding-top: 20px;
    }
    .blog-text h2 {
        font-size: 20px;
        text-align: left;
    }
    .blog-text a {
        font-size: 14px;
    }
    .blogs-slider .post-image {
        min-height: 130px;
    }
    .blogs-slider .post-image img {
        min-height: 100%;
    }
    .blogs-slider .post-info-wraper {
        padding: 0;
        padding-bottom: 20px;
    }
    .blogs-slider .mp-post-title {
        font-size: 18px;
    }
    .post-short-description p {
        width: 95%;
        font-size: 14px;
    }
    .mp-read-more {
        padding: 5px 10px;
        font-size: 12px;
    }
    .cms-home .column.main {
        background: #F5F5F5;
        padding: 0;
    }
    #blog_carousel_homepage{
        padding-bottom: 10px;
    }
}
/*END HOMEPAGE*/




/*FOOTER*/
footer{
    background: #240505 !important;
    padding: 40px 0px;
}
.page-footer {
    z-index: 2;
}
.footer.links{
    display: none;
}
.newsletter-message p strong{
    font-size: 70px;
    color: #fff;
    font-family: 'Platform Medium';
    line-height: 1;
    letter-spacing: 0.84px;

}
.newsletter-message p{
    font-size: 16px;
    color: #FFFFFF;
    font-family: 'PtSans Regular';
    width: 70%;
}
.footer.content{
    padding: 0;
    max-width: 90%;
}
.footer-main{
    display: flex;
    justify-content: space-between;
}
.block.newsletter .field .control:before{
    content: '';
}
.block.newsletter input {
    margin-right: 35px;
    padding: 0 0 0 35px;
    margin: 20px 0px;
    padding-left: 10px;
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #959595;
}
.block.newsletter input::placeholder{
    color: #959595;
    font-size: 16px;
    font-family: 'PtSans Regular';
}
._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {
    box-shadow: none;
}
.action.primary, .action-primary {
    background-image: none !important;
    background: #DD0D10;
    border: 1px solid #DD0D10;
    cursor: pointer;
    display: inline-block;
    font-family: 'PtSans Bold';
    font-weight: 600;
    padding: 10px 15px;
    font-size: 14px;
    letter-spacing: 1.96px;
    color: #FFFFFF;
    text-transform: uppercase;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
}
.block.newsletter .field.newsletter {
    max-width: 250px;
}
.action.primary:hover,
.action-primary:hover,
.action-primary:focus,
.action.primary:focus,
.action-primary:active,
.action.primary:active{
    background: #DD0D10;
    border: 1px solid #DD0D10;
    box-shadow: 0 0 0 1px #DD0D10;
    color: #ffffff;
}
.footer-info-block{
    width: 80%;
    display: flex;
}
.footer-menu{
    width: 120%;
    display: flex;
    justify-content: space-between;
}
.footer-menu h3{
    color: #787878;
    font-size: 20px;
    letter-spacing: 1.76px;
    font-family: 'Platform Medium';
}
.footer-menu ul li{
    padding: 5px 0px;
}
.footer-menu ul li a{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    font-family: 'PtSans Regular';
    letter-spacing: 0.6px;
}
.footer-social{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.footer-social a{
    width: 100%;
}
.footer-social a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    font-family: 'PtSans Regular';
    letter-spacing: 0.6px;
}
.footer-social ul{
    padding-top: 30px;
    display: flex;
    justify-content: center;
    padding-right: 0 !important;
}
.footer-social ul li{
    margin: 0px 10px !important;
}
.copyright {
    background-color: #240505;
    color: #757575;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    text-align: center;
    letter-spacing: 0.6px;
    font-family: 'PtSans Regular';
}
@media (max-width: 1300px) {

    .newsletter-message p strong {
        font-size: 50px;
    }
    .footer-social {
        width: 20%;
    }
    .footer-menu {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .footer-main {
        flex-wrap: wrap;
    }
    .block.newsletter {
        max-width: 100%;
        width: 100%;
    }
    .footer-info-block {
        width: 100%;
        flex-wrap: wrap;
        grid-gap: 20px;
    }
}
@media (max-width: 768px) {
    .footer.content {
        max-width: 95%;
        margin: 0 auto;
        border: none;
    }
    .custom-slide {
        left: 0;
        position: relative;
        visibility: initial;
        opacity: 1;
    }
    .newsletter-message p {
        width: 100%;
        text-align: center;
    }
    .newsletter-message p strong {
        font-size: 30px;
    }
    .block.newsletter .field.newsletter {
        max-width: 100%;
    }
    .block.newsletter .action.subscribe {
        width: 100%;
    }
    .footer-menu {
        flex-wrap: wrap;
    }
    .footer-menu-block{
        width: 100%;
    }
    .footer-social {
        width: 100%;
        grid-gap: 5px;
    }
    .toggleFooter{
        display: none;
    }
    .footer-menu h3{
        position: relative;
        color: #fff ;
        font-size: 18px;
    }
    .triggerFooter:after{
        content: '\f067';
        font-family: "font awesome 5 pro";
        font-size: 20px;
        font-weight: 100;
        position: absolute;
        right: 0;
        top: 50%;
        color: #fff;
        transform: translate(-50%, -50%);
    }
    .triggerFooter.h3ActiveFooter:after{
        content: '\f068' !important;
    }
    .page-footer {
        margin-top: 0;
    }
}
/*END FOOTER*/

/*PRODUCTS LISTING*/

.page-products .page-main{
    max-width: 100%;
    padding: 0;
}
.page-products .page-title-wrapper{
    display: none;
}
.page-products .category-image{
    background: #fff;
    position: relative;
    margin-top: -50px;
}
.page-products .category-view{
    position: relative;
}
.message.success {
    z-index: 2;
}
.page-products .breadcrumbs{
    z-index: 1;
    display: block;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    padding-left: 0;
}
.amshopby-filter-tooltip {
    display: none;
}
.breadcrumbs a:visited, .breadcrumbs a{
    color: #380001;
    font-size: 13px;
    font-family: "PtSans Bold";
    font-weight: 900 ;
}
.filter-options-content .items.-am-singleselect .amshopby-link-selected, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label {
    color: #380001;
    font-weight: 100 !important;
}
.filter-options-content .item a{
    transition: ease-in-out 0.3s;
}
.filter-options-content .item a:hover {
    background-color: #F5F5F5;
    color: #380001;
}
.filter-options-content .item a:hover .count {
    color: #380001;
}
.filter-options-content .items.-am-singleselect .amshopby-link-selected .count, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label .count, .filter-options-item .filter-options-content .count {
    color: #380001;
    font-weight: 900;
    font-size: 12px;
}
.breadcrumbs .item:not(:last-child) {
    font-weight: 900;
}
.breadcrumbs a:hover {
    color: #380001;
    text-decoration: none;
}
.breadcrumbs strong {
    font-family: "PtSans Regular";
    color: #380001;
    font-size: 13px;
    text-decoration: underline;
}
.breadcrumbs .item:not(:last-child):after {
    content: '\e608';
    margin: 0 5px;
    color: #380001;
}
.category-description {
    max-width: 100%;
    margin: 0 auto;
    margin-top: -50px;
    z-index: 1;
    position: relative;
}
.category-description h1{
    margin: 0;
    font-size: 90px;
    color: #240505;
    font-family: 'Platform Medium';
}
.category-description p{
    width: 50%;
    font-family: 'PtSans Regular';
    color: #000000;
    font-size: 16px;
}
.page-products #maincontent{
    max-width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
.page-products .sidebar-additional{
    display: none;
}
.sidebar-main{
    background: #fff;
    padding: 10px;
}
.filter-content .filter-subtitle{
    margin: 0;
    font-size: 30px;
    color: #240505;
    font-family: 'Platform Medium';
    border-bottom: 1px solid #E9E9E9;
    letter-spacing: 1px;
}
.filter-options-item {
    border-bottom: 1px solid #E9E9E9;
    padding: 10px 0px;
}
.filter-options-title {
    font-size: 16px;
    font-family: 'PtSans Bold';
    text-transform: initial;
    color: #240505;
    padding: 10px;
}
.filter-options-title:after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    font-size: 14px;
    color: #240505;
    display: block;
    text-align: center;
    font-weight: 100;
}
.active > .filter-options-title:after {
    content: '\f068';
}
.filter-options-content .count {
    display: none;
}
.filter-options-content a {
    color: #240505;
    font-size: 16px;
    font-family: 'PtSans Regular';
}
.filter-options-content a:hover {
    background-color: transparent;
    text-decoration: none;
}
.toolbar-products .modes{
    display: none;
}
.toolbar-products {
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.page-layout-2columns-left .main {
    padding-left: 20px;
}
.page-with-filter .toolbar-amount {
    color: #231F20;
    font-size: 16px;
    font-family: 'PtSans Regular';
}
.toolbar select {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid transparent;
    padding: 5px!important;
    text-transform: lowercase;
    color: #231F20;
    font-size: 16px;
    font-family: 'PtSans Bold';
    padding-right: 25px !important;
}
.sorter-label{
    color: #231F20;
    font-size: 16px;
    font-family: 'PtSans Regular';
}
.toolbar select option{
    color: #231F20;
    font-size: 16px;
    font-family: 'PtSans Bold';
}
.toolbar .sorter-action {
    display: none;
}
.page-products .product-item-info{
    width: 100%;
    position: relative;
    background: #fff;
    transition: ease-in-out 0.3s;
    border: 1px solid #fff;
}
.products-grid .product-item-info:hover, .products-grid .product-item-info.active {
    background: #ffffff;
    box-shadow: 1px 1px 1px #fff;
    border: 1px solid #fff;
    margin: 0px;
    padding: 0px;
    padding: 50px 0px;
    position: relative;
    z-index: 9;
}
.product-item-inner{
    position: absolute !important;
    width: 100% !important;
    overflow: initial !important;
    height: 100% !important;
    margin: 0px !important;
    background: transparent !important;
    top: 0;
}
.products-grid .products-grid .product-item-inner:before {
    background: transparent;
}
.products-grid .actions-primary form,
.product-items .actions-primary form{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.products-grid .actions-secondary,
.product-items .actions-secondary{
    position: absolute;
    right: 10px;
    top: 10px;
}
.products-grid .product-item-info:not(:hover):not(.active) .product-item-inner, .products-grid .product-item-info:hover .product-item-inner {
    border: 0;
    clip: initial;
    height: auto;
    height: 35px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 45px;
    z-index: 9;
    box-shadow: none;
    margin: 0;
    right: 0;
    left: auto;
}

.page-products .products-grid .product-item {
    margin-left: 10px;
    margin-bottom: 10px;
}
.page-products .action.tocompare{
    display: none !important;
}
.page-with-filter .products.product-items{
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}
.page-with-filter .products .product-item{
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    margin-right: 15px;
    width: 100% !important;
}
.toolbar-products:last-child{
    /*display: none;*/
}
.minicart-items .product-item-name a {
    color: #380001;
}
@media (max-width: 1600px) {
    .category-description {
        max-width: 100%;
    }
    .category-description h1 {
        font-size: 70px;
    }
    .page-products .breadcrumbs {
        max-width: 95%;
    }
    .page-products #maincontent {
        max-width: 95%;
        padding-top: 70px;
    }
}
@media (max-width: 1450px) {
    .panel.header{
        padding: 0 !important;
    }
    .minicart-wrapper .action.showcart {
        margin-left: 20px;
    }
    .page-header .amsearch-wrapper-block.openSearch {
        top: 60px;
    }
}
@media (max-width: 1400px) {
    .category-description h1 {
        font-size: 50px;
    }
    .filter-content .filter-subtitle {
        font-size: 20px;
    }
    .page-with-filter .products.product-items {
        grid-template-columns: repeat(3, 1fr);
    }
    .category-image .image {
        height: 200px;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    .category-image .image {
        height: 270px;
        object-fit: cover;
        object-position: right;
        filter: opacity(50%);

    }
    .minicart-wrapper .action.showcart {
        margin-left: 0;
    }
    .opc-block-summary .product-item .product-item-inner {
        position: relative !important;
    }
    .page-products .breadcrumbs {
        width: 90%;
        margin-top: 10px;
    }

    .category-description h1 {
        font-size: 30px;
    }
    .category-description p {
        width: 90%;
    }
    .page-products #maincontent {
        max-width: 100%;
        padding-top: 20px;
        width: 100%;
    }
    .sorter-label {
        width: 10%;
        font-size: 0;
        margin-left: 10px;
    }
    .sorter-label:after{
        color: #231F20;
        content: '\f883';
        font-family: "Font Awesome 5 Pro";
        font-weight: 100;
        font-size: 20px;
        display: block;
        text-align: center;

    }
    .toolbar select {
        text-transform: capitalize;
        font-family: 'PtSans Regular';
        width: 85%;
        text-align: center;
    }
    .page-products .sorter {
        right: -1px;
        display: flex;
        align-items: center;
        width: 50%;
        background: #fff;
        padding: 5px 0px;
        border: 1px solid #240505;
    }
    .filter-title strong {
        background-color: #240505;
        box-shadow: none;
        border: 1px solid #240505;
        padding: 7px 10px;
        position: absolute;
        text-align: center;
        top: 0;
        z-index: 2;
        width: 45%;
        border-radius: 0;
        color: #fff;
        font-family: 'PtSans Regular';
        height: 28px;
        line-height: 28px;
        font-size: 16px;
    }
    .filter-title strong:before{
        color: #fff;
        content: '\f885';
        font-family: "Font Awesome 5 Pro";
        font-weight: 100;
        font-size: 20px;
        text-align: center;
        position: absolute;
        left: 10px;
    }
    .filter.active .filter-title {
        background: #240505;
    }
    .filter.active .filter-title strong {
        box-shadow: none;
        background: none;
        border: 0;
        color: #fff;
        left: auto;
        right: 0;
        top: 0;
        text-decoration: none;
        display: flex;
        width: 98%;
        justify-content: space-between;
        padding: 0;
        line-height: 49px;
        height: 49px;
        font-size: 20px;
    }
    .filter.active .filter-title strong:before{
        display: none;
    }
    .filter.active .filter-title strong:after{
        color: #fff;
        margin-right: 10px;
    }
    .filter-options-item {
        padding: 0px 0px;
    }
    .sidebar-main {
        background: transparent;
        padding: 0px;
    }
    .columns .column.main {
        max-width: 95%;
        padding: 0;
        margin: 0 auto;
    }
    .page-with-filter .products.product-items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .toolbar-products {
        background-color: #fff;
        padding: 5px 20px;
        margin-bottom: -20px;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        border-top:  0.5px solid #24050521;
        border-bottom: 0.5px solid #24050521;
    }
    .page-with-filter .products.product-items .productStickers {
        bottom: 80px;
    }
    .products-grid .actions-primary form, .product-items .actions-primary form {
        position: absolute;
        bottom: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
    }
    .product-items .actions-primary form {
        left: 5px;
    }
}
/*END PRODUCTS LISTING*/


/*USER PAGES*/
.customer-account-login .page-main, .customer-account-create .page-main{
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.customer-account-login .page-main .columns, .customer-account-create .page-main .columns{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0px;
}
.customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper{
    padding: 30px 0px;
    margin-top: -30px;
    background: #fff;
    text-align: center;
    width: 100%;
    padding-top: 60px;
    border-bottom: 2px solid #DD0D10;
}
.customer-account-login .page-title-wrapper h1, .customer-account-create .page-title-wrapper h1{
    margin: 0;
    font-size: 60px;
    color: #240505;
    font-family: 'Platform Medium';
}
.customer-account-login .page-main .columns .block{
    width: 47%;
    /*padding: 20px;*/
    background: #fff;
}
.customer-account-create .page-main .columns .fieldset{
    width: 47%;
    /*padding: 20px;*/
    background: #fff;
}
.customer-account-login .page-main .columns .block .block-title, .customer-account-create .page-main .columns .block .block-title, .customer-account-create legend span{
    margin: 0;
    font-size: 20px;
    color: #240505;
    font-family: 'Platform Medium';

}


.customer-account-login .page-main .columns .block .block-title,
.customer-account-login .page-main .columns .block .block-content
{
    padding: 20px;
}



.form-create-account{
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-width: 100% !important;
    width: 100%;
    justify-content: space-between;
}
.form-create-account .actions-toolbar{
    text-align: center;
    margin: 0 auto;
}
.form-create-account .actions-toolbar button{
    padding: 10px 50px;
    width: 70%;
}
.customer-account-login .page-main .columns .block p, .customer-account-login .page-main .columns .block .note,
.customer-account-create .page-main .columns .block p, .customer-account-create .page-main .columns .block .note{
    font-size: 16px;
    padding-top: 10px;
}
.actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child {
    margin-bottom: 0;
    border-radius: 0;
}
@media (max-width: 768px) {
    .customer-account-login .page-title-wrapper h1, .customer-account-create .page-title-wrapper h1 {
        font-size: 24px;
    }
    .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper {
        padding: 20px 0px;
        padding-top: 50px;
    }
    .customer-account-login .page-main .columns .block {
        width: 100%;
    }
    .customer-account-create .page-main .columns .fieldset {
        width: 100%;
    }
    .scroll {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
}
/*END USER PAGES*/

/*SINGLE PRODUCT*/

.catalog-product-view .breadcrumbs{
    max-width: 80%;
    padding: 20px 0px;
    margin: 0 auto;
}
.catalog-product-view .page-main{
    max-width: 80%;
    padding: 0;
    background: #fff;
}
.catalog-product-view .page-main .product-info-main{
    position: relative;
}
.catalog-product-view .amshopby-option-link {
    width: 100%;
    height: 100%;
}
.product-info-main .product.attribute.overview {
    margin: 0;
}
.catalog-product-view .page-main .product-info-main .amshopby-option-link img {
    top: 0%;
    left: -98%;
    width: 150px;
    z-index: 2;
}
.product-info-main .product.attribute.sku .type:after {
    content: '';
}
.product-info-main .product.attribute.sku .type {
    font-weight: normal;
    margin-right: 5px;
    color: #380001;
    font-size: 14px;
    font-family: 'PtSans Regular';
}
.product-info-main .product.attribute.sku .value {
    color: #380001;
    font-family: 'PtSans Bold';
    font-weight: 900;
    font-size: 14px;
}
.product-info-main .page-title-wrapper h1 {
    margin-top: 20px;
    font-size: 38px;
    font-family: 'Platform Medium';
    color: #380001;
}
.product-info-main .product.attribute.overview p{
    color: #380001;
    font-size: 16px;
    font-family: 'PtSans Regular';
    width: 70%;
}
.product-info-main .productStickers{
    top: 30px;
    bottom: auto;
    right: 30px;
}
.product-info-main .product-reviews-summary, #additional, #reviews {
    display: none;
}
.product-info-main .stock.available, .product-info-main .stock.unavailable{
    display: none;
}
.intensities-custom{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    padding: 20px 0px;
    width: 90%;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.intensities-custom ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1px;
    width: 75%;
}
.intensities-custom h4{
    margin: 0;
    font-size: 22px;
    color: #380001;
    font-family: 'Platform Medium';
    padding-bottom: 10px;
}
.intensities-custom ul li.dark i {
    color: #380001;
}
.intensities-custom ul li i{
    color: #A8967B;
}
.attributes-custom {
    padding: 20px 0px;
    width: 95%;
}
.attributes-custom li{
    padding: 2px 0px;
    color: #380001;
    font-size: 16px;
    font-family: 'PtSans Regular';
}
.attributes-custom li i{
    margin-right: 10px;
    font-size: 18px;
}
.product-info-main .special-price .gram{
    display: none;
}
.product-info-main .price-label{
    display: none !important;
}
.page-product-configurable .product-info-main .price-label{
    display: block !important;
    font-size: 18px;
    font-family: 'Platform Regular';
    color: #380001;
}
.product-info-main .special-price{
    padding-right: 15px;
}
.product-info-main .special-price .price{
    font-size: 34px;
    color: #380001;
    font-family: "PtSans Bold";
}
.product-info-main .product-info-price {
    color: #575757;
    border-bottom: 1px solid transparent;

    margin-bottom: 15px;
    width: 100%;
}
.product-info-main .product-info-price .price-box{
    display: flex !important;
    align-items: center;
}
.product-info-main .old-price .price{
    color: #B1B1B1;
    text-decoration: line-through;
    font-size: 18px;
    font-family: 'PtSans Regular';
}
.product-info-main .input-text.qty{
    padding: 20px 5px;
    width: 40px;
    border: none;
}
.product-info-main .normal-price .price{
    font-size: 34px;
    color: #380001;
    font-family: "PtSans Bold";
}
.swatch-attribute-options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    text-align: center;
}
.product-info-main .product-add-form {
    padding-top: 0;
    margin-top: -15px;
}
.product-info-main .product-add-form form{
    display: flex;
    flex-wrap: wrap;
}
.product-info-main .product-add-form form .box-tocart{
    width: 85%;
    margin-bottom: 0;
}
.page-layout-1column .product.media {
    width: 40%;
}
.catalog-product-view .page-main .product-info-main {
    position: relative;
    width: 50%;
    padding: 50px 0px;
    max-width: 930px;
}
.swatch-option.text {
    background: #F5F5F5;
    color: #A8967B;
    font-weight: 100;
    padding: 10px 8px;
    border: 2px solid #fff;
    font-family: 'PtSans Bold';
    outline: 2px solid #fff;
    font-size: 18px;
    letter-spacing: -0.4px;
    transition: ease-in-out 0.3s;
}
.swatch-option:not(.disabled):hover {
    border: 2px solid #F5F5F5;
    color: #380001;
    outline: 1px solid #380001;
    font-weight: 900;
}
.swatch-option:focus {
    box-shadow:none;
}
.swatch-option.text.selected {
    border: 2px solid #F5F5F5;
    color: #380001;
    outline: 2px solid #380001;
    font-family: 'PtSans Bold';
}
.swatch-attribute-label {
    font-weight: 100;
    position: relative;
    letter-spacing: 2.1px;
    color: #380001;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'PtSans Regular';
}
.swatch-attribute-selected-option {
    color: #646464;
    padding-left: 0;
    font-weight: 900;
    position: relative;
    letter-spacing: 2.1px;
    color: #380001;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'PtSans Regular';
    border-bottom: 1px solid #380001;
    text-align: center;
    margin-left: 10px;
}
.box-tocart .field.qty .control{
    border: 1px solid #AEAEAE;
    width: 100px;
    display: flex;
    align-items: center;
    color: #380001;
}
.box-tocart .field.qty .control .minus button,
.box-tocart .field.qty .control .plus button{
    background: transparent;
    padding: 0;
    border: none;
    font-size: 18px;
    width: 100%;
    font-weight: 100;
    border-radius: 0;
    color: #380001;
}
.box-tocart .field.qty .control  button:hover{
    border: none !important;
    box-shadow: none;
}
.box-tocart .field.qty .control .minus ,
.box-tocart .field.qty .control .plus {
    width: 33.33%;
}
.product-info-main .input-text.qty {
    color: #380001;
    font-family: 'PtSans Regular';
    font-size: 20px;
}
.product-social-links .action.tocompare{
    display: none;
}
.product-info-main  .box-tocart .fieldset{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fieldset > .field, .fieldset > .fields > .field {
    margin: 0;
}
.product-info-main  .box-tocart .fieldset .actions{
    width: 85%;
    height: 42px;
    display: flex;
    align-items: center;
}
.product-info-main  .box-tocart .fieldset .actions button{
    width: 95%;
    padding: 0px;
    margin-bottom: 0;
    height: 100%;
    background: #C10000;
    border: 1px solid #C10000;
    margin-left: 15px;
}
.product-info-main  .box-tocart .fieldset .actions button:hover{
    box-shadow: 0 0 0 1px #C10000;
    background: #C10000;
    border: 1px solid #C10000;
}
.product-social-links .action.towishlist span{
    display: none;
}
.free-delivery{
    font-size: 18px;
    letter-spacing: -0.36px;
    color: #380001;
    font-family: 'PtSans Regular';
    font-weight: 100;
    width: 100%;
    order: 3;
}
.free-delivery i{
    margin-right: 5px;
}
.free-delivery strong{
    font-family: 'PtSans Bold';
}
.product-options-bottom{
    display: flex;
    flex-wrap: wrap;
}
.product-info-main .product-options-bottom .box-tocart {
    margin: 0px;
    width: 85%;
    order: 1;
}
.product-social-links {
    text-align: center;
    margin: 0;
    order: 2;
    height: 42px;
    width: 12%;
    border: 1px solid #AEAEAE;
    line-height: 42px;
}
.product-social-links .action.towishlist {
    margin: 0;
}

.product-social-links .action.towishlist:before{
    margin: 0;
    content: '\f004' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 24px;
    color: #333;
    display: flex;
    text-align: center;
    height: 42px;
    width: 28px;
    align-items: center;
    justify-content: center;
}
.product-full-width-section {
    padding: 0;
}
#description{
    margin-bottom: 30px;
}
.product.description{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
    background: #fff;
    border-top: 2px solid #F5F5F5;
}
.product.description h2{
    font-size: 38px;
    color: #380001;
    font-family: 'Platform Medium';
}
.product.description p{
    margin: 0 auto;
    padding: 10px 0px;
    width: 70%;
    font-family: 'PtSans Regular';
    font-weight: 100;
    font-size: 16px;
    color: #380001;
}
.catalog-product-view .page-main.page-main-details{
    background: transparent;
}
.block.related .block-title.title strong{
    font-size: 38px;
    color: #380001;
    font-family: 'Platform Medium';
    font-weight: 500;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.block.related  .product-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.block.related  .product-items li {
    width: 100%;
    background: #fff;
    position: relative;
    max-width: 100%;

    margin-bottom: 0;
}
.block.related .product-item-info{
    width: 100%;
    position: relative;
    max-width: 100%;
    border: 1px solid transparent;
}
.abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited {
    color: #380001;
    text-decoration: none;
}
/*.block.related  .product-item-actions .actions-secondary {*/
/*    top: -340px;*/
/*}*/
.block.related .action.tocompare{
    display: none;
}
.block.related .related-available .product-item-name {
    margin-left: 0;
}
.product-info-main .product-info-price .gram{
    display: none !important;
}
.product-info-price .price-box .price-container .price {
    font-size: 34px;
    color: #380001;
    font-family: "PtSans Bold";
}
.product-info-main .product-info-price .old-price .price-wrapper .price {
    font-size: 18px;
    font-weight: 100;
    color: #B1B1B1;
    font-family: 'PtSans Regular';
}
@media (max-width: 1600px) {
    .catalog-product-view .breadcrumbs {
        max-width: 95%;
    }
    .catalog-product-view .page-main {
        max-width: 95%;
    }
    .product.description {
        width: 95%;
    }
}
@media (max-width: 1500px) {
    /*.block.related .product-item-actions .actions-secondary {*/
    /*    top: -320px;*/
    /*}*/
}
@media (max-width: 1400px) {
    .intensities-custom {
        width: 100%;
    }
    .swatch-attribute-options {
        grid-template-columns: repeat(3, 1fr);
    }
    /*.block.related .product-item-actions .actions-secondary {*/
    /*    top: -300px;*/
    /*}*/
    .block.related  .productStickers .sale {
        font-size: 18px;
        width: 35px;
        height: 35px;
        justify-content: center;
    }
    .product-options-wrapper{
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .intensities-custom {
        grid-template-columns: repeat(2, 1fr);
    }
    .intensities-custom ul {
        width: 40%;
    }
}
@media (max-width: 992px) {
    .swatch-attribute-options {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .catalog-product-view .page-main .product-info-main {
        width: 100%;
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .page-layout-1column .product.media {
        width: 100%;
    }

    .catalog-product-view .page-main {
        margin: 0 auto;
        margin-top: 10px;
    }

    .catalog-product-view .page-main .product-info-main .amshopby-option-link img {
        left: 0;
        width: 100px;
        z-index: 2;
    }

    .product-info-main .productStickers .sale {
        font-size: 28px;
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .product-info-main .productStickers {
        top: 70px;
        bottom: auto;
        right: 0px;
    }

    .product-info-main .page-title-wrapper h1 {
        margin-top: 10px;
        font-size: 28px;
        margin-bottom: 0;
    }

    .product-info-main .product.attribute.overview p {
        width: 100%;
    }

    .intensities-custom h4 {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .intensities-custom {
        grid-gap: 10px;
    }

    .intensities-custom ul {
        width: 50%;
    }

    .product-info-price .price-box .price-container .price {
        font-size: 28px;
    }

    .swatch-option.text {
        padding: 6px 4px;
        border: 2px solid #fff;
        outline: 2px solid #fff;
        font-size: 14px;
        margin: 0;
    }

    .swatch-attribute-options {
        grid-template-columns: repeat(1, 1fr);
    }

    .box-tocart .field.qty .control {
        width: 80px;

    }
    .product-info-main .box-tocart .fieldset .actions button {
        margin-left: 5px;
        font-size: 14px;
        margin-right: 5px;
    }
    .product-social-links {
        height: 41px;
    }
    .product-info-main .input-text.qty {
        font-size: 18px;
    }
    .free-delivery {
        font-size: 16px;
    }
    .product.description {
        padding-top: 0;
        border-top: 10px solid #F5F5F5;
    }
    .product.description h2 {
        font-size: 20px;
    }
    .product.description p {
        padding: 5px 0px;
        width: 95%;
        font-size: 14px;
    }
    .block.related {
        margin-top: 0 !important;
    }
    .block.related .product-items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    #description {
        margin-bottom: 20px;
    }
    .block.related .block-title.title strong {
        font-size: 20px;
    }
    .catalog-product-view .columns .column.main {
        max-width: 98%;
        padding: 0;
        margin: 0 auto;
    }
    /*.block.related .product-item-actions .actions-secondary {*/
    /*    top: -230px;*/
    /*}*/
    .block.related  .product-item .price-box .gram,  .block.related  .product-item .price-box .gram sub {
        font-size: 16px;
    }
    .block.related  .product-item .price-box.price-final_price .price {
        font-size: 16px;
    }
    .block.related .productStickers .sale {
        font-size: 16px;
        width: 30px;
        height: 30px;
        padding: 3px;
    }
    .product-info-main .product-add-form form .box-tocart {
        width: 100%;
        margin-bottom: 0;
    }
    .page-product-configurable .product-info-main .product-add-form form .box-tocart {
        width: 87%;
        margin-bottom: 0;
    }
    .product-items .actions-primary form {
        left: 0;
    }
    .product-items  .action.primary, .action-primary {
        padding: 10px 20px;
        font-size: 12px;
    }
}
/*END SINGLE PRODUCT*/


/*BRAND PRODUCTS LISTING*/
.cms-brendovi .page-main{
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.cms-brendovi .brands-image-coffe{
    background: #fff;
    position: relative;
}
.cms-brendovi .brands-image-coffe img{
    width: 100%;
    object-fit: cover;
}
.cms-brendovi .breadcrumbs{
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: -50px;
    z-index: 1;
    padding-left: 0;
    padding-top: 30px;
}

.cms-brendovi .text-brands h1{
    margin: 0;
    font-size: 90px;
    color: #240505;
    font-family: 'Platform Medium';
}
.cms-brendovi .text-brands p{
    width: 50%;
    font-family: 'PtSans Regular';
    color: #000000;
    font-size: 16px;
}
.cms-brendovi .text-brands {
    max-width: 80%;
    position: absolute;
    left: 18.5%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cms-brendovi .ambrands-letters-list{
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;
    margin-bottom: -50px;
}
.cms-brendovi .ambrands-brand-item {
    width: 100% !important;
    margin: 0 !important;
}
.cms-brendovi .ambrands-letter .ambrands-content .ambrands-image {
    max-width: 300px !important;
}
.cms-brendovi .brands-wrapper{
    position: relative;
}
.cms-brendovi .ambrands-letters-list .ambrands-letter .ambrands-title {
    display: none;
}
.ambrands-letter .ambrands-brand-item .ambrands-inner {
    background: #F5F5F5;
    border: 3px solid #fff;
    border-radius: 0;
}
.ambrands-letter .ambrands-brand-item .ambrands-inner:hover, .ambrands-letter .ambrands-brand-item .ambrands-inner:focus {
    border-color: #fff;
    text-decoration: none;
}
.ambrands-letter .ambrands-brand-item .ambrands-label {
    font-size: 0;
    line-height: 0;
}
.ambrands-letters-list .ambrands-letter .ambrands-content {
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}

.ambrands-inner:before {
    box-sizing: border-box;
    transform: translateX(100%);
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
}
.ambrands-inner:after {
    box-sizing: border-box;
    transform: translateX(-100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
}
.ambrands-inner:hover {
    color: inherit;
    text-decoration: none;
}
.ambrands-inner:hover:before {
    transition: 0.1s transform linear, 0.1s height linear 0.1s;
    transform: translateX(0);
    height: 105%;
    border-color: #240505;
}
.ambrands-inner:hover:after {
    transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
    transform: translateX(0);
    height: 103%;
    border-color: #240505;
}

/*BEANZ*/

.ambrand-index-index .breadcrumbs, .ambrand-index-index  .category-image{
    display: none;
}
.ambrand-index-index .page-main {
    max-width: 100% !important;
}
.ambrand-index-index .page-main .category-description{
    max-width: 100%;
}
.ambrand-index-index .page-main .category-description [data-content-type='row'][data-appearance='contained']{
    max-width: 100%;
}
.ambrand-index-index .page-main .category-description [data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
    padding: 0 !important;
}
.brand-main-image{
    position: relative;
    padding-top: 120px;
}
.brand-main-image .leaves-left{
    position: absolute;
    left: -13%;
    width: 700px;
    top: 20%;
}
.brand-main-image .leaves-right{
    position: absolute;
    right: -15%;
    top: 15%;
    width: 700px;
}
.brand-description{
    padding: 50px 0px;
    text-align: center;
}
.brand-description h1{
    font-size: 40px;
    letter-spacing: -0.8px;
}
.brand-description p{
    margin: 0 auto;
    padding: 10px 0px;
}
.brand-description a{
    color:#DD0D10;
}
.ambrand-index-index .column.main {
    width: 80% !important;
    margin: 0 auto;
    float: initial;
}
.ambrand-index-index  .toolbar-products:first-child {
    display: none;
}
.subtitle-ambrand-products{
    display: none;
}
.ambrand-index-index .subtitle-ambrand-products{
    display: block;
    text-align: center;
    font-size: 26px;
    color: #240505;
    font-family: 'Platform Medium';
    letter-spacing: -0.52px;
}
.ambrands-products-image{
    display: none !important;
}
.ambrand-index-index .ambrands-products-image{
    display: block !important;
}
.image-between-products{
    grid-column: span 4;
}

@media (max-width: 1600px) {
    .cms-brendovi .breadcrumbs {
        max-width: 95%;
    }
    .cms-brendovi .text-brands {
        max-width: 95%;
        left: 13%;
    }
    .cms-brendovi .ambrands-letters-list {
        width: 95%;
    }
    .brand-main-image .leaves-right {
        right: -20%;
    }

    .brand-main-image .leaves-left {
        left: -20%;
    }

}
@media (max-width: 1400px) {
    .cms-brendovi .text-brands {
        left: 14.4%;
    }
    .brand-main-image {
        padding-top: 90px;
    }
    .brand-main-image .leaves-left {
        left: -10%;
        width: 500px;
        top: 25%;
    }
    .brand-main-image .leaves-right {
        right: -14%;
        width: 500px;
    }
    .ambrand-index-index .column.main {
        width: 95% !important;
    }
    .ambrand-index-index .products.product-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 1200px) {
    .cms-brendovi .text-brands {
        left: 16%;
    }
}
@media (max-width: 992px) {
    .cms-brendovi .text-brands h1 {
        font-size: 50px;
    }
    .cms-brendovi .text-brands {
        left: 11.5%;
        top: 60%;
    }
    .ambrand-index-index .main-image img{
        height: 400px;
        object-fit: cover;
    }
    .brand-main-image .leaves-right {
        right: -10%;
        width: 300px;
        top: 40%;
    }

    .brand-main-image .leaves-left {
        width: 300px;
        top: 40%;
    }
    .category-description p {
        width: 70%;
    }
    .image-between-products {
        grid-column: span 2;
    }
    .ambrand-index-index .products.product-items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .cms-brendovi .brands-image-coffe img{
        height: 270px;
        object-fit: cover;
        object-position: right;
        filter: opacity(50%);
    }
    .columns .column.main {
        max-width: 100%;

    }
    .breadcrumbs {
        display: block;
        width: 90%;
    }
    .cms-brendovi .text-brands {
        left: 27%;
        top: 50%;
    }
    .cms-brendovi .ambrands-letters-list {
        width: 85%;
        padding-top: 15px;
        margin-bottom: -10px;
    }
    .ambrands-letters-list .ambrands-letter {
        margin-bottom: 0px;
    }
    .page-products .category-view .category-image{
        display: block;
        opacity: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .ambrand-index-index .page-main .category-description {
        max-width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: inherit;
    }
    .ambrand-index-index .category-view {
        position: relative;
        padding-top: 0px;
    }
    .ambrand-index-index .main-image img {
        height: 200px;
        object-fit: cover;
    }
    .brand-main-image .leaves-left {
        width: 200px;
        top: 74%;
        left: -20%;
    }
    .ambrand-index-index .main-image{
        z-index: -1;
        position: relative;
    }
    .brand-main-image .leaves-right {
        right: -22%;
        width: 200px;
        top: 75%;
        z-index: 1;
    }
    .ambrand-index-index .category-view .category-image .image{
        display: none;
    }
    .brand-main-image {
        padding-top: 0;
    }
    .ambrand-index-index #maincontent {
        padding-top: 0px;

    }
    .category-description p {
        width: 100%;
    }


    .category-image .image {
        height:auto;
    }

    .brand-description h1 {
        font-size: 26px;
        letter-spacing: 0.5px;
    }
    .ambrand-index-index .columns {
        padding-top: 0px;
        position: relative;
        z-index: 1;
    }
    .ambrand-index-index .columns .column.main {
        max-width: 95%;
    }

    .ambrand-index-index .subtitle-ambrand-products {
        font-size: 20px;
    }
    .product-item-actions .actions-secondary {
        right: 0;
    }
    .brand-description {
        padding: 0px 0px;
        padding-top: 50px;
        padding-bottom: 0px;
    }
}
/*END BRAND PRODUCTS LISTING*/


/*BLOGS*/

.mpblog-post-index .breadcrumbs{
    max-width: 80%;
    padding: 30px 0px;
}
.mpblog-post-index .page-main{
    max-width: 80%;
    padding: 0;
}
.mp-blog-rss, .mp-footer-links-light, .mpblog-post-index  .limiter, .mpblog-post-index .sidebar-additional{
    display: none !important;
}
.mpblog-post-index .page-main > .page-title-wrapper .page-title {
    hyphens: auto;
    /* margin: 0; */
    font-size: 40px;
    color: #240505;
    font-family: 'Platform Medium';
}
.mpblog-post-index  .post-image img.img-responsive {
    max-height: 100%;
    max-width: 100%;
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#mpblog-list-container a {
    text-decoration: none;
    font-weight: 900;
}
.mp-post-info, .mp-post-info span  {
    color: #380001 !important;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}
.mp-post-info i{
    display: none;
}
.post-view hr{
    border-top: 1px solid #380001;
}
.mpblog-post-index .post-short-description p {
    width: 100%;
}
.mpblog-post-index .post-item-wraper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 0 !important;
    margin-bottom: 10px;
}
.mpblog-post-index .post-item-list .post-image {
    min-width: 50%;
    width: 50%;
}
.mpblog-post-index .post-item-list .post-info-wraper {
    width: 44%;
}
.mpblog-post-index .post-info-wraper {
    padding: 30px;
    background: #fff;
    text-align: center;
}
.mpblog-post-index .post-item-wraper:hover {
    border: 1px solid transparent;
    box-shadow: none;
}
.mpblog-post-index .sidebar-main{
    background: transparent;
    padding: 0;
}
.mpblog-post-index .mp-sidebar .data.item.title .data.switch div {
    width: fit-content;
    margin: auto;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.96px;
    font-family: 'PtSans Bold';
    transition: ease-in-out 0.3s;
}
@media (max-width:1600px ) {
    .mpblog-post-index .breadcrumbs {
        max-width: 95%;
    }
    .mpblog-post-index .page-main {
        max-width: 95%;
        padding: 0;
    }
}
@media (max-width: 1300px) {
    .mpblog-post-index .post-item-list .post-image {
        min-width: 48%;
        width: 48%;
    }
}
@media (max-width: 992px) {
    .mpblog-post-index .column.main {
        width: 100%;
        padding: 0;
    }
    .mpblog-post-index .sidebar-main {
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .mpblog-post-index .breadcrumbs {
        margin: 0 auto;
        width: 95%;
        padding: 10px 0px;
    }
    .mpblog-post-index .page-main {
        margin: 0 auto;
    }
    .mpblog-post-index .page-main > .page-title-wrapper .page-title {
        font-size: 28px;
    }
    .col-mp {
        padding: 0;
    }
    .mpblog-post-index .post-item-list .post-image {
        min-width: 100%;
        width: 100%;
    }
    .mpblog-post-index .post-item-list .post-info-wraper {
        width: 100%;
    }
    .post-info-wraper h2.mp-post-title {
        margin: 0;
        font-size: 18px;
    }
    .mp-post-info, .mp-post-info span {
        font-size: 14px;
    }
    .mpblog-post-index .post-short-description {
        margin-top: -20px;
    }
    .product.data.items {
        margin-left: 0;
        margin-right: 0;
    }
    .mp-sidebar  .product.data.items > .item.title.active > .switch{
        background: #240505;
        color: #fff;
    }
    .mp-sidebar  .product.data.items > .item.title.active > .switch div{
        color: #fff;
    }
}
/*END BLOGS*/

/*BLOG SINGLE*/
.mpblog-post-view .breadcrumbs{
    max-width: 80%;
    padding: 30px 0px;
}
.mpblog-post-view .page-main{
    padding: 0;
}
.mp-blog-rss, .mp-footer-links-light, .mpblog-post-index  .limiter, .mpblog-post-view .sidebar-additional{
    display: none !important;
}
.mpblog-post-view .page-main > .page-title-wrapper .page-title {
    hyphens: auto;
    /* margin: 0; */
    font-size: 40px;
    color: #240505;
    font-family: 'Platform Medium';
}
.mpblog-post-view  .post-image img.img-responsive {
    max-height: 100%;
    max-width: 100%;
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#mpblog-list-container a {
    text-decoration: none;
    font-weight: 900;
}
.mpblog-post-view .post-view-image {
    text-align: left;
}
.post-post_content h2{
    font-size: 24px;
    color: #240505;
    font-family: 'Platform Medium';
}
.post-post_content p {
    font-family: 'PtSans Regular';
    color: #000000;
    font-size: 16px;
}
.post-post_content p strong, .post-post_content a, .post-post_content p a{
    color: #240505;
    text-decoration: underline;
    font-weight: 900;
}
.mpblog-post-view .sidebar-main{
    background: transparent;
    padding: 0;
}
.mpblog-post-view .mp-sidebar .data.item.title .data.switch div {
    width: fit-content;
    margin: auto;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.96px;
    font-family: 'PtSans Bold';
    transition: ease-in-out 0.3s;
}

@media (max-width: 1600px) {
    .mpblog-post-view .breadcrumbs {
        max-width: 95%;
    }
    .mpblog-post-view .page-main {
        max-width: 95%;
    }

}
@media (max-width: 992px) {
    .mpblog-post-view .sidebar-main {
        width: 100%;
    }
    .mpblog-post-view .columns .column.main {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .mpblog-post-view .page-main {
        margin: 0 auto;
    }
    .mpblog-post-view .breadcrumbs {
        margin:  0 auto;
    }
    .mpblog-post-view .page-main > .page-title-wrapper .page-title {
        font-size: 24px;
    }
    .post-post_content h2 {
        font-size: 18px;
        margin: 10px 0px;
    }
    .post-post_content p {
        font-family: 'PtSans Regular';
        color: #000000;
        font-size: 14px;
    }

}
/*END BLOG SINGLE*/


/*CART*/

.checkout-cart-index .page-main{
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.checkout-cart-index .page-main .columns{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0px;
}
.checkout-cart-index .page-title-wrapper{
    padding: 30px 0px;
    margin-top: -30px;
    background: #fff;
    text-align: center;
    width: 100%;
    padding-top: 60px;
    border-bottom: 2px solid #DD0D10;
}
.checkout-cart-index .page-title-wrapper h1{
    margin: 0;
    font-size: 60px;
    color: #240505;
    font-family: 'Platform Medium';
}

.checkout-cart-index .page-main .columns .block .block-title, .checkout-cart-index .page-main .columns .block .block-title, .checkout-cart-index legend span{
    margin: 0;
    font-size: 20px;
    color: #240505;
    font-family: 'Platform Medium';
}


.checkout-cart-index .page-main .columns .block p, .checkout-cart-index .page-main .columns .block .note{
    font-size: 16px;
    padding-top: 10px;
}
.actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child {
    margin-bottom: 0;
    border-radius: 0;
}
.cart.table-wrapper .actions-toolbar > .action-edit:before {
    content: '\f044' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.cart.table-wrapper .actions-toolbar > .action-delete:before {
    content: '\f2ed' !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 20px;
    color: #333;
    display: block;
    text-align: center;
}
.cart-container .form-cart{
    padding: 30px;
    background: #fff;
}
.cart-container .form-cart table thead tr th span{
    font-size: 18px;
    text-transform: uppercase;
    color: #380001;
    font-family: 'Platform Regular';
    letter-spacing: 1px;
}
.cart.table-wrapper .product-item-photo {
    width: 20%;
}
.cart.table-wrapper .col.price .price-excluding-tax,  .cart.table-wrapper .col.subtotal .price-excluding-tax .price{
    color: #380001;
}
.cart-summary {
    width: 24%;
    padding: 30px;
    position: relative;
    background: #fff;
}
.cart-summary > .title {
    font-size: 18px;
    text-transform: uppercase;
    color: #380001;
    font-family: 'Platform Regular';
    letter-spacing: 1px;
}
.cart-summary .block .title strong, cart-totals .grand strong {
    color: #380001;
}
.cart-summary .action.multicheckout{
    text-decoration: underline;
    font-size: 18px;
    text-transform: uppercase;
    color: #380001;
    font-family: 'Platform Medium';
    padding-bottom: 10px;
}
button {
    background-image: none;
    background: #DD0D10;
    border: 1px solid #DD0D10;
    cursor: pointer;
    display: inline-block;
    font-family: 'PtSans Bold';
    font-weight: 600;
    padding: 10px 15px;
    font-size: 14px;
    letter-spacing: 1.96px;
    color: #FFFFFF;
    text-transform: uppercase;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
}
button:hover{
    background: #DD0D10;
    border: 1px solid #DD0D10;
    box-shadow: 0 0 0 1px #DD0D10;
    color: #ffffff;
}
.cart-discount{
    display: none;
}
.cart.table-wrapper .towishlist > span {
    display: none;
}
.cart.table-wrapper .towishlist:before {
    content: url(../images/wishlist.png);
    height: 28px;
    width: 28px;
}

@media (max-width: 1400px) {
    .checkout-cart-index .page-main .columns {
        width: 95%;
    }
}
@media (max-width: 1300px) {
    .checkout-cart-index .page-main .columns {
        width: 95%;
    }
    .checkout-cart-index .action.primary, .action-primary{
        font-size: 14px !important;
    }
}
@media (max-width: 992px) {
    .cart-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .cart-summary {
        width: 100%;
        order: 2;
        position: relative;
        top: auto !important;
    }
    .cart-container .form-cart {
        width: 100%;
        order: 1;
    }
}
@media (max-width: 768px) {
    .checkout-cart-index .page-title-wrapper {
        padding: 20px 0px;
        padding-top: 50px;
    }
    .checkout-cart-index .page-title-wrapper h1 {
        font-size: 30px;
    }
    .checkout-cart-index .product-item-details {
        height: 90px;
        display: flex;
        align-items: center;
    }
    .cart-summary .action.multicheckout {
        font-size: 16px;
    }
    .cart-summary .checkout-methods-items .action.primary.checkout{
        padding: 10px 0px;
    }
    .checkout-cart-index .cart-container button {
        width: 100%;
    }
}
/*END CART*/

/*ACCOUNT*/
.account .page-main {
    width: 100%;
    max-width: 95%;
    background: #fff;
    margin: 40px auto;
}
.block-collapsible-nav .item.current > strong {
    border-color: #DD0D10;
    color: #000000;
    font-weight: 600;
}
.account .page-title-wrapper .page-title{
    font-size:40px;
    color: #240505;
    font-family: 'Platform Medium';
}
.account .page-main a{
    color:  #DD0D10;
    text-decoration: underline;
}
.block-collapsible-nav-content a{
    color: #000 !important;
    text-decoration: none !important;
}
.account .sidebar-additional{
    display: none;
}
.account .product-item-inner, .account .box-tocart  {
    display: none;
}
.wishlist-index-index .product-item-inner .comment-box {
    margin-top: -18px;
    display: none;
}
.account .toolbar .limiter{
    display: none;
}
@media (max-width: 768px) {
    .account .page-title-wrapper .page-title {
        font-size: 20px;
    }
    .block-collapsible-nav {
        left: 0;
        position: absolute;
        top: -25px;
        width: 100%;
        z-index: 5;
        background: #fff;
        border: 2px solid #240505;
        left: -2px;
    }
    .account .page-main {
        width: 100%;
        max-width: 100%;
        padding: 40px 0px;
    }
    .account  .columns .column.main {
        max-width: 100%;
        padding: 20px;
    }
    .account .column.main .block:not(.widget) .block-title > strong{
        font-size: 18px !important;
    }
}
/*END ACCOUNT*/

/** CHECKOUT HEADER I FOOTER **/
.checkout-index-index .nav-sections {
    display:block;
}

.opc-progress-bar {
    margin-top: 28px;
}

.opc-progress-bar-item {
    width: 50%;
}

#minicart-content-wrapper .minicart-items-wrapper {
    overflow-y: scroll;
    height: 66vh !important;
}

footer.modal-footer {
    background: #fff !important;
}

/*PAGINACIJA*/

.products.wrapper~.toolbar-products .pages {
    display: block;
}
.pages>.label {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .items {
    font-size: 0;
    letter-spacing: -1px;
    line-height: 0;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none none;
    display: inline-block;
    font-weight: 400;
}
.pages .item {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: normal;
    margin: 0 12px 0 0;
    display: inline-block;
}
.pages a.page {
    color: #2D2D2D;
    display: inline-block;
    padding: 0 5px;
    text-decoration: none;

    font-weight: 100;
}
.pages a.page:visited {
    color: #2D2D2D;
    font-weight: 600;
}
.pages strong.page {
    background: #f5f5f5;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: normal;
    color: #333;
    display: inline-block;
    font-weight: 500;
    padding: 0 12px;
    color: #2D2D2D;
    font-weight: 600;
}
.pages .item .label {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .action {
    background: #fff;
    border: 1px solid #2D2D2D;
    display: inline-block;
    padding: 0;
    text-decoration: none;
}
.pages .action {
    padding: 0 12px;
}
.pages .action:visited {
    color: #7d7d7d;
}
.pages .action.previous {
    display: inline-block;
    text-decoration: none;
}
.pages .action.previous {
    margin-right: 12px;
    border: none;
    box-shadow: none;
}
.pages .action.previous>span {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .action.next {
    display: inline-block;
    text-decoration: none;
}
.pages .action.next {
    margin-left: 12px;
    display: inline-block;
    text-decoration: none;
    border: none;
    box-shadow: none;
}
.pages .action.next>span {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .action.previous:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "font awesome 5 Pro";
    line-height: inherit;
    vertical-align: top;
    content: '\f104';
    font-weight: 100;
    font-size: 24px;
    color: #7d7d7d;
}
.pages .action.previous:visited:before {
    color: #7d7d7d;
}
.pages a.page:hover {
    color: #2D2D2D;
    text-decoration: none;
}
.pages .action:hover {
    color: #2D2D2D;
    background: #fff;
}
.pages .action.next:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "font awesome 5 Pro";
    line-height: inherit;
    vertical-align: top;
    content: '\f105';
    font-weight: 100;
    font-size: 24px;
    color: #7d7d7d;
}
.pages .action.next:visited:before {
    color: #7d7d7d;
}
@media(max-width: 768px){
    .pages strong.page {
        font-size: 14px;
        line-height: 24px;
    }
    .pages .item {
        font-size: 14px;
        line-height: 24px;
    }
    .pages .item {
        font-size: 14px;
        line-height: 24px;
    }
}



.checkout-payment-method .payment-option-title .action-toggle {
    color: #DD0D10;
}

.form.form-discount .action.action-apply {
    background: #DD0D10 !important;
    color: #FFFFFF !important;
    padding: 0;
}


.form.form-discount .actions-toolbar {
    display: flex;
    justify-content: center;
}


input[type=text], input[type=password], input[type=url], input[type=tel], input[type=search], input[type=number], input[type=datetime], input[type=email] {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    height: 40px;
    line-height: 1.42857143;
    padding: 0 12px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
}

select {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    height: 40px;
    line-height: 1.42857143;
    padding: 0 12px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
}
textarea {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: 1px;
    font-size: 14px;
    height: auto;
    line-height: 1.42857143;
    margin: 0;
    padding: 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    border-radius: 3px;
}

.checkout-index-index .fieldset>.field, .checkout-index-index .fieldset>.fields>.field {
    margin: 0 0 20px;
}

.checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content .action-apply,
.checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content .action-apply:hover{
    margin-right: 0;
    height: 40px;
    padding: 0 16px;
    box-shadow:none;
    border: none !important;
}

.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {

    color: #fff;
}
.checkout-payment-method .payment-methods .actions-toolbar {
    text-align: center;
}

.checkout-payment-method .payment-methods .actions-toolbar .primary {
    float: none;
}


.checkout-container .authentication-wrapper,
.opc-estimated-wrapper .estimated-block{
    display: none;
}


#co-payment-form .fieldset hr{
    display: none;
}


/*KONTAKT*/
.contact-index-index .page-wrapper .page-main .page-title-wrapper {
    text-align: center;
    height: 72px;
    font-size: 50px;
    margin-top: 25px;
}

.contact-index-index .page-wrapper .page-main .form.contact {
    margin: 0px auto;
}


.page-with-filter.page-products .sorter {
    padding: 0px;
}
.page-with-filter .filter-title strong {
    padding: 6px 10px;
}

.block.related .product-item-details {
    position: initial;
}

.coffe-type {
    display: block;
    color: #747474;
}

.customer-account-create .fieldset > .legend, .customer-account-create .fieldset > .field, .customer-account-create .fieldset > .fields > .field {
    padding: 20px;
}

.customer-account-create .form-create-account .fieldset.create.account:after {
    padding: 20px;
}

@media (max-width: 768px) {
    .product-item-inner {
        left: 0px;
    }
    .productStickers {
        bottom: 80px;
    }
}


.checkout-index-index .block-products-list .product-item{
    position: relative;
    background: #fff;
}
.checkout-index-index .block-products-list .product-item .product-item-inner{
    box-shadow: none !important;
}
.checkout-index-index .block-products-list .product-item .product-item-info{
    box-shadow: 1px 1px 1px #fff;
    border: 1px solid #fff;
}
.checkout-index-index .block-products-list .product-item .product-item-inner .action.tocompare{
    display: none !important;
}

.custom-notification-popup .content{
    text-align: center;
}
.custom-notification-popup .content p {
    font-size: 20px;
    margin: 40px 10px;
}