@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

@font-face {
    font-family: 'nittiregular';
    src: url('../../assets/fonts/nitti-normal-webfont.woff2') format('woff2'),
         url('../../assets/fonts/nitti-normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sofia_proextra_light';
    src: url('../../assets/fonts/sofiaproextralight-webfont.woff2') format('woff2'),
         url('../../assets/fonts/sofiaproextralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sofia_prolight';
    src: url('../../assets/fonts/sofiaprolight-webfont.woff2') format('woff2'),
         url('../../assets/fonts/sofiaprolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'canela_regular_trialregular';
    src: url('../../assets/fonts/canela-regular-trial-webfont.woff2') format('woff2'),
         url('../../assets/fonts/canela-regular-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}
body {
    font-family: 'sofia_prolight', 'Montserrat', 'sans-serif';
    background: #fffcf6;
    color: #fff;
    font-size: 16px;
    position: relative;
}

p {
    font-weight: 300;
}

a, .Web-Header.Sticky, .cta, img, .menu,
.menu_overlay, a::after, .cta-arrow {
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    letter-spacing: 1.5px;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: initial;
}

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

h1,h2,h3,h4,h5,h6 {
    font-family: 'canela_regular_trialregular';
}

img {
    max-width: 100%;
    height: auto;
}

/* WEB UTILITIES /////////////////////////////////////////////////////////*/

.Main-Wrapper {
    display: block;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

.cta {
    font-family: 'nittiregular';
    border-left: 2px solid #fff;
    background-color: transparent;
    padding: 5px 20px;
    color: #fff;
    width: auto;
    height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: normal;
    position: relative;
    z-index: 0;
}
.cta:before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: rgb(255 255 255 / 100%);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-out 0.1s;
    -webkit-transition: all 0.3s ease-out 0.1s;
    -moz-transition: all 0.3s ease-out 0.1s;
    -o-transition: all 0.3s ease-out 0.1s;    
}
.cta:hover{
    color: #333333;
    text-decoration: none;
}
.cta:hover:before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.title {
    font-size: 2.375rem;
    line-height: 2rem;
}
.subTitle {
    font-size: 1.125rem;
    line-height: 1.125rem;
}
.text {
    font-size: 1.249rem;
    line-height: 1.874rem;
}
.p-70 {
    padding: 70px;
}

/* images effects */
.image_section_wrapper {
    overflow: hidden;
}
.image_section_wrapper .image_section {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.image_section_wrapper:hover .image_section {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: -webkit-transform 5s ease-in-out;
    transition: -webkit-transform 5s ease-in-out;
    transition: transform 5s ease-in-out;
    transition: transform 5s ease-in-out,-webkit-transform 5s ease-in-out;
}
.menu_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
}
.menu_overlay.active {
    opacity: 1;
    visibility: visible;
}

/* WEB HEADER ////////////////////////////////////////////////////////////*/

.Web-Header {
    padding: 21px 0;
    width: 100%;
    color: #333333;
}
.header-nav-wrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.header-nav-wrapper .header-nav {
    display: flex;
    align-items: flex-end;
}
.header-nav .header-nav_inner {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2cc;
    margin-bottom: 12px;
}
.header-nav-wrapper .header-nav.header_left,
.header-nav-wrapper .header-nav.header_right {
    flex-grow: 0.4;
    width: 35%;
}
.header-nav-wrapper .header-nav.header_right {
    justify-content: flex-end;
}
.header-nav-wrapper .boxLogo {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    width: 200px;
}
.header-nav-wrapper .header-nav.header_right .header-nav_inner {
    justify-content: flex-end;
}
.header-nav-wrapper .header-nav ul {
    display: flex;
    align-items: center;
}
.header-nav-wrapper .header-nav ul > li {
    margin-right: 45px;
}
.header-nav-wrapper .header-nav ul > li:last-of-type {
    margin-right: 0;
}
.header-nav-wrapper .header-nav ul > li > a {
    font-family: 'nittiregular';
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #333333;
    vertical-align: middle;
}
.header-nav-wrapper .header-nav ul > li > a:hover {
    text-decoration: none;
    color: #333333;
}
.header-btn-cta {
    margin-left: 45px;
}
.header-btn-cta ul > li {
    margin-right: 20px !important;
    position: relative;
}

.menu-activador {
  width: 30px;
  height: 20px;
}
.menu-activador  #openMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;  
    cursor: pointer;
}
.menu-activador-linea {
    height: 2px;
    background-color: #333333;
    opacity: 1;
    transform: translateY(0) rotate(0);
    transition: all 0.3s;
}

/* Menu Mobile */

.menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 320px;
    height: 100%;
    z-index: 2;
    background-color: #fff;
    transform: translateX(110%);
}
.menu.Active {
    transform: translateX(0%);
}
.menu_mobile_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 12px;
    border-bottom: 1px solid #b1b1af;
}
.menu_mobile_body {
    padding: 50px 12px;
}
.header-nav_mobile {}
.header-nav_mobile ul {}
.header-nav_mobile ul li {
    border-bottom: 1px solid #b1b1af;
}
.header-nav_mobile ul li:last-of-type {
    border-bottom: 0;
}
.header-nav_mobile ul li a {
    font-family: 'nittiregular';
    font-size: 0.875rem;
    line-height: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    letter-spacing: 2px;
    position: relative;
    padding: 10px 0;
    display: block;
}

.side-logo img {
    width: 120px;
}

/* HOME HERO /////////////////////////////////////////////////////////////*/

.cdc-home-hero {}
.home-hero_box {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 70px;
    border-radius: 8px;
    height: 760px;
    display: flex;
    align-items: flex-start;
}
.home-hero_box .hero_box_content {
    margin-top: 64px;
}
.hero_box_content .homeHero_text {}
.homeHero_text .Title {
    font-size: 3.25rem;
    line-height: 3.625rem;
    margin-bottom: 2rem;
}
.homeHero_text p {
    font-size: 1.249rem;
    line-height: 1.874rem;
    margin-bottom: 3rem;
}
.cdc-br {
    width: 100%;
    height: 1px;
    background-color: #d2d2cc;
    margin: 2rem 0;
}

/* HOME AMANTES DEL CAFE y DISTRIBUIDORES /////////////////////////////////////////////////////////*/

.cdc-home-amantes {
    position: relative;
}
.cdc-home-amantes::after {
    content: '';
    position: absolute;
    top: -32px;
    right: 50%;
    width: 1px;
    height: 756px;
    background-color: #d2d2cc;
}
.col-box-link > a {
    color: #fff;
}
.home-amantes_box,
.home-distribuidores_box,
.hm-custom-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    height: 692px;
    overflow: hidden;
}
.home-amantes_box {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Amantes-del-cafe.jpg');  
}
.home-amantes_box .amantes_box_content {}
.amantes_box_content .title {
    margin-bottom: 1.5rem;
}
.cta-arrow {
    display: block;
    margin: auto;
    position: relative;
    width: 24px;
    height: 1px;
    background-color: #fff;
    margin-top: 2rem;
}
.cta-arrow::before {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: -3px;
    right: -1px;
    transform: rotate(45deg);
}
.cta-arrow::after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 3px;
    right: -1px;
    transform: rotate(-45deg);
}
.home-amantes_box:hover .cta-arrow,
.home-distribuidores_box:hover .cta-arrow {
    width: 64px;
}

