@font-face {
    font-family: 'NespressoLucas-Regular';
    src: url('../fonts/NespressoLucas-Regular.woff') format('woff'), 
    url('../fonts/NespressoLucas-Regular.woff') format('ttf');
}

@font-face {
    font-family: 'NespressoLucas-Bold';
    src: url('../fonts/NespressoLucas-XtraBd.woff') format('woff'), 
    url('../fonts/NespressoLucas-XtraBd.ttf') format('ttf');
}

@font-face {
    font-family: 'NespressoLucas-Semi';
    src: url('../fonts/NespressoLucas-Med.ttf') format('truetype');
}

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0; padding: 0; font-family: 'NespressoLucas-Regular', Arial, sans-serif !important; font-size: 18px !important;
}

h1, h2, h3, h4, h5, h6, button { font-family: 'NespressoLucas-Bold', Arial, sans-serif; letter-spacing: 3px; }

/* .h2, h2 { font-size: calc(2.325rem + .9vw) !important; } */

li {list-style: none;}
a {text-decoration: none !important; color: inherit !important;}
a:hover{text-decoration: underline !important;}
.download-pdf:hover {text-decoration: none !important;}
.btn {font-family: 'NespressoLucas-Bold', Arial, sans-serif !important;}
.btn:hover {text-decoration: none !important;}

sup {font-size: 9px !important; top: -1em !important;}