/* HOME DISTRIBUIDORES //////////////////////////////////////////////////////////*/

.home-distribuidores_box {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Distribuidores.jpg');    
}

/* HOME LUGGIANI /////////////////////////////////////////////////////////*/

.home-luggiani_box {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Luggiani.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 552px;
    border-radius: 8px;
}
.logo-liggiani {
    display: block;
    margin: auto;
}

/* HOME INGREDIENTES Y MAQUINAS ////////////////////////////////////////////////////////*/

.cdc-home-ingr {
    margin-bottom: 2rem;
    position: relative;
}
.cdc-home-ingr::after {
    content: '';
    position: absolute;
    top: -32px;
    right: 50%;
    width: 1px;
    height: 756px;
    background-color: #d2d2cc;
}
.hm-custom-box.boxIngr {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Ingredientes.jpg');
}
.hm-custom-box.boxMaq {
    background-image: url('../../assets/img/home/Central-de-Cafe-Home-Maquinas.jpg');
}
.boxIngr .custom-box_content,
.boxMaq .custom-box_content {
    width: 74%;
    margin: 0 auto;
}
.boxIngr .title,
.boxMaq .title {
    margin-bottom: 2rem;
}

/* WEB FOOTER ////////////////////////////////////////////////////////////*/

.Web-Footer {
    background-color: #efe5d4;
    padding: 50px 0;
}
.widget-footer {}
.widget-footer ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.widget-footer h6 {
    font-family: 'nittiregular';
    font-size: 0.875rem;
    line-height: 3rem;
    color: #333333;
    text-transform: uppercase;
}
.widget-footer a {
    font-family: 'sofia_proextra_light';
    font-size: 0.938rem;
    line-height: 2rem;
    color: #333333;
}
.widget-footer p {
    font-family: 'sofia_proextra_light';
    font-size: 0.938rem;
    line-height: 2rem;
    color: #333333;
}
.widget-footer.widget-footer-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 16px;
}
.footer-social {
    margin-top: 132px;
    margin-bottom: 0.5rem;
}
.footer-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social li {
    display: inline-block;
    margin-left: 24px;
}
.footer-social li:first-child {
    margin-left: 0;
}
.footer-social a {
    font-size: 20px;
    line-height: 20px;
    color: #333333;
}
.footer-copy p {
    font-size: 0.75rem;
    line-height: 2.375rem;
    margin: 0;
}

/* PAGINA OPERADOR //////////////////////////////////////////////////////////*/

.operador-hero_img {
    background-image: url('../../assets/img/operador/Central-del-Cafe-Operador-Hero.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 391px;
    border-radius: 8px;
}
.operador-hero_intro {
    color: #333333;
    width: 92%;
    margin: auto;
    padding: 4.25rem 0;
}
.cdc-operador-shop {
    color: #333333;
    margin-bottom: 3rem;
}
.operador-shop-ilustracion {
    background-image: url('../../assets/img/operador/Central-del-Cafe-Operador-faq.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top: 1px solid #d2d2cc;
    border-bottom: 1px solid #d2d2cc;
    height: 634px;
}
.box-operador-content {}
.box-operador-content .title {
    color: #996b37;
    font-size: 3.25rem;
    line-height: 3.625rem;
}
.cta-2 {
    border: 0;
    font-family: 'nittiregular';
    background-color: #996b37;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    max-width: 100%;
    height: 54px;
    text-transform: uppercase;
    letter-spacing: normal;
    margin: auto;
    font-size: 1rem;
}
.cta-2:hover {
    color: #fff;
    text-decoration: none;
}
.box-operador-pasos {}
.op-pasos-num {
    margin-bottom: 3rem;
}
.op-pasos-num ul {
    display: flex;
    justify-content: center;
}
.op-pasos-num ul li {}
.op-pasos-num ul li:first-child {
    border-right: 1px solid #d2d2cc;
}
.op-pasos-num ul li span {
    display: block;
    font-family: 'nittiregular';
    font-size: 1rem;
    line-height: 1.875rem;
    color: #d2d2cc;
    padding: 17px 32px;
}
.op-pasos-num ul li:first-child span {
    color: #996b37;
}
.box-operador-pasos h3 {
    font-family: 'sofia_proextra_light';
    font-size: 2.375rem;
    line-height: 1.875rem;
    color: #333333;
    margin-bottom: 3.875rem;
}
.box-operador-pasos .op-paso-cta {}
.op-paso-cta .cta-2 {
    display: inline-block;
    padding: 15px 20px;
    max-width: 247px;
    margin-right: 10px;
    border: 1px solid #996b37;
}
.op-paso-cta .cta-2:last-child {
    margin-right: 0;
    background-color: transparent;
    border: 1px solid #996b37;
    color: #996b37;
}
.paso2 .op-paso-cta .cta-2 {
    background-color: transparent;
    border: 1px solid #996b37;
    color: #996b37;
}
.paso2 .op-paso-cta .cta-2:last-child {
    background-color: #996b37;
    color: #fff;
}
.op-paso-3 {
    display: flex;
    gap: 15px;
}
.op-select-ubic {}
.op-select-ubic .select_custom::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    pointer-events: none;
    width: 10px;
    height: 2px;
    background-color: #a07544;
    transform: rotate(45deg);
    z-index: 1;
}
.op-select-ubic .select_custom::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    pointer-events: none;
    width: 10px;
    height: 2px;
    background-color: #a07544;
    transform: rotate(-45deg);
    z-index: 1;
}
select.op_pasos_select {
    display: block;
    padding: 14px 24px;
    border: 0;
    background: transparent;
    border-radius: 0;
    width: 317px;
    max-width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    border: 1px solid #996b37;
    font-family: 'nittiregular';
    color: #996b37;
    letter-spacing: normal;
}
.op-paso-3 .cta-2 {
    margin: 0;
    width: 176px;
    border: 1px solid #996b37;
}

/* PAGINA CHECKOUT /////////////////////////////////////////////////////////*/

.cdc_checkout_section {
    color: #333333;
}
.checkout_section_title {
    padding: 1rem 0 1.5rem;
    border-bottom: 1px solid #d2d2cc;
}
.checkout_section_title h1 {
    font-size: 3.25rem;
    line-height: 3.25rem;
    margin: 0;
}
.box_check_form {
    padding: 36px 44px 135px 30px;
    border-right: 1px solid #d2d2cc;
}
.line-bottom {
    padding-bottom: 2rem;
    border-bottom: 1px solid #d2d2cc;
}
.btn-sesion {
    font-family: 'nittiregular';
    display: flex;
    border: 1px solid #996b37;
    width: 100%;
    height: 55px;
    justify-content: center;
    align-items: center;
    color: #996b37;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: normal;
}
.btn-sesion:hover {
    text-decoration: none;
    background-color: #996b37;
    color: #fff;
}

.form_row {
    position: relative;
}
.form_row:last-child {
    border-bottom: 0px solid #d2d2cc;
}
.form_row_flex {
    display: flex;
    gap: 20px;
}
.box_input {
    width: 50%;
    display: flex;
    align-items: center;
}
label.check_label {
    font-family: 'nittiregular';
    color: #333333;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 0.875rem;
    position: absolute;
    top: 0;
    height: 100%;
    width: 200px;
    display: grid;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}