/* Reusable CSS */
.black-bg {background-color: #000000 !important;}
.beige-bg {background-color: #f5eee6 !important;}
.gold-bg {background-color: #c5c3ae !important;}
.white-bg {background-color: #ffffff !important;}
/* Hovers backgrounds */
.hover-black-bg:hover {background-color: #000000 !important;}
.hover-beige-bg:hover {background-color: #f5eee6 !important;}
.hover-gold-bg:hover {background-color: #c5c3ae !important;}
.hover-white-bg:hover {background-color: #ffffff !important;}
/* Text Colors */
.black-text {color: #000000 !important;}
.beige-text {color: #f5eee6 !important;}
.gold-text {color: #c5c3ae !important;}
.white-text {color: #ffffff !important;}
/* Hovers texts */
.hover-black-text:hover {color: #000000 !important;}
.hover-gold-text:hover {color: #c5c3ae !important;}
.hover-white-text:hover {color: #ffffff !important;}
/* Border Colors */
.black-border {border: 0px #000000;}
.beige-border {border: 0px #f5eee6;}
.gold-border {border: 0px solid #c5c3ae;}
.white-border {border: 0px #ffffff;}

.logo {width: 100%; max-width: 180px; height: auto;}

.phone-icon-container {width: 100%; max-width: 110px; height: auto;}
.phone-icon-img {width: 100%; max-width: 120px; height: auto;}
.contact-info-container {margin-top: -55px; padding: 65px 40px 20px 40px;}
.offers-gap {height: 235px; z-index: 1; position: relative; margin-top: -2px;}
.machines-section {margin-top: -230px; position: relative;}

/* .header-btn {font-size: 16px;} */





/* Carousel */
.owl-item h2 {
    font-size: 2rem; 
    font-family: 'NespressoLucas-Bold', Arial, sans-serif; 
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#categoryHeading, #categoryHeading span {text-transform: uppercase; font-size: calc(2rem + .5vw)}
.heading-2rem {font-size: 2rem;}

.item {
    display: flex;
    flex-direction: column;
}
.item button a {text-decoration: none !important; color: inherit;}


.min-read-text {
    /* max-width: 150px; */
    margin-top: -25px;
} 


#goBackBTN, #goBackBTN_Gated {
    position: fixed;
    display: flex;
    width: 150px;
    height: 50px;
    top: 25%;
    z-index: 3;
    background: #c8bf98;
    color: #fff;
    cursor: pointer;
    align-items: center;
    padding: 5px 15px;
    justify-content: flex-end;
    gap: 20px;
}
#goBackBTN img, #goBackBTN_Gated img {width: 100%; max-width: 15px;display: inline-block;}
#goBackBTN a:hover, #goBackBTN_Gated a:hover {text-decoration: none !important;}
.mktoGen.mktoImg {display:inline-block; line-height:0;}


/* GATED - Details signup page */
.minute-read {
    position: absolute; width: 100%; bottom: 0;
}
.gated-tablet-img {
    width: 100%;
    height: auto;
    z-index: 2;
}
.d-flex.flex-column-reverse.flex-lg-row.pt-5 .d-block.text-center.text-lg-start {
    display: flex !important;
    width: 100%;
}
.d-flex.flex-column-reverse.flex-lg-row.pt-5 .heading-2rem {
    font-size: 2rem;
    position: relative;
    display: inline-block;
    width: 100%;
}
.d-flex.flex-column-reverse.flex-lg-row.pt-5 .mktoForm {
    width: 100% !important;
}
/* Offer section */
.card-main-img-wrapper {
    margin-bottom: -80px;
}
.card-main-img-wrapper img { 
    z-index: 3;
    position: relative;
}
.card-save-text {
    width: 100%;
    max-width: 200PX;
    height: 200PX;
    margin-top: -80px;
}


/* OWL Carousel overides */
.owl-stage {
    display: flex;
    flex-direction: row;
    align-items: stretch;
} 

.owl-item .item img {
    width: 100%;
    height: 485px;
    max-height: 485px;
    object-fit: cover;
}

.owl-dots {
    display: none;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
    position: absolute;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    background: #fff !important;
    border-radius: 50%;
    opacity: 1;
    margin-top: auto;
    margin-bottom: auto;
    box-shadow: -2px 1px 5px #bdbdbd;
    top: calc(50% - 20px);
    cursor: pointer;
    overflow: hidden;
}

.owl-nav .owl-prev img, .owl-nav .owl-next img {
   width: 100%;
   max-width: 15px;
}
.owl-nav .owl-prev {
    left: 15px;
}
.owl-nav .owl-next {
    right: 15px;
    
}

/* MARKETO FORM RESETS */
.form-container {
    padding: 45px 0 20px 0;
}
.mktoForm * {
    font-family: 'NespressoLucas-Regular', Arial, sans-serif !important;
    font-size: 14px !important;
}
.mktoFormRow {
    padding: 5px 0 0 !important;
}
form#mktoForm_1202 {
    width: 100% !important;
    display: flex;
    column-gap: 5px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
div#formID {
    width: 100%;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
    width: 100%; 
    margin-left: 0px !important;
}
button.mktoButton {
    color: #fff !important;
    background: transparent !important;
    border: 0px solid #000000 !important;
    padding: 0.4em 1.5em !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    background-color: #000000 !important;
    background-image: linear-gradient(to bottom, #000000, #000000) !important;
    letter-spacing: 3px !important;
}
.mktoForm .mktoButtonWrap.mktoShadow .mktoButton:hover {
    border: none !important;
    opacity: .8;
    transition: .3s ease-in-out;
}
.mktoForm label#LblEmail, .mktoForm .mktoGutter, .mktoForm .mktoOffset, label {
    display: none !important;
}
label#LbloptIn {
    display: block !important;
}
.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
    padding: 1em 0.6em !important;
    border: 0 !important;
    line-height: 2em !important;
    min-height: 50px !important;
}
input {
    width: 100% !important;
}
.mktoForm .mktoError .mktoErrorMsg { 
    background-color: #b98481 !important; 
    background-image: none !important; 
    border: none !important; 
    box-shadow: none !important; 
    text-shadow: none !important;
}
.mktoForm .mktoError {
    color: #ffffff;
    left: 10px;
    right: auto !important;
}
.mktoHtmlText a {
    text-decoration: underline !important;
}


#highlights {
    border-bottom: 2px solid #000;
}
#highlights h2 {
    max-width: 65%;
}
#highlights p {
    max-width: 75%;
} 


/* MEDIA QUERY BREAKING POINTS  */
/* Medium devices (tablets, less than 1399.99px) */
@media (max-width: 1399.99px) {
    .machines-section {
        margin-top: -185px;
    }
    .offers-gap {
        height: 190px;
    }
}
/* Medium devices (tablets, less than 199.99px) */
@media (max-width: 1199.99px) {
    .machines-section {
        margin-top: 0;
    }
    .owl-item h2 {
        font-size: 1.5rem;;
    }
    #highlights h2 {
        max-width: 75%;
    }
    #highlights p {
        max-width: 95%;
    }  
}
/* Medium devices (tablets, less than 1000px) */
@media (max-width: 1000px) {
    #highlights h2 {
        max-width: 80%;
    }
    .owl-item .item img {
        height: 350px;
        max-height: 350px;
    }
    .black-bg-on-mob {
        background-color: #000000 !important;
    }
    .black-bg-on-mob h2, .black-bg-on-mob p {
        color: #ffffff !important;
    }
    .black-bg-on-mob button {
        color: #000000 !important;
        background-color: #c5c3ae !important;
    }



    #level_1_Card_3, #level_2_Slider_1_Card_3, #level_2_Slider_2_Card_3, #level_2_Slider_3_Card_3, #level_3_Slider_1_Card_3, #level_3_Slider_2_Card_3, 
    #level_3_Slider_3_Card_3, #level_3_Slider_4_Card_3, #level_3_Slider_5_Card_3, #level_3_Slider_6_Card_3, #level_3_Slider_7_Card_3, #level_3_Slider_8_Card_3, 
    #level_3_Slider_9_Card_3 {
        background: #000 !important;
    }
    #level_1_Card_3 h2, #level_2_Slider_1_Card_3 h2, #level_2_Slider_2_Card_3 h2, #level_2_Slider_3_Card_3 h2, #level_3_Slider_1_Card_3 h2, #level_3_Slider_2_Card_3 h2, 
    #level_3_Slider_3_Card_3 h2, #level_3_Slider_4_Card_3 h2, #level_3_Slider_5_Card_3 h2, #level_3_Slider_6_Card_3 h2, #level_3_Slider_7_Card_3 h2, 
    #level_3_Slider_8_Card_3 h2, #level_3_Slider_9_Card_3 h2, #level_1_Card_3 p, #level_2_Slider_1_Card_3 p, #level_2_Slider_2_Card_3 p, 
    #level_2_Slider_3_Card_3 p, #level_3_Slider_1_Card_3 p, #level_3_Slider_2_Card_3 p, #level_3_Slider_3_Card_3 p, #level_3_Slider_4_Card_3 p, 
    #level_3_Slider_5_Card_3 p, #level_3_Slider_6_Card_3 p, #level_3_Slider_7_Card_3 p, #level_3_Slider_8_Card_3 p, #level_3_Slider_9_Card_3 p
    {
        color: #fff !important;
    } 
    #level_1_Card_3 button, #level_2_Slider_1_Card_3 button, #level_2_Slider_2_Card_3 button, #level_2_Slider_3_Card_3 button, #level_3_Slider_1_Card_3 button, 
    #level_3_Slider_2_Card_3 button, #level_3_Slider_3_Card_3 button, #level_3_Slider_4_Card_3 button, #level_3_Slider_5_Card_3 button, #level_3_Slider_6_Card_3 button, 
    #level_3_Slider_7_Card_3 button, #level_3_Slider_8_Card_3 button, #level_3_Slider_9_Card_3 button {
        color: #000 !important;
        background-color: #c5c3ae !important;
    }
}
@media (min-width: 992px) {
    .flex-column-reverse .d-flex.flex-column.flex-wrap.justify-content-center.h-100 {
        margin-top: -50px;
    }
}
@media (max-width: 991px) {
    .gated-tablet-img {
        max-width: 90%;
    }
    .minute-read {
        position: relative;
    }
    .d-flex.flex-column-reverse.flex-lg-row.pt-5 .d-block.text-center.text-lg-start {
        justify-content: center;
    }
} 
/* Small devices (landscape phones, less than 580.98px) */
@media (max-width: 580.98px) {
    .owl-item .item {
        height: auto;
    }
    .header-btn {
        font-size: 13px !important;
    }
}