input {
    width: 100%;
    border: 0;
    padding: 12px 6px;
    border-bottom: 1px solid #d2d2cc;
    background-color: transparent;
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
    color: #333333;
}
input:focus-visible {
    outline: 0;
}
input.check_input {
    padding: 20px 20px 20px 200px;
}
.box_input label.check_label {
    width: 130px;
}
.box_input input.check_input {
    padding: 20px 20px 20px 130px;
}
input.check_input:focus + label,
select.check_select:focus + label {
  color: #996b37;
}
input.check_input:focus,
select.check_select:focus {
  border-bottom: 1px solid #996b37;
}
textarea:focus {
    outline: 0;
    border: 1px solid #996b37;
}
.select_custom {
    position: relative;
    width: 100%;
}
.select_custom::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 28px;
    pointer-events: none;
    width: 10px;
    height: 2px;
    background-color: #a07544;
    transform: rotate(45deg);
    z-index: 1;
}
.select_custom::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    pointer-events: none;
    width: 10px;
    height: 2px;
    background-color: #a07544;
    transform: rotate(-45deg);
    z-index: 1;
}
select.check_select {
    display: block;
    padding: 20px 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    border-bottom: 1px solid #d2d2cc;
}
select:focus-visible {
    outline: 0;
}
textarea.check_textarea {
    display: block;
    padding: 12px;
    border: 1px solid #d2d2cc;
    background: transparent;
    width: 100%;
}
.form_row.textarea {
    margin-top: 2rem;
}
.form_row.textarea label {
    margin-bottom: 1rem;
    display: block;
    width: 100%;
}
.form_row.textarea textarea:focus {
    outline: 0;
    border: 1px solid #996b37;
}

.checkout_compra {
    padding: 16px 44px 16px 20px;
}
.checkout_compra table .tr {
    border-bottom: 1px solid #d2d2cc;
}
.checkout_compra table {
    width: 100%;
}
.checkout_compra table .tr_titulo {}
.text-right {
    text-align: right;
}
.checkout_compra table .tr_titulo .td_titulo {
    padding: 29px 0;
    width: 50%;
}
.checkout_compra table .tr_titulo .td_titulo h2 {
    font-size: 2.375rem;
    line-height: 3.625rem;
    margin-bottom: 0;
}
.checkout_compra table .tr_titulo .td_titulo a {
    font-family: 'nittiregular';
    text-transform: uppercase;
    color: #adaba7;
    font-size: 0.875rem;
    line-height: 1.875rem;
    letter-spacing: -0.5px;
}
.tr_producto {}
.td_producto {}
.td_producto.td_producto_image {
    width: 100px;
}
.td_producto.td_producto_image .box_image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 28px 0;
}
.td_producto.td_producto_image .box_image img {
    max-height: 90px;
}
.td_producto.td_producto_details {}
.td_producto.td_producto_details .name {
    font-family: 'canela_regular_trialregular';
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: #333333;
}
.td_producto.td_producto_details .descrip {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #333333;
}
.td_producto.td_producto_details .unit {
    font-family: 'nittiregular';
    text-transform: uppercase;
}
.td_producto.price {
    font-family: 'nittiregular';
    font-size: 1.125rem;
}
.tr_subTotal {}
.tr_subTotal.tr_subTotal_1 {
    border-bottom: 0 !important;
}
.tr_subTotal .td_subTotal_1 {
    font-family: 'nittiregular';
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-transform: uppercase;
}
.tr_subTotal .td_subTotal_2 {
    text-align: right;
    font-family: 'nittiregular';
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-transform: uppercase;
}
.tr_subTotal .td_box {
    padding: 22px 0 5px;
}
.tr_subTotal .td_box2 {
    padding: 5px 0 22px;
}
.tr_total td {
    padding: 20px 0;
}
.tr_total .td_total {
    font-family: 'nittiregular';
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-transform: uppercase;
}
.tr_total .td_total_precio {
    font-family: 'nittiregular';
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: right;
}
.check_btn .cta-2 {
    width: 100%;
}

/* PAGINA TIENDA ///////////////////////////////////////////////////////*/

.Breadcrumb {}
.Breadcrumb ul {}
.Breadcrumb ul li {
    display: inline-block;
    padding-right: 11px;
    position: relative;
}
.Breadcrumb ul li a {
    font-family: 'sofia_proextra_light';
    color: #adaba7;
    font-size: 0.75rem;
    line-height: 0.75rem;
}
.Breadcrumb ul li::after {
    content: '/';
    position: absolute;
    top: 1px;
    right: 0;
    color: #adaba7;
}
.Breadcrumb ul li:last-child::after {
    opacity: 0;
    visibility: hidden;
}
.widget_filter {
    height: 100%;
    padding: 32px 36px 32px 30px;
    border-right: 1px solid #d2d2cc;
}
.box_content_filter {}
.box_content_filter ul {}
.box_content_filter ul li {
    border-bottom: 1px solid #d2d2cc;
}
.box_content_filter ul li:last-child {
    border-bottom: 0 solid #d2d2cc;
}
.box_content_filter ul li a {
    font-family: 'nittiregular';
    color: #333333;
    font-size: 1.125rem;
    line-height: 3.563;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.box_content_filter ul li a:hover {
    color: #996b37;
}
.box_content_filter ul li a.active {
    color: #996b37;
}
.shop-content {}
.shop-container_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.producto {
    text-align: center;
    padding: 32px 53px 52px;
    border-bottom: 1px solid #d2d2cc;
    margin-bottom: 1.5rem;
}
.producto_img {
    margin-bottom: 1.5rem;
    position: relative;
}
.producto_img a {
    display: block;
}
.producto_img img {
    max-width: 100%;
    height: auto;
    max-height: 265px;
}
.producto_img_over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.producto_img_over img {}
.producto_datails {
    margin-bottom: 1.4rem;
}
.producto_datails .producto_name {
    font-family: 'canela_regular_trialregular';
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: #333333;
    margin-bottom: 1rem;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.producto_datails .producto_name > a {
    letter-spacing: 0.5px;
}
.producto_datails .producto_content {
    font-family: 'sofia_proextra_light';
    color: #333333;
    font-size: 1.125rem;
    line-height: 1.438rem;
    height: 46px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.producto_cta {}
.producto_cta a {
    font-family: 'nittiregular';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border: 1px solid #996b37;
    color: #996b37;
    font-size: 1.125rem;
    letter-spacing: normal;
    gap: 14px;
}
.producto:hover .producto_img .producto_img_over {
    opacity: 1;
    visibility: visible;
}

/* PAGINA PRODUCTO ////////////////////////////////////////////////*/

.producto_info_container {
    border-left: 1px solid #d2d2cc;
}
.producto_info_main {}
.producto_info_grid {}

.producto_media {
    display: flex;
    justify-content: center;
    padding: 2.5rem;
}

.product_info_top,
.product_info_bottom {
    padding: 2.5rem;
}
.product_info_bottom {
    border-top: 1px solid #d2d2cc;
}

.producto_info_wrapper {}
.producto_info_wrapper .producto_info_name {
    margin-bottom: 10px;
}
.producto_info_wrapper .producto_info_name h1 {
    font-size: 3.25rem;
    line-height: 3.625rem;
    margin: 0;
    color: #333333;
}
.producto_info_wrapper .producto_info_text {
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #494948;
    margin-bottom: 10px;
}
.producto_info_wrapper .producto_info_price {}
.producto_info_wrapper .producto_info_price .price {
    font-family: 'nittiregular';
    color: #996b37;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.producto_info_details {
    border-top: 1px solid #d2d2cc;
    margin-top: 3rem;
    color: #333333;
}
.producto_info_details table {
    width: 100%;
}
.producto_info_details tr {
    border-bottom: 1px solid #d2d2cc;
}
.tr_detail {}
.tr_detail td {
    padding: 14px 0;
}
.tr_detail td:nth-child(1) {
    font-family: 'nittiregular';
    text-transform: uppercase;
    font-size: 1rem;
}
.tr_detail td:nth-child(2) {
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
    line-height: 1.125rem;
}
.tr_detail .cantidad {
    border: 0;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}
.tr_detail .cantidad input {
    width: 100%;
    padding: 6px;
    text-align: left;
}
.tr_detail .cantidad .cantidad_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 64px;
}
.tr_detail .cantidad .cantidad_btns a {
    height: 24px;
}

.producto_envio {}
.producto_envio a {
    font-family: 'nittiregular';
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1rem;
}
.producto_envio a::before {
    content: '';
    background-image: url('../../assets/img/ic-envio.png');
    display: inline-block;
    width: 21px;
    height: 17px;
    vertical-align: middle;
    margin-right: 16px;
}

.cdc_producto_descript {
    position: relative;
}
.cdc_producto_descript::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #d2d2cc;
    position: absolute;
    top: 0;
    left: 50%;
}
.producto_descript_inner {
    border-top: 1px solid #d2d2cc;
}
.descrip_data {
    padding: 32px 42px;
}
.descrip_data .descrip_data_title {
    font-family: 'canela_regular_trialregular';
    font-size: 1.375rem;
    line-height: 2.625rem;
    color: #333333;
}
.descrip_data p {
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #333333;
}
.divide {
    width: 100%;
    height: 1px;
    background-color: #d2d2cc;
    margin: 32px 0;
}

/* PAGINA NOSOTROS //////////////////////////////////////////////////*/

.cdc-nosotros-hero {}
.nosotros-hero_img {
    background-image: url(../../assets/img/nosotros/Central-del-Cafe-Nosotros-Hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 539px;
    border-radius: 8px;
}
.nosotros-hero_intro {
    color: #333333;
    width: 92%;
    margin: auto;
    padding: 3rem 0;
}
.cdc-nosotros-modulo {
    padding-bottom: 4rem;
    color: #333333;
}
.line-top {
    border-top: 1px solid #d2d2cc;
}
.cdc-nosotros-modulo p {
    font-size: 1.249rem;
    line-height: 1.874rem;
    margin-bottom: 2rem;
}
.nosotros_content_title {
    padding: 5rem 0;
}
.nosotros_content {}
.nosotros_content h2 {
    color: #996b37;
    font-size: 2.25rem;
    line-height: 2.875rem;
}
.nosotros_content img {
    border-radius: 8px;
}
.boxNosotrosTitle {
    width: 98%;
    margin: 0 auto;
}

/* PAGINA PREGUNTAS FRECUENTES ///////////////////////////////////////////////////////*/

.preguntas_content {
    height: 100%;
    padding: 3rem 0 10rem;
    border-right: 1px solid #d2d2cc;
}
.preguntas_content_accordion {
    padding: 0 58px 0 0;
}
.preguntas_content_accordion h2 {
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #d2d2cc;
    margin-top: 3rem;
    margin-bottom: 0;
}
.preguntas_content_accordion h2:first-child {
    margin-top: 0;
}
.accordion-item {
    border: 0;
    border-bottom: 1px solid #d2d2cc;
    background-color: transparent;
}
.accordion-btn {
    position: relative;
    display: flex;
    align-items: center;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    background: transparent;
    width: 100%;
    text-align: left;
    border: 0;
/*     border-bottom: 1px solid #d2d2cc; */
    font-size: 1.125rem;
    line-height: 1.875rem;
    padding: 25px 16px 25px 0;
    font-family: 'sofia_proextra_light';
    color: #333333;
}
.accordion-btn[aria-expanded="true"] {
    border-bottom: 0px solid #d2d2cc;
    color: #996b37;
}
.accordion-btn::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('../../assets/img/faq-ic-arrow.png');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-btn:not(.collapsed)::after {
/*     background-image: url('../../assets/img/faq-ic-arrow.png'); */
    transform: rotate(-180deg);
}
.accordionBody {
    padding: 0 0 25px;
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #494948;
}
.accordionBody a {
    color: #494948;
    text-decoration: underline;
}
.preguntas_aside {
    padding: 3rem 2rem 3rem 2.125rem;
}
.preguntas_aside h2 {
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin-bottom: 2rem;
}
.preguntas_aside p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-bottom: 1.4rem;
}
.preguntas_aside p a {
    color: #333333;
    text-decoration: none;
}
.cta_faq {
    border: 1px solid #996b37;
    width: 100%;
    height: 55px;
    color: #996b37;
    letter-spacing: normal;
    margin-top: 20px;
}
.cta_faq:hover {
    background-color: #996b37;
    color: #fff;
}

/* PAGINA CATEGORIA /////////////////////////////////////////////////*/

.shop-container_grid_4 {
    grid-template-columns: repeat(4, 1fr);
}
.section_title {
    padding: 1rem 0 1.5rem;
    border-bottom: 1px solid #d2d2cc;
}
.section_title h1 {
    font-size: 3.25rem;
    line-height: 3.25rem;
    margin: 0;
}

/* PAGINA REGISTRO //////////////////////////////////////////////////////*/

.box_form {
    padding: 35px 58px 120px 35px;
    border-right: 1px solid #d2d2cc;
    height: 100%;
}
.box_form p {
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
}
label.regis_label {
    font-family: 'nittiregular';
    color: #333333;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 0.875rem;
    position: absolute;
    top: 0;
    height: 100%;
    width: 200px;
    display: grid;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}
input.regis_input {
    padding: 20px 20px 20px 200px;
}
input.regis_input:focus + label,
select.regis_select:focus + label {
  color: #996b37;
}
input.regis_input:focus,
select.regis_select:focus {
  border-bottom: 1px solid #996b37;
}
select.regis_select {
    display: block;
    padding: 20px 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    border-bottom: 1px solid #d2d2cc;
}
.form_row.textarea_regis label {
    position: relative;
}
.box_btn_form {
    margin-top: 2.5rem;
}
.btn-form {
    background-color: #996b37;
    color: #fff;
    width: 100%;
    padding: 15px 20px;
    border: 0;
    font-family: 'nittiregular';
    text-transform: uppercase;
}
.box_input label.regis_label {
    width: 130px;
}
.box_input input.regis_input {
    padding: 20px 20px 20px 130px;
}
.box_login_right {
    border-right: 0px;
}
.cta-login {
    width: 100%;
    border: 1px solid #996b37;
    color: #996b37;
    padding: 14px 20px;
    height: auto;
    max-width: 312px;
    margin-top: 2rem;
    letter-spacing: normal;
}

/* PAGINA TIENDA /////////////////////////////////////////////////////////*/

.box_contacto_right {
    border-right: 0px;
}
.widget-box_contacto {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #d2d2cc;
    margin-bottom: 2.5rem;
}
.widget-box_contacto p {
    color: #996b37;
}
.widget-box_contacto a {
    font-family: 'sofia_proextra_light';
    font-size: 1.125rem;
    color: #996b37;
}
.cta-3 {
    width: 100%;
    border: 1px solid #996b37;
    background: transparent;
    color: #996b37;
    padding: 14px 20px;
    height: auto;
    max-width: 312px;
    margin-top: 2rem;
    letter-spacing: normal;
}
.cta-3:hover {
    color: #996b37;
    text-decoration: none;
}

/* PAGINA CARRITO ///////////////////////////////////////////////////////////*/

.carrito_box {
    padding: 32px 40px 32px 26px;
    height: 100%;
}
.carrito_box_left {
    border-right: 1px solid #d2d2cc;
}
.carrito_box table {
    width: 100%;
}
.cart_product_select .tr_producto_cart {
    border-bottom: 1px solid #d2d2cc;
}
.cart_product_select .tr_producto_cart:last-child {
    border-bottom: 0;
}
tr.tr_cart_head {
    border-bottom: 1px solid #d2d2cc;
}
.tr_cart_head td:nth-child(1) {
    width: 100px;
}
.tr_cart_head td:nth-child(2) {
    width: 286px;
}
.tr_cart_head td:nth-child(3) {
    width: 200px;
}
.tr_cart_head td:nth-child(4) {
    width: 132px;
}
.tr_cart_head td:nth-child(5) {}
.tr_cart_head td {
    font-family: 'nittiregular';
    font-size: 0.875rem;
    line-height: 1.875rem;
}
.td_producto.td_producto_details .price {
    font-family: 'nittiregular';
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #333333;
}
.tr_producto_cart {}
.tr_producto_cart td:nth-child(1) {}
.tr_producto_cart td:nth-child(2) {}
.tr_producto_cart td:nth-child(3) {}
.tr_producto_cart td:nth-child(4) {}
.tr_producto_cart td:nth-child(5) {}
.cantidad {
    display: flex;
    width: 103px;
    max-width: 100%;
    border-top: 1px solid #c3b799;
    border-bottom: 1px solid #c3b799;
    overflow: hidden;
}
.cantidad input {
    width: 33.33%;
    padding: 0;
    border: 0;
    text-align: center;
}
.cantidad .cantidad_btn {
    position: relative;
    display: block;
    width: 33.33%;
    height: 38px;
}
.cantidad .btn_less::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    width: 13px;
    height: 2px;
    display: block;
    background-color: #996b37;
}
.cantidad .btn_plus::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    width: 13px;
    height: 2px;
    display: block;
    background-color: #996b37;
}
.cantidad .btn_plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    width: 13px;
    height: 2px;
    display: block;
    background-color: #996b37;
    transform: rotate(90deg);
}
.btnDelete {}
.btnDelete a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
}
.btnDelete a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    width: 20px;
    height: 2px;
    display: block;
    background-color: #996b37;
    transform: rotate(-45deg);
}
.btnDelete a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    width: 20px;
    height: 2px;
    display: block;
    background-color: #996b37;
    transform: rotate(45deg);
}
.wrapper_table_resumen .tr_subTotal .td_subTotal_1 {
    color: #9a9895;
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.wrapper_table_resumen .tr_subTotal .td_subTotal_2 {
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.wrapper_table_resumen .tr_subTotal.tr_subTotal_2 {
    border-bottom: 1px solid #d2d2cc;
}
.wrapper_table_resumen .tr_subTotal .td_box {
    padding: 39px 0 10px;
}
.wrapper_table_resumen .tr_subTotal .td_box2 {
    padding: 10px 0 39px;
}
.wrapper_table_resumen .tr_total .td_total {
    color: #996b37;
}
.wrapper_table_resumen .tr_total .td_total_precio {
    color: #996b37;
}

.cdc_relacionados {
    background-color: #f9f3e8;
    padding: 3rem 0;
}
.card_related {
    text-align: center;
    padding: 32px 34px 52px;
}
.related_title h4 {
    color: #333333;
    font-size: 1.375rem;
    line-height: 2rem;
}

/* SIDE PANEL /////////////////////////////////////////////////*/

.side-panel {
    width: 565px;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fffcf6;
    overflow-x: hidden;
    z-index: 9999;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

/*    -webkit-transform: translateX(0);*/
/*    -ms-transform: translateX(0);*/
/*    transform: translateX(0);*/

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.side-panel.side-panel-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.side-panel_inner {
    height: 100%;
    padding: 40px;
}
.side-panel_head {
    padding-bottom: 2rem;
    border-bottom: 1px solid #d2d2cc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.side-panel_head a {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-family: 'nittiregular';
    text-transform: uppercase;
    letter-spacing: normal;
    color: #adaba7;
    padding-right: 32px;
    position: relative;
}
.side-panel_head a::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    /* margin-left: -7px; */
    width: 16px;
    height: 2px;
    display: block;
    background-color: #adaba7;
    transform: rotate(-45deg);
}
.side-panel_head a::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    /* margin-left: -7px; */
    width: 16px;
    height: 2px;
    display: block;
    background-color: #adaba7;
    transform: rotate(45deg);
}
.panel_head_title {
    color: #333333;
    font-size: 2.375rem;
    line-height: 2.625rem;
    font-family: 'canela_regular_trialregular';
}
/* ------- SIDE CARRITO ----------- */
.side_cart_resumen {}
.side_cart_resumen table {
    width: 100%;
}
.tr_envio {}
.tr_envio .td_envio {
    font-family: 'nittiregular';
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #333333;
    padding: 32px 0 12px;
}
.tr_envio .td_envio.td_envio_1 {}
.tr_envio .td_envio.td_envio_2 {
    text-align: right;
}
.tr_subTotal {}
.tr_subTotal .td_subTotal {
    font-family: 'nittiregular';
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #996b37;
    padding: 12px 0 32px;
}
.tr_subTotal .td_subTotal.td_subTotal_1 {}
.tr_subTotal .td_subTotal.td_subTotal_2 {
    text-align: right;
}
.side_cart_details table {
    width: 100%;
}
.side_cart_details table tr {
    border-bottom: 1px solid #d2d2cc;
}
.tr_producto_side_cart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.tr_producto_side_cart td:nth-child(1) {}
.tr_producto_side_cart td:nth-child(2) {
    width: 50%;
/*    width: 245px;*/
}
.tr_producto_side_cart td:nth-child(3) {
    width: 29%;
/*    width: 140px;*/
}
.box_ctas {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}
/* ------- SIDE REGISTRO ----------- */
.side_form {
    padding: 24px 0;
}
.side_form_checkbox {
    margin-top: 2rem;
}
.side_form .form_row input {
    padding: 20px 20px 20px 100px;
}
.side_form .form_row label {
    width: 100px;
}
.side_form_checkbox input {
    width: auto;
    vertical-align: middle;
    margin-right: 8px;
}
.side_form_checkbox label {
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-family: 'sofia_proextra_light';
}
.side_form_login {
    margin-top: 2rem;
}
.side_form_login p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-family: 'sofia_proextra_light';
}
.side_form_login p a {
    color: #333333;
    text-decoration: underline;
}

/* PAGINA MI CUENTA /////////////////////////////////////////////*/

.account-container {
    padding-bottom: 40px;
}
.account-select-title {
    padding: 32px 38px;
    border-bottom: 1px solid #d2d2cc;
}
.account-select-title h2 {
    font-size: 2.375rem;
    line-height: 2.625rem;
    margin: 0;
}
.account-info {
    padding: 32px 38px;
    border-bottom: 1px solid #d2d2cc;
}
.account-grid-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.box-account-data {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #d2d2cc;
    border-right: 1px solid #d2d2cc;
}
.box-account-data:nth-child(even) {
    border-right: 0;
    padding-left: 32px;
}
.box-account-data input {
    border: 0;
    width: calc(100% - 100px);
}
.box-account-data label {
    width: 100px;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    font-family: 'nittiregular';
}
.account-grid-change {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.account-grid-change .box-account-data {
    border-right: 0;
}
.account-box_title {
    padding-bottom: 1rem;
    border-bottom: 1px solid #d2d2cc;
}
.account-info_title {
    font-family: 'nittiregular';
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    margin: 0;
}
.account-change-pass {
    padding: 32px 38px;
}
input[type=date] {
    font-family: 'sofia_proextra_light';
    font-size: 1rem;
    text-transform: uppercase;
}
input[type=date]::-webkit-datetime-edit-month-field {    
    padding: 0 20px;
}
input[type=date]::-webkit-datetime-edit-day-field {
    padding: 0 20px;
}
input[type=date]::-webkit-datetime-edit-year-field {
    padding: 0 20px;
}
input[type=date]::-webkit-calendar-picker-indicator {}

/* ----------------------------------------
# Form Search
------------------------------------------- */
.openPopupSearch img {
    position: absolute;
    bottom: 3px;
    left: 5px;
    background-color: #fffcf6;
}

.ic-close > img {
    display: none;
}

.h-search-form-field {
    position: absolute;
    z-index: 99;
    top: calc(100% + 14px);
    right: 0px;
    width: 340px;
    visibility: hidden;
    opacity: 0;
}

.h-search-form-field.show {
    visibility: visible;
    opacity: 1;
}

.h-search-form-field .h-search-form-inner {
    background-color: #fffcf6;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 15px 0px;
    padding: 24px 32px;
    border-radius: 8px;
}

.search-form {
    position: relative;
}

.search-form .search-field {
    width: 100%;
    height: 44px;
    line-height: 1;
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    padding: 0px 46px 0px 10px;
    border-style: none none solid;
    border-image: initial;
    border-bottom: 1px solid rgb(230, 230, 230);
    border-radius: 0px;
}

.search-form .search-field::placeholder {
    color: #fff;
}

.h-search-form-field .h-search-form-inner input {
    color: rgb(51 51 51);
    font-size: 0.875rem;
    background: transparent;
    border-color: rgba(51, 51, 51, 0.5);
}

.search-form .search-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 46px;
    text-align: center;
    vertical-align: middle;
    color: rgb(51, 51, 51);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    background: transparent;
    transition: all 0.3s linear 0s;
}

input[type=search]::-ms-clear {display: none; width : 0; height: 0;}
input[type=search]::-ms-reveal {display: none; width : 0; height: 0;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
.clear-btn {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.predictions-container {
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 8px;
    z-index: 1;
    background-color: #fffcf6;
    box-shadow: 0px 0px 20px 0px rgba(143, 168, 226, 0.2);
    border-radius: 8px;
    overflow: hidden;
}
.predictions-container ul {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #333333;
    font-weight: 400;
    flex-direction: column;
    text-align: center;
}
.predictions-container ul li {
    cursor: pointer;
    padding: 16px;
    margin-right: 0 !important;
    width: 100%;
    text-align: left;
}
.predictions-container ul li:hover {
    background-color: #996b37;
    color: #fff;
}
.predictions-container ul li:first-of-type {
    background-color: #996b37;
    color: #fff;
}

.header-btn-cta.header-btn-cta_left .h-search-form-field {
    left: 0;
}

/* ----------------------------------------
# END Form Search
------------------------------------------- */