/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&display=swap');


@font-face {
  font-family: "Lakesight";
  src: url("https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/fonts/Lakesight.otf");
}

@font-face {
  font-family: "BrandonBold";
  src: url("https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/fonts/BrandonGrotesque-Bold.otf");
}
@font-face {
  font-family: "BrandonRegular";
  src: url("https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/fonts/BrandonGrotesque-Regular.otf");
}
@font-face {
  font-family: "Westmount";
  src: url("https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/fonts/WestmountRegular.otf");
}

/*****************************************/
/* Start BGW styles */
/*****************************************/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Layout Style */
/* Common Style */
.row-fluid .container{
    width: 1370px;
    margin: 0 auto !important;
    float: none;
}
.hide{
    display: none;
}
img{
    max-width: 100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6{
    color: #000000;
}
b, strong{
    font-weight: 700;
    transition: all 0.3s ease;
}
a {
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
a:hover{
    color: #381815;
}
a:hover strong{
    color: #381815;
}
ul{
    font-size: 18px;
    line-height: 35px;
}
ul li{
    padding-bottom: 10px;
}

p{
    font-family: 'Vollkorn', serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
}
body{
    font-family: 'Vollkorn', serif;
    font-size: 18px;
    line-height: 28px;
}
h1,h2,h3,h4{
    font-family: "BrandonBold";
}
h3{
    font-size: 40px;
    line-height: 50px;
}
.section-title h3{
    font-weight: 400;
}

@media(min-width: 1300px){
    .row-fluid .container{
        width: 1208px;
        margin: 0 auto !important;
        float: none;
    }
}
@media(max-width: 1299px){
    .row-fluid .container{
        width: 1140px;
    }
}
@media (max-width: 1199px){
    .row-fluid .container{
        width: 940px;
    }
}
@media (max-width: 991px){
    .row-fluid .container{
        width: 720px;
    }
}
@media (max-width: 767px){
    .row-fluid .container{
        width: calc(100% - 40px);
        padding: 0px 20px;
    }
    .section-title h3{
        font-size: 28px !important;
    }
    .section-title h2, h2{
        font-size: 30px !important;
        line-height: 40px;
    }
    
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Header Style */
.header-section{
    background: #381815;
    padding: 50px 0px;
    z-index: 999;
    transition: all 0.3s ease;
}
.header-section.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease;
    padding: 20px 0px 10px;
    box-shadow: 0 2px 20px rgb(0 0 0 / 0.5);
}

.header-section .hs-menu-item a{
    color: #F8F4EC;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Westmount",sans-serif;
    font-weight: 400;
}

.header-section .container{
    display: flex;
    justify-content: space-between;
}
.header-section ul li{
    position: relative;
}
.header-section ul .hs-menu-children-wrapper{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 250px;
    transition: all .3s ease;
    transform: translateY(-10px);
    background: #fff;
    border-radius: 10px;
    padding: 15px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    z-index: 99;
    margin-top: 10px;
    display: none;
}
.header-section ul .hs-menu-children-wrapper > li{
    display: block;
    transition: all 0.3s ease;
}
.header-section ul .hs-menu-children-wrapper > li:hover{
    background: #381815;
}
.header-section ul .hs-menu-children-wrapper > li:hover a{
    color: #fff;
}
.header-section ul .hs-menu-children-wrapper > li a{
    color: #381815;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 5px 20px;
    display: block;
}
.header-section ul li.active:hover ul.hs-menu-children-wrapper{
    transform: translateY(0);
    opacity: 1;;
    visibility: visible;
    display: block;
}
.header-section .main-menu .hs-menu-wrapper > ul > li:hover > a{
    color: #F59A26;
}
.header-section .main-menu .hs-menu-wrapper > ul{
    display: flex;
    margin: 0;
    align-items: center;
}
.header-section .main-menu .hs-menu-wrapper > ul li{
    list-style: none;
}
.header-section .main-menu .hs-menu-wrapper>ul >li{
    padding: 10px 20px;
}
.header-section .main-menu .hs-menu-wrapper>ul >li a{
    position: relative;
}
.header-section .main-menu .hs-menu-wrapper>ul >li:last-child > .hs-menu-children-wrapper{
    right: 0;
}
.header-section .main-menu .hs-menu-wrapper>ul >li.active-branch > a{
    color: #F59A26;
}
.header-section .main-menu .hs-menu-wrapper>ul >li.hs-item-has-children > a::before{
    position: absolute;
    content: '';
    width: 15px;
    height: 10px;
    top: 10px;
    right: -20px;
    background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/small-orange-arrow.png) no-repeat;
    background-size: contain;
}
a{
    text-transform: none;
    transition: all 0.3s ease;
}


@media(max-width: 1300px){
    .header-section .hs-menu-item a{
        font-size: 16px;
    }
   
}
@media(max-width: 1199px){
    .header-section .logo-content{
        max-width: 200px;
    }
    .header-section .hs-menu-item a{
        font-size: 14px;
    }
    .header-section .main-menu .hs-menu-wrapper>ul>li {
        padding: 0px 12px;
    }
    .row-fluid .hero-section .left-content .title h1{
        font-size: 40px;
    }
    .row-fluid  .hero-section .left-content .content p{
        padding-top: 50px;
    }
    .row-fluid .rise-shine-section .rise-shine-inner .left-content {
        width: 65%;
    }
    .our-services-section .service-item-box-inner .title h2 {
        font-size: 40px;
        padding-bottom: 30px;
    }
    .our-services-section .our-services-inner .service-item-box{
        height: 600px;
    }
    .about-family-inner .left-content  .content{
        padding-right: 50px;
    }
    .row-fluid .about-family-section {
        padding: 100px 0px 0px;
    }
    .recipe-category-list-section .recipe-category-list .recipe-category-list-box .item a{
        font-size: 20px;
        padding: 0px 18px;
    }
    .row-fluid .the-bread-box-section .the-bread-box-inner .left-box-content .item-box .post-image{
        height: 500px;
    }
    .the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner {
        height: 100%;
    }
    .row-fluid .the-bread-box-section .the-bread-box-inner .left-box-content .item-box .item-bread-box-post{
        height: 100%;
    }
    .row-fluid .the-bread-box-section .the-bread-box-inner .left-box-content .post-content p{
        width: 100%;
    }
    .row-fluid .contact-us-section .contact-us-inner {
        margin: 0 0 0 auto;
        padding-left: 0;
    }
    .row-fluid .the-bread-box-section .right-title-content {
        width: calc(40% - 30px);
        padding-left: 30px;
    }
    .header-section ul .hs-menu-children-wrapper>li a {
        font-size: 14px;
    }
    .header-section .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a::before{
        top: 10px;
    }
}
@media(max-width: 991px){
    .header-section .main-menu{
        display: block;
        position: fixed;
        background: #381815;
        height: 100vh;
        z-index: 999;
        top: 0;
        width: calc(100% - 20px);
        left: -100%;
        transition: all 0.3s ease;
        visibility: hidden;
    }
    .header-section .main-menu.active{
        visibility: visible;
        left: 0;
    }
    .mobile-menu-open a{
        color: #f59a26;
        padding: 10px;
    }
    .header-section .main-menu ul{
        flex-direction: column;
        text-align: left;
        padding-top: 50px;
    }
    
    .header-section .main-menu .hs-menu-wrapper>ul>li{
        display: block;
        width: 100%;
        padding: 8px 0px;
        
    }
    .header-section .main-menu .hs-menu-wrapper.active>ul.active {
        left: 0;
        visibility: visible;
        opacity: 1;
    }
    .header-section .main-menu .hs-menu-wrapper>ul {
        left: -100%;
       
    }
    .header-section .main-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul.active {
        left: 0% !important;
        position: absolute;
        margin-top: 0 !important;
        top: 0;
    }
    .header-section .main-menu .hs-menu-wrapper>ul.active>li.hs-menu-depth-1>ul {
        left: calc(-100% - 30px) !important;
    }
    .header-section .main-menu .hs-menu-wrapper>ul{
        width: 100%;
        padding: 0;
        transition: all 0.3s ease-in-out;
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
    }
    .header-section .main-menu .hs-menu-wrapper.active li:nth-child(2) .hs-menu-children-wrapper{
        top: -30px;
        
    }
    .header-section .main-menu .hs-menu-wrapper>ul >li:last-child > .hs-menu-children-wrapper{
        top: -200px !important;
        
    }
    .header-section .main-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1>ul.active {
        left: 100% !important;
    }
    .header-section ul .hs-menu-children-wrapper{
        transform: translateY(0);
    }
   
    
    .header-section .main-menu .hs-menu-wrapper {
        margin:0px;
        position: fixed;
        display: block;
        height: 100vh;
        width: calc(100% - 50px);
        left: 30px;
        top: 100px;
    }
    .header-section ul .hs-menu-children-wrapper {
        position: absolute;
        display: block;
        width: 100%;
        transition: all .5s ease-in-out;
        background: transparent;
        padding: 0;
        box-shadow: none;
        z-index: 99;
        border-radius: 0;
        opacity: 1;
        top: 0;
        visibility: visible;
        left: -30px;
    }
    .header-section ul .hs-menu-children-wrapper>li {
        padding: 8px 0px;
    }
    .header-section ul .hs-menu-children-wrapper>li a {
        color: #fff;
        padding: 5px 0px;
    }
    .mobile-menu-close{
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .mobile-menu-close a{
        color: #f59a26;
        font-size: 22px;
    }
    .header-section .main-menu .mobile-view{
        padding: 30px 30px 0px;
    }
    .header-section .main-menu .mobile-view .logo{
        max-width: 170px;
    }
    .header-section .main-menu .mobile-view .backto-main-menu{
        display: none;
    }
    .header-section .main-menu .mobile-view .backto-main-menu span{
        color: #f59a26;
        font-size: 14px;
        cursor: pointer;
    }
    .header-section .main-menu .logo{
        display: none;
    }
    .header-section .main-menu .logo.active{
        display: inline-block;
    }
    .header-section .main-menu .mobile-view .backto-main-menu.active{
        display: inline-block;
    }
    .header-section .main-menu .hs-menu-wrapper>ul >li a{
        display: inline !important;
        font-size: 18px;
    }
    .header-section .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a::before {
        top: 12px;
    }
    
}
@media(min-width: 992px){
    .mobile-menu-open{
        display: none;
    }
    .mobile-menu-close{
        display: none;
    }
    .main-menu .mobile-view{
        display: none;
    }
}
@media(max-width: 767px){
    .row-fluid .the-bread-box-section .the-bread-box-inner .left-box-content .item-box .post-image {
        height: 100%;
    }
}
/* Footer Style */
.footer-section{
    background: #381815;
    padding-top: 60px;
}
.footer-section .row{
    display: flex;
    flex-wrap: wrap;
}
.footer-section .container{
    width: 100%;
}
.footer-section .logo-content{
    width: 25%;
    text-align: center;
}
.footer-section .menu-content{
    width: 45%;
}
.footer-section .footer-last-col{
    width: 30%;
}
.footer-section .logo-content p{
    font-size: 18px;
    line-height: 29px;
    color: #D4E2D7;
}
.footer-section .logo-content .phone-number a{
    color: #D4E2D7;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Vollkorn', serif;
}
.footer-section .logo-content .phone-number a:hover{
    color: #F59A26;
}
.footer-section .menu-content a{
    font-size: 18px;
    text-transform: uppercase;
    color: #F5FBFA;
    font-family: "BrandonRegular",sans-serif;
    letter-spacing: 3px;
    padding: 4px 0px;
}
.footer-section .menu-content a:hover{
    color: #f59a26
}

.footer-section .menu-content ul{
    padding-left: 0;
    margin: 0;
}
.footer-section .menu-content ul li{
    list-style: none;
    padding : 0;
}
.footer-section .menu-content .left-col, .footer-section .menu-content .right-col{
    width: 50%;
}
.footer-section .menu-content{
    display: flex;
}
.footer-last-col .icon-list a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 44px;
    height: 44px;
    margin: 0px 6px;
}
.footer-last-col .icon-list a i{
    color: #f59a26;
    transition: all 0.3s ease;
}
.footer-last-col .icon-list a:hover i{
    color: #fff;
}
.footer-last-col .icon-list a:first-child{
    margin-left: 0;
}
.footer-last-col .icon-list a:hover{
    background: #f59a26;
    color: #fff;
}
.footer-last-col .icon-list{
    display: flex;
    padding-bottom: 35px;
}
.footer-section .email-subscribe h3{
    margin: 0;
    color: #f5fbfa;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 7px;
}

.footer-section .email-subscribe .form-content form{
    display: flex;
    position: relative;
}
.footer-section .email-subscribe .form-content form .hs-error-msgs{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.footer-section .email-subscribe .form-content form .hs-error-msgs {
    padding: 0;
    margin: 0;
}
.footer-section .email-subscribe .form-content form .hs-email label{
    display: none;
}
.footer-section .email-subscribe .form-content form .hs-error-msgs li {
    padding-bottom: 0px;
    list-style: none;
    color: #fff;
    font-size: 12px;
}
.footer-section .email-subscribe .form-content form .hs-button{
    background: #F59A26;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 50px 13px;
    letter-spacing: 3px;
    font-family: "Westmount";
    border: 1px solid #F59A26;
    transition: all 0.3s ease;
    width: calc(100% - 7px);
    margin-left: 7px;
    height: 48px;
}
.firefox-browser .footer-section .email-subscribe .form-content form .hs-button{
    height: 46px;
    margin-left: 4px;
    width: calc(100% - 4px);
}
.chrome-browser .footer-section .email-subscribe .form-content form .hs-button{
        height: 48px;
    }
.footer-section .email-subscribe .form-content form .hs-email{
    width: 60%;
}
.footer-section .email-subscribe .form-content form .hs-submmit{
    width: 40%;
}
.footer-section .email-subscribe .form-content form .hs-button:hover{
    background: transparent;
    color: #F59A26;
}
.footer-section .email-subscribe .form-content form .hs-input{
    height: 44px;
    width: calc(100% - 16px);
    padding: 0px 10px;
    outline: none !important;
}
.copy-right-content {
    text-align: center;
    width: 100%;
}
.copy-right-content p, .copy-right-content p a{
    font-size: 16px;
    color: #F59A26 !important;
}
.copy-right-content p{
    margin-top: 15px !important;
}
.menu-content .left-col{
    padding-left: 60px;
}
 .copy-right-content p a:hover{
    color: #fff !important;
 }
.footer-section .footer-last-col  .social-icons h3{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 10px;
    padding-bottom: 20px;
}
.email-subscribe .submitted-message{
    font-size: 18px;
    line-height: 29px;
    color: #D4E2D7;
    font-family: 'Vollkorn', serif;
}






@media(max-width: 1600px){
    .footer-section .container{
        width: 100%;
        overflow: hidden;
    }
}
@media(max-width: 1399px){
    .footer-section .footer-last-col{
        width: 33%;
    }
    .footer-section .logo-content {
        width: 25%;
    }
    .footer-section .email-subscribe h3{
        font-size: 12px;
    }
    .footer-section .logo-content img{
        width: 80%;
        margin: 0 auto;
    }
    .footer-section .footer-last-col {
        width: calc(35% - 70px);
        float: right;
        padding-left: 70px;
    }
    .footer-section .menu-content {
        width: 40%;
    }
    .footer-section .email-subscribe .form-content form .hs-button {
        padding: 0px 10px;
        height: 44px;
        margin-left: 4px;
        width: calc(100% - 4px);
    }
    .chrome-browser .footer-section .email-subscribe .form-content form .hs-button{
        height: 44px;
    }
    .footer-section .email-subscribe .form-content form .hs-input {
        height: 40px;
        padding: 0px 10px;
    }
    .firefox-browser .footer-section .email-subscribe .form-content form .hs-button{
        height: 42px;
    }
    
}
@media(max-width: 1199px){
    .footer-section .menu-content a{
        font-size: 14px;
    }
    .footer-section .email-subscribe .form-content form .hs-input{
        height: 39px;
    }
    .footer-section .email-subscribe .form-content form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    .footer-section .email-subscribe h3 {
        line-height: 20px;
    }
    .footer-last-col .icon-list {
        display: flex;
        padding-bottom: 20px;
    }
    .footer-section .email-subscribe .form-content form .hs-button{
        font-size: 14px;
        height: 42px;
    }
    .footer-section .logo-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .row-fluid .footer-section .logo-content {
        width: 25%;
    }
    /* .row-fluid .footer-section .footer-last-col{
        width: 32%;
        padding-left: 0;
    } */
    .contact-us-section .section-title h2{
        font-size: 34px !important;
    }
    .chrome-browser .footer-section .email-subscribe .form-content form .hs-button {
        height: 42px;
    }
}

@media(max-width: 991px){
    .footer-section .container{
        width: calc(100% - 40px);
        padding: 0px 20px;
    }
    .row-fluid .footer-section .logo-content {
        width: 40%;
    }
    .footer-section .menu-content {
        width: 60%;
    }
    .row-fluid .footer-section .footer-last-col {
        width: 100%;
        margin-top: 30px;
        text-align: center;
        padding-left: 0;
    }
    .menu-content .left-col {
        padding-left: 30px;
    }
    .footer-last-col .icon-list{
        justify-content: center;
    }
    .footer-section .email-subscribe .form-content form .hs-email {
        width: 60%;
    }
    .footer-section .email-subscribe .form-content form .hs_submit{
        width: 40%;
    }
    .footer-section .email-subscribe .form-content form .hs-button {
        font-size: 18px;
        width: 100%;
        padding: 7px 50px 14px;
    }
    .footer-section .email-subscribe .form-content form {
        justify-content: center;
        width: 80%;
        margin: 0 auto;
    }
    .menu-content .left-col {
        padding-left: 20px;
    }
}
@media(max-width: 767px){
    .row-fluid .footer-section .logo-content {
        width: 100%;
    }
    .footer-section .menu-content{
        width: 100%;
        margin-top: 30px;
    }
    .footer-section .menu-content ul{
        text-align: center;
    }
    .footer-section .menu-content .left-col{
        padding-left: 0;
    }
    .footer-section .logo-content img {
        width: 50%;
    }
    .footer-section .email-subscribe .form-content form .hs-button {
        width: unset !important;
        margin-left: 0;
        font-size: 14px;
        margin-top: 10px;
    }
    .footer-section .email-subscribe .form-content form .hs-input {
        height: 35px;
    }
    .hero-section-inner .readmore-btn{
        padding-left: 0 !important;
    }
    .rise-shine-section {
        padding: 15px 0px 150px !important;
    }
    .footer-section .email-subscribe .form-content form .hs-error-msgs{
        position: relative;
    }
    
}
@media(min-width: 1300px){
    .footer-section .menu-content {
        width: 40%;
    }
    .footer-section .footer-last-col {
        width: calc(35% - 100px);
        padding-left: 100px;
    }
}




/* Home Page */
.hero-section{
  position: relative;
  margin-bottom: 80px;
}
.hero-section .hero-section-inner{
  display: flex;
  flex-wrap: wrap;
}
.hero-section .hero-section-inner .right-content{
  height: 100%;
}
.hero-section .hero-section-inner .right-content .image-content{
  height: 100%;
  text-align: right;
}
.hero-section .hero-section-inner .right-content .image-content img{
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.hero-section:before{
  position: absolute;
  content: '';
  width: 100%;
  height: calc(100% + 300px);
  top: 0;
  left: 0;
  background: #F5FBFA;
  z-index: -1;
}
.hero-section .right-content{
  position: absolute;
  top: 0px;
  right: 0;
  width: 52%;
}
.hero-section .left-content{
  width: 52%;
  position: relative;
  z-index: 9;
  top: -10px;
}
.hero-section .left-content .title h1{
  font-family: "Westmount",sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  margin: 0;
  background: #8CB2B3;
  font-size: 60px;
  line-height: normal;
  padding: 100px 120px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 2;
}
.hero-section .left-content .title h1::before{
  position: absolute;
  content: '';
  width: 100% ;
  height: 100%;
  top: 13px;
  left: -15px;
  border: 2px solid #381815;
  z-index: -1;
}
.hero-section .container{
  width: 100%;
}
.hero-section .left-content .content{
  padding-top: 30px;
}
.hero-section .left-content .content p{
  color: #381815;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  width: 80%;
  padding-top: 70px;
}
a.readmore-btn, .readmore-btn{
  color: #F59A26;
  font-size: 18px;
  line-height: 35px;
  text-transform: uppercase;
  font-style: italic;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.hero-section .hero-section-inner .readmore-btn a{
  margin-left: 20px;
}


a.readmore-btn:before, .readmore-btn:before{
  position: absolute;
  content: '';
  width: 0;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #381815;
  transition: all 0.3s ease;
  z-index: -1;
}
a.readmore-btn:hover::before, .readmore-btn:hover:before{
  width: 100%;
}
.home-hero-readmore-btn{
  display: inline-block;
  margin-left: 20px;
}
a{
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover{
  text-decoration: none;
}
.tasty-recipes-section{
  /* background: linear-gradient(179.99deg,rgba(248,244,236,0.6) 0%,rgba(248,244,236,0.6) 63.88%,rgba(248,244,236,0) 107.58%); */
  padding: 100px 0px 0px;
  position: relative;
}
.tasty-recipes-section .tasty-recipes-inner{
  overflow: hidden;
}
.recipe-category-list-inner .recipe-category-list{
  width: 70%;
}
.tasty-recipes-section .container{
  width: 100%;
}
.tasty-recipes-inner .tasty-recipes-slide{
  padding-left: 0px;
  position: relative;
}
.tasty-recipes-slide-inner{
  padding-left: 70px;
}
.tasty-recipes-inner .tasty-recipes-slide .owl-nav {
  position: absolute;
  top: 83%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: space-between;
  z-index: 99;
}
.tasty-recipes-inner .tasty-recipes-slide .owl-nav button.owl-prev, .tasty-recipes-inner .tasty-recipes-slide .owl-nav button.owl-prev.disabled {
  transform: rotate(-180deg);
}
.tasty-recipes-inner .tasty-recipes-slide .owl-nav button.owl-next {
  right: 20px;
}
.tasty-recipes-inner .tasty-recipes-slide .owl-nav button.owl-prev {
  left: 20px;
}
.tasty-recipes-inner .tasty-recipes-slide .owl-nav button {
  position: absolute;
  outline: none !important;
}
.tasty-recipes-section:before{
  position: absolute;
  content: '';
  width: 280px;
  height: 440px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/background_img/second-logo.png) no-repeat;
  background-size: contain;
}

.tasty-recipes-section .section-title h3{
  color: #381815;
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.recipe-post-box-inner{
  position: relative;
}
.recipe-post-box-inner .recipe-image{
  position: relative;
}
.recipe-post-box-inner .recipe-image img{
  height: 460px;
  object-fit: cover;
  object-position: center;
}
/* .tasty-recipes-section .recipe-post-box-inner .recipe-image:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #C7BB9F;
opacity: 0.7;
} */
/* .tasty-recipes-slide.owl-carousel.owl-drag .owl-item.center .recipe-post-box-inner .recipe-image:before{
display: none;
} */
.recipe-post-box-inner .recipe-content{
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(56 24 21 / .5);
  width: calc(100% - 84px);
  padding: 40px 25px 40px 25px;
  opacity: 0;
  transition: all 0.5s ease;
}
.recipe-post-box-inner:hover .recipe-content{
  bottom: 100px;
  opacity: 1;
}
.recipe-tag{
  color:  #D4E2D7;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Vollkorn', serif;
  font-weight: 500;
}
.recipe-title a{
  display: inline-block;
  color: #fff;
  font-size: 25px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  font-family: "Westmount",sans-serif;
}

.recipe-category-list-inner .section-title{
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
  color: #381815;
  font-family: "Westmount",sans-serif;
  width: 30%;
  position: relative;
}
.recipe-category-list-inner .section-title:before {
  position: absolute;
  content: '';
  width: 130px;
  height: 120px;
  right: -27px;
  bottom: -20px;
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/curve-arrow.png) no-repeat;
  background-size: contain;
}
.recipe-category-list-inner .section-title span{
  display: block;
  color: #f59a26;
  font-size: 35px;
  line-height: 70px;
  text-transform: uppercase;
  font-style: italic;
  position: relative;
  font-family: 'Vollkorn',serif;
}
.recipe-category-list-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.recipe-category-list .recipe-category-list-box ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
}
.recipe-category-list .recipe-category-list-box ul li{
  list-style: none;
}
.recipe-category-list .recipe-category-list-box ul li a{
  color: #C7BB9F;
  font-size: 23px;
  font-weight: bold;
  font-family: 'Vollkorn',serif;
  line-height: normal;
  display: inline-block;
  padding: 0px 26px;
}
.recipe-category-list .recipe-category-list-box ul li a:hover{
  color: #F59A26;
}
.recipe-category-list .recipe-category-list-box ul li:first-child a{

  padding-left: 0;
} 
.recipe-category-list .recipe-category-list-box ul li.active a{
  color: #F59A26;
}
.recipe-link a.readmore-btn{
  margin-left: 0;
}
.recipe-category-list-section{
  padding-bottom: 200px;
  padding-top: 40px;
}
.tasty-recipes-section:after{
  position: absolute;
  content: '';
  width: 100%;
  height: calc(100% + 500px);
  top: 0;
  left: 0;
  background: linear-gradient(179.99deg,rgba(248,244,236,0.6) 0%,rgba(248,244,236,0.6) 63.88%,rgba(248,244,236,0) 107.58%);
  z-index: -1;
}
.recipe-category-list-section .view-all-btn{
  display: block;
  width: 100%;
  position: relative;
  top: 70px;
  margin-bottom: 0px;
}
.view-all-btn a{
  background: #8cb2b3;
  font-size: 18px;
  line-height: 14px; 
  display: inline-block;
  padding: 18px 100px 26px;
  color: #fff;
  font-family: "Westmount",sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}
.view-all-btn a:hover{
  background: #f59a26;
}
.contact-us-section{
  background-position: top left;
  background-repeat: no-repeat;
  padding-bottom: 40px;
}
.contact-us-section .contact-us-inner{
  width: 50%;
  margin: 0 auto;
  padding-left: 200px;
}
.contact-us-section .section-title h2{
  color: #8CB2B3;
  margin: 0;
  font-size: 40px;
  line-height: 42px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 10px;
}
.contact-us-section .contact-us-inner .phone-number{
  font-family: "Westmount",sans-serif;
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
  color: #381815;
}
.contact-us-section .contact-us-inner .phone-number span{
  display: inline-block;
  padding-right: 14px;
}
.contact-us-section .contact-us-inner .phone-number a{
  color: #F59A26;
}
.contact-us-section .form-content h3{
  margin: 0;
}
.contact-us-section .hs-richtext p{
  color: #8CB2B3;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-family: "Westmount",sans-serif;
  padding: 20px 0px 15px;
}
.contact-us-section .form-content fieldset{
  width: 100%;
  max-width: 100%;
  margin: 10px 0px;
}
.contact-us-section .form-content fieldset.form-columns-2 > div{
  width: calc(50% - 5px);
  margin-left: 5px;
  margin-right: 5px;
}
.contact-us-section .form-content fieldset.form-columns-2 > div:first-child{
  margin-left: 0;
}
.contact-us-section .form-content fieldset.form-columns-2 > div:last-child{
  margin-right: 0;
}
.contact-us-section .form-content fieldset .hs-form-field .input{
  margin: 0 !important;
}
.contact-us-section .form-content .hs-input{
  border: 1px solid #8CB2B3;
  height: calc(42px - 20px);
  background: #F5FBFA;
  padding: 10px 25px;
  width: calc(100% - 50px);
  color: #381815;
  outline: none !important;
  max-height: 42px;
  font-size: 16px;
  line-height: 26px;
}
.contact-us-section .form-content textarea.hs-input{
  height: 70px;
  padding: 25px 25px;
}
.contact-us-section .form-content textarea.hs-input:focus{
  outline: none;
}
.contact-us-section .form-content fieldset .hs-form-field .input{
  display: flex;
}
.contact-us-section .form-content .hs-error-msgs {
  padding: 0;
  margin: 0;
}
.contact-us-section .form-content .hs-error-msgs li{
  font-size: 14px;
  color: red;
  list-style: none;
  padding-bottom: 0;
}
.contact-us-section .form-content .hs-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px;
  line-height: 26px;
  font-family: 'Vollkorn',serif;
  color: #381815;
}
.contact-us-section .form-content .hs-input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
  line-height: 26px;
  font-family: 'Vollkorn',serif;
  color: #381815;
}
.contact-us-section .form-content .hs-input:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
  line-height: 26px;
  font-family: 'Vollkorn',serif;
  color: #381815;
}
.contact-us-section .form-content .hs-input:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
  line-height: 26px;
  font-family: 'Vollkorn',serif;
  color: #381815;
}
.contact-us-section .form-content .hs-form-field >label{
  display: none;
}
.contact-us-section .form-content .hs-button{
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
  background: #f59a26;
  display: inline-block;
  width: 65%;
  padding: 10px 0px 20px;
  text-align: center;
  font-family: "Westmount",sans-serif;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-us-section .form-content .hs-button:hover{
  background: #8cb2b3;
  color:#381815 ;
}
.about-family-section{
  padding: 130px 0px 100px;
  background: linear-gradient(179.99deg, #F8F4EC 0.01%,#F8F4EC 63.88%, rgba(248, 244, 236, 0.6) 107%);
  position: relative;
  overflow: hidden;
}
.about-family-inner{
  display: flex;
  flex-wrap: wrap;
}
.about-family-inner .left-content, .about-family-inner .right-content{
  width: 50%;
}
.about-family-inner .right-content{
  position: absolute;
  right: 0;
  text-align: right;
}
.about-family-inner .right-content .image-content::after{
  position: absolute;
  content: '';
  width: 100px;
  height: 150px;
  top: 50px;
  left: 450px;
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/second-logo-small.png) no-repeat;
  background-size: contain;
  z-index: 3;
}
.about-family-inner .right-content .image-content{
  position: absolute;
  right: 0;
}
.about-family-inner .right-content .image-content:before{
  position: absolute;
  content: '';
  top: -100px;
  right: 10px;
  width: 100%;
  height: calc(100% + 100px);
  border-right: 3px solid #381815;
  z-index: 1;
  border-bottom: 3px solid #8a8a8a;
}

.about-family-inner .right-content .image-content img{
  position: relative;
  z-index: 2;
}
.about-family-inner  .left-content h2{
  color: #8CB2B3;
  margin: 0;
  font-weight: 400;
}
.our-services-section .container{
  width: 100%;
}
.service-item-box-inner .title h2{
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  line-height: 60px;
  padding-bottom: 80px;
  text-align: center;
}
.our-services-inner{
  display: flex;
  flex-wrap: wrap;
}
.service-item-box-inner .content p{
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  padding: 30px 24px;
  position: relative;
  text-align: center;
  z-index: 99;
}
.service-item-box-inner .content p:before{
  position: absolute;
  content: '';
  width: calc(100% + 15px);
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(199 187 159 / .4);
  z-index: -1;
}
.our-services-inner .service-item-box{
  width: 33.3%;
  height: 740px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  transition: all 0.3s ease;
}
.our-services-inner .service-item-box:nth-child(2){
  height: 760px;
  margin-top: -20px;
}
.our-services-inner .service-item-box:nth-child(2):hover{
  margin-top: -30px;
}
.our-services-inner .service-item-box:hover{
  margin-top: -10px;
}
.our-services-inner .service-item-box::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(56 24 21 / 0.4);
  z-index: 0;
}
.our-services-inner .service-item-box-inner{
  position: relative;
  width: calc(100% - 60px);
  display: flex;
  z-index: 1;
  padding-bottom: 80px;
  align-items: flex-end;
  justify-content: center;
  height: calc(100% - 80px);
  margin: 0 auto;
}
.our-services-inner .service-item-box-inner:before{
  position: absolute;
  content: '';
  width: calc(100% + 12px);
  height: calc(100% - 75px);
  bottom: 25px;
  left: -12px;
  border-right: 2.5px solid #F5FBFA;
  border-bottom: 2.5px solid #F5FBFA;
}
.our-services-inner .service-item-box-inner a{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 99;
  cursor: default;
}
.our-services-inner .service-item-box-inner a:before{
  position: absolute;
  content: '';
  width: 2.5px;
  height: 44%;
  bottom: -55px;
  left: -12px;
  border-left: 2.5px solid #f5fbfa;
}
.rise-shine-section{
  position: relative;
  padding: 30px 0px 150px;
  overflow: hidden;
  z-index: 2;
}
.rise-shine-section .left-content .content{
  position: relative;
  z-index: 2;
  width: 80%;
}
.rise-shine-section .left-content .content:before{
  position: absolute;
  content: '';
  width: 999999%;
  top: 30px;
  right: -200%;
  height: 100%;
  background: #f8f4ec;
  z-index: -1;
}
.rise-shine-section .rise-shine-inner{
  display: flex;
  flex-wrap: wrap;
}
.rise-shine-section .rise-shine-inner .left-content{
  width: 60%;
}
.rise-shine-section .rise-shine-inner .right-content{
  width: 56%;
  position: absolute;
  right: 0;
  bottom: -50px;
  z-index: 2;
}
.rise-shine-inner .left-content h2{
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  padding-bottom: 20px;
}
.rise-shine-inner .left-content h2 span{
  font-family: "Vollkorn",sans-serif;
  color: #F59A26;
  font-size: 35px;
  letter-spacing: 2px;
}
.the-bread-box-section{
  padding-bottom: 80px;
  padding-top:125px;
}
.the-bread-box-section .container{
  width: 100%;
}
.the-bread-box-section .the-bread-box-inner{
  display: flex;
  flex-wrap: wrap;
}
.the-bread-box-section .right-title-content{
  width: calc(40% - 65px);
  padding-left: 65px;
  margin-top: -50px;
}
.the-bread-box-section .the-bread-box-inner{
  display: flex;
  flex-wrap: wrap;
}
.the-bread-box-section .the-bread-box-inner .left-box-content{
  display: flex;
  flex-wrap: wrap;
  width: 60%;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .item-box{
  width: calc(50% - 7px);
}
.the-bread-box-section .the-bread-box-inner .left-box-content .item-box:first-child{
  margin-right: 7px;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .item-box:last-child{
  margin-left: 7px;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .item-box .post-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .item-box .post-image{
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  height: 430px;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner{
  position: relative;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner:before{
  position: absolute;
  content: '';
  width: calc(100% - 44px);
  height: calc(100% - 32px);
  top: 16px;
  left: 22px;
  border-right: 0.5px solid rgb(245 251 250 / 0.5);
  border-bottom: 0.5px solid rgb(245 251 250 / 0.5);
  z-index: 1;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner:after{
  position: absolute;
  content: '';
  width: 2px;
  height: 30%;
  bottom: 16px;
  left: 22px;
  border-left:0.5px solid rgb(245 251 250 / 0.5);
  z-index: 1;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner .post-image:after{
  position: absolute;
  content: '';
  width: 60%;
  height: calc(100% - 32px);
  top: 0px;
  left: 12px;
  background: #8CB2B3;
  z-index: 2;
  opacity: 0.2;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner > .post-content{
  position: absolute;
  display: flex;
  top: 0;
  flex-direction: column;
  align-content: flex-end;
  justify-content: flex-end;
  height: calc(100% - 32px);
  padding-bottom: 24px;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 99;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner .post-image{
  position: relative;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .bread-box-post-inner .post-image::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(56 24 21 / .65);
  z-index: 1;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .post-content .post-tag{
  color: #fff;
  padding-bottom: 15px;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .post-content .post-title a{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: "Westmount";
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 22px;
  font-weight: 400;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .post-content p{
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-family: "Vollkorn",sans-serif;
  font-weight: 400;
  margin: 0;
  padding-bottom: 15px;
  width: 80%;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .post-link{
  display: inline-block;
  padding-bottom: 36px;
}
.the-bread-box-section .the-bread-box-inner .left-box-content .post-link a.readmore-btn{
  margin-left: 0;
}
.the-bread-box-section .right-title-content .section-title h2{
  color: #381815;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
  font-size: 40px;
  line-height: 42px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 10px;
}
.the-bread-box-section .right-title-content .section-title h3{
  color: #8CB2B3;
  font-size: 22px;
  line-height: 35px;

  font-family: 'Vollkorn',sans-serif;
  margin: 0;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
  padding-bottom: 20px;
  position: relative;
}

.the-bread-box-section .right-title-content .section-title h3::before{
  position: absolute;
  content: '';
  width: 30%;
  height: 2px;
  bottom: 10px;
  left: 0;
  background: #381815;
  /* box-shadow: 0px 4px 4px rgba(0,0,0,0.25); */
}
.the-bread-box-section .right-title-content .title-content .item-title{
  padding: 10px 0px;
  position: relative;
}
.the-bread-box-section .right-title-content .title-content .item-title:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #D4E2D7;
  /* box-shadow: 0px 4px 4px rgba(0,0,0,0.25); */
}
.the-bread-box-section .right-title-content .title-content .post-tag{
  color: #C7BB9F;
  font-size: 16px;
  line-height: 16px;
  font-family: 'Vollkorn',sans-serif;
  display: inline-block;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}
.the-bread-box-section .right-title-content .title-content .post-title a{
  font-size: 20px;
  line-height: 20px;
  color: #381815;
  text-transform: uppercase;
  font-family: "Westmount",sans-serif;
  font-weight: 400;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}
.the-bread-box-section .right-title-content .title-content a.readmore-btn{
  margin: 0;
  /* text-shadow: 0px 4px 4px rgba(0,0,0,0.25); */
  font-size: 14px;
  line-height: 12px;
}
.the-bread-box-section .right-title-content .title-content .item-title:last-child::before{
  display: none;
}
.place-an-order.inner-content {
  padding-top: 70px;
  text-align: center;
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home-page .place-an-order.inner-content{
  padding-top: 20px;
}
.place-an-order.inner-content .title{
  display: block;
  width: 100%;
}
.place-an-order.inner-content .title h4{
  font-size: 28px;
  font-weight: 400;
  margin: 50px 0px 50px;
}
.place-an-order.inner-content .title h2{
  color: #381815;
  font-size: 28px;
  line-height: normal;
  font-weight: 400;
  margin: 0;
  padding-bottom: 20px;
}
.place-an-order.inner-content a:hover{
  background: #381815;
  color: #fff;
}
.left-buttonvalue a{
  background: #8CB2B3;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding: 15px 50px 18px;
  margin: 0px 2px;
  display: inline-block;
  font-family: "Westmount",sans-serif;
  font-weight: 400;
}

.right-buttonvalue a{
  background: #F59A26;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding:15px 50px 18px;
  margin: 0px 2px;
  display: inline-block;
  font-family: "Westmount",sans-serif;
  font-weight: 400;
}
.instagram-feed-section{
  padding-bottom: 150px;
}
.instagram-feed-section .instagram_gallery a{
  width: 25%;
}
.instagram-feed-section .instagram_gallery a > div{
  height: 270px;
  width: 100%;
  background-position: top;
  background-size: cover;
}
.instagram-feed-section .social-icons h3{
  font-size: 40px;
  color: #381815;
  font-family: "Westmount",sans-serif;
  font-weight: 400;
  padding-bottom: 10px;
  display: block;
  line-height: 60px;
  margin: 0;
}
/* .instagram-feed-section .instagram_profile_name .eb-icon{
height: 55px;
background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/instafeed-logo.png) no-repeat;
background-size: contain;
background-position: center;
margin-bottom: 20px;
}  */
.instagram-feed-section .social-icons .icon-list{
  display: flex;
  padding-bottom: 35px;
  padding-top: 25px;
}
.instagram-feed-section .social-icons .icon-list a{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 44px;
  height: 44px;
  margin: 0px 6px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.instagram-feed-section  .instagram_gallery{
  display: flex;
  flex-wrap: wrap;
}
.instagram-feed-section .social-icons .icon-list a.icon-facebook{
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/facebook.png);
}
.instagram-feed-section .social-icons .icon-list a.icon-twitter{
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/twitter.png);
}
.instagram-feed-section .social-icons .icon-list a.icon-instagram{
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/Insta.png);
}
.instagram-feed-section .social-icons .icon-list a.icon-linkedin-in{
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Linkedin-fina.png);
}

.instagram-feed-section .social-icons .icon-list a:hover {
  transform: scale(1.1);
} 
.instagram-feed-section .social-icons{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.service-inner-box  .right-content .right-inner-content .inner-box-image .inner-content{
  margin-right: 0;
}

/* HOME */
.header-section .main-menu .hs-menu-wrapper>ul >li a{
  display: block;
  line-height:23px;
}
.hero-section .left-content .content p{
  padding-top: 0 !important;
}


@media(min-width: 1600px){
  .hero-section .right-content .image-content img{
    width: 100%;
    object-fit: cover;
    max-height: 850px;
  }
  .about-family-inner .right-content {
    position: relative;
  }
  .about-family-inner .left-content .content{
    width :90%;
  }
}
@media(max-width:1440px){
  .hero-section h1, .hero-section .content{
    padding-left:105px;
  }
  .about-family-inner .right-content .image-content{
    right:20px;
  }
  .about-family-inner .left-content .content{
    padding-right: 20px;
  }
  .about-family-inner .right-content .image-content::after{
    left: 400px;
  }
  .body-container-wrapper{
    overflow: hidden;
  }



}
@media(max-width: 1199px){
  .our-services-inner .service-item-box:nth-child(2) {
    height: 620px;
  }
  .tasty-recipes-slide-inner{
    padding-left: 0px;
  }
  .recipe-category-list .recipe-category-list-box ul li a{
    padding: 0px 18px;
    font-size: 20px;
  }
  .our-service-list-section .our-service-list-inner{
    left: 0 !important;
    width: calc(100% - 30px);
  }
  .our-service-list-section .our-service-list-inner h2{
    padding-left: 0;
  }

}
@media(max-width: 991px){
  .hero-section .hero-section-inner{
    display: flex;
    flex-wrap: wrap;
  }
  .hero-section .hero-section-inner .right-content{
    width: 50%;
    height: 100%;
  }
  .hero-section .hero-section-inner .right-content .image-content{
    height: 100%;
  }
  .hero-section .hero-section-inner .right-content .image-content img{
    height: calc(100% - 100px);
    object-fit: cover;
    object-position: center;
  }
  .row-fluid .rise-shine-section .rise-shine-inner .left-content {
    width: 100%;
  }
  .rise-shine-section .left-content .content {
    width: 60%;
  }

  .our-services-section .our-services-inner .service-item-box {
    height: 500px;
  }
  .our-services-section .service-item-box-inner .title h2 {
    font-size: 30px;
  }
  .our-services-inner .service-item-box-inner {
    padding-bottom: 50px;
    height: calc(100% - 50px);
  }
  .service-item-box-inner .content p {
    font-size: 16px;
    line-height: 26px;
    padding: 10px;
  }
  .our-services-inner .service-item-box-inner a:before {
    bottom: -25px;
  }
  .recipe-category-list-inner .section-title:before{
    display: none;
  }
  .recipe-category-list-section .recipe-category-list-inner .section-title{
    width: 100%;
  }
  .recipe-category-list-section .recipe-category-list-inner .recipe-category-list{
    width: 100%;
  }
  .recipe-category-list .recipe-category-list-box ul li:first-child a{
    padding-left: 0;
  }
  .recipe-category-list-section .view-all-btn {
    top: 0;
    margin-top: 30px;
  }
  .hero-section {
    padding-bottom: 50px;
  }
  .place-an-order.inner-content{
    padding-top:50px;
  }
  .about-family-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .about-family-inner .left-content, .about-family-inner .right-content {
    width: 100%;
  }
  .about-family-inner .left-content{
    margin-bottom:70px;
  }
  .about-family-inner .right-content {
    right: 0;
    position: initial;
    text-align: right;  
  }
  .about-family-inner .right-content .image-content {
    position: relative;
  }
  .about-family-inner .right-content .image-content::after{
    top: initial;
    left: 350px;
  }
  .row-fluid .hero-section .left-content .title h1 {
    font-size: 40px;
    padding: 100px 50px;
  }
  .the-bread-box-section .the-bread-box-inner .left-box-content {
    width: 100%;
  }
  .row-fluid .the-bread-box-section .right-title-content {
    width: 100%;
    padding-left: 0;
  }
  .the-bread-box-section{
    padding-left: 15px;
    padding-right: 15px !important;
  }
  .the-bread-box-section .right-title-content{
    margin-top: 30px;
  }


  .tasty-recipes-inner .tasty-recipes-slide {
    padding-left: 0;
  }
  .recipe-category-list-section {
    padding-bottom: 80px;
  }
  .home-page  .dj_home_row_2_product_listing h2:before, .hs-landing-page .dj_home_row_2_product_listing h2:after{
    width: 35%;
  }
  .our-services-inner .service-item-box:nth-child(2) {
    height: 520px;
  }
  .dj_home_row_2_product_listing h2:before, .dj_home_row_2_product_listing h2:after{
    width: 34% !important;
  }
  .instagram-feed-section .social-icons h3{
    font-size: 25px;
  }
  .pop-up-menu.active .content {
    width: 90%;
  }
  .pop-up-menu.active .content h1{
    font-size: 20px;
  }
  .pop-up-menu.active .content .readmore-btn {
    font-weight: 700;
    display: block;
    width: calc(100% - 40px);
  }
  .dj_product_filter{
    margin-top: -50px !important;
  }
}
@media(max-width: 767px){
  body .instagram-feed-section .instagram_gallery a {
    width: 50%;
  }
  .instagram-feed-section .instagram_gallery a > div{
    height: 200px;
  }
  .about-family-inner .right-content .image-content::after{
    left: 300px;
  }
  .our-services-section .container{
    padding: 0;
  }
  .our-services-inner .service-item-box{
    width: 100%;
  }
  body .hero-section .left-content{
    width: 100%;
  }
  .about-family-inner .left-content, .about-family-inner .right-content {
    width: 100%;
  }

  .about-family-inner .right-content{
    position: relative;
  }
  .about-family-inner .left-content .content{
    padding-right: 0;
    padding-bottom: 30px;
  }
  .about-family-inner .right-content .image-content{
    position: relative;
  }
  .the-bread-box-section .the-bread-box-inner .left-box-content .item-box{
    width: 100%;
    margin: 0;
  }
  .the-bread-box-section .the-bread-box-inner .left-box-content{
    width: 100%;
  }
  .row-fluid .the-bread-box-section .right-title-content{
    width: 100%;
  }
  .row-fluid .the-bread-box-section .the-bread-box-inner .left-box-content .item-box .item-bread-box-post{
    height: 400px;
  }
  .the-bread-box-section .the-bread-box-inner .left-box-content .item-box {
    width: 100%;
    height: 400px;
    margin: 0 0 30px!important;
  }
  .row-fluid .the-bread-box-section .right-title-content{
    padding-left: 0;
    margin-top: 0px;
    width: 100%;
  }
  .contact-us-section {
    background-position: 0% 0%;
  }
  .row-fluid .contact-us-section .contact-us-inner{
    width: 100%;
    position: relative;
  }
  .contact-us-section .form-content fieldset.form-columns-2 .hs-form-field:not(:last-child){
    margin-bottom: 10px;
  }
  .rise-shine-section .rise-shine-inner .right-content{
    width: 100%;
    bottom: 0;
  }
  .rise-shine-section .left-content .content {
    width: 100%;
  }
  .tasty-recipes-section .tasty-recipes-inner{
    padding-left: 0 !important;
  }
  .tasty-recipes-inner .tasty-recipes-slide {
    padding-left: 0px;
  }
  .tasty-recipes-section .container {
    width: calc(100% - 40px);
  }
  .recipe-category-list-section .recipe-category-list-inner .section-title{
    font-size: 26px;
    line-height: 30px;
  }
  .recipe-category-list-section .recipe-category-list-inner .section-title span{
    font-size: 26px;
    line-height: 50px;
  }
  .recipe-category-list .recipe-category-list-box ul li{
    width: 100%;
  }
  .recipe-category-list-section .recipe-category-list .recipe-category-list-box ul li a {
    font-size: 18px;
    padding: 5px 0px;
  }
  .view-all-btn a{
    padding: 22px 40px;
  }
  .the-bread-box-section .container{
    width: calc(100% - 40px);
  }
  .the-bread-box-section{
    padding-right: 0 !important;
  }
  .the-bread-box-section .the-bread-box-inner .left-box-content .post-link {
    padding-bottom: 10px;
  }
  .the-bread-box-section .right-title-content .section-title h3{
    font-size: 18px !important;
  }
  .the-bread-box-section {
    padding-bottom: 50px;
  }
  .recipe-category-list-section {
    padding-bottom: 50px;
  }
  .rise-shine-inner .left-content h2 span{
    font-size: 25px;
  }
  .row-fluid .hero-section .left-content .title h1 {
    font-size: 25px;
    padding: 20px;
  }
  .hero-section .right-content {
    position: relative;
  }
  body .hero-section .left-content{
    order: 2;
  }
  body .hero-section .right-content{
    order: 1;
  }
  .hero-section .container{
    padding: 0;
  }
  .hero-section .hero-section-inner .right-content .image-content img {
    height: auto;
  }
  .hero-section .hero-section-inner .right-content{
    width: 100%;
  }
  body .hero-section .left-content .content {
    padding: 0px 20px;
    padding-left: 20px !important;
  }
  body .hero-section .left-content .content p{
    width: 100%;
  }
  .about-family-inner .right-content .image-content {
    right: -0px;
  }
  .left-buttonvalue a{
    font-size: 14px;
    padding: 15px 30px;
    margin-bottom: 20px;
  }
  .right-buttonvalue a{
    font-size: 14px;
    padding: 15px 30px;
  }
  .instagram-feed-section .social-icons h3{
    font-size: 24px;
  }
  .footer-section .email-subscribe .form-content form{
    display: flex;
    flex-direction: column;
    width:95%;
  }
  .footer-section .email-subscribe .form-content form .hs-input{
    width:calc(100% - 23px);
  }
  .footer-section .email-subscribe .form-content form .hs-email, .footer-section .email-subscribe .form-content form .hs_submit{
    width: 100%;
  }
  .footer-section .menu-content{
    flex-direction: row;
    align-items: center;
  }
  .contact-us-section {
    background-position: left bottom;
    position: relative;
  }
  .contact-us-section:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255, 0.8);
    z-index: 0;
  }
  .hero-section {
    margin-bottom: 00px;
  }
  .place-an-order.inner-content {
    padding-bottom: 40px;
  }
  .rise-shine-section .rise-shine-inner {

    padding-bottom: 250px;
  }
  .recipe-post-box-inner .recipe-image img{
    height: 400px;
    object-fit: cover;
  }
  .recipe-post-box-inner:hover .recipe-content {
    bottom: 20px;
  }
  .recipe-post-box-inner .recipe-content {
    background: rgb(56 24 21 / .5);
    width: 100%;
    opacity: 1;
    bottom: 20px;
  }
  .dj_home_row_2_product_listing{
    width: 100%;
  }
  .home-page .dj_home_row_2_product_listing h2:before, .hs-landing-page .dj_home_row_2_product_listing h2:after{
    display: none !important;
  }
  .rise-shine-inner .left-content h2{
    padding-bottom: 0;
  }
  .row-fluid .about-family-section {
    padding: 40px 0px 0px;
  }
  .tasty-recipes-section {
    padding: 50px 0px 0px;
  }    
  .the-bread-box-section {
    padding-left: 0 !important;
  }
  body .contact-us-section .section-title h2 {
    font-size: 28px !important;
  }
  body .instagram-feed-section {
    padding-bottom: 50px;
  }
  .our-services-inner .service-item-box:nth-child(2) {
    height: 500px;
    margin-top: 0;
  }
  .dj_home_row_2_product_listing h2:before, .dj_home_row_2_product_listing h2:after{
    display: none;
  }
  .contact-us-section .form-content fieldset.form-columns-2 > div:last-child{
    margin-left: 0;
  }
  .category-product-listing .title h2 {
    width: 100%;
    font-size: 16px !important;
    line-height: 20px;
  }
  .category-product-listing .row-number-5 .container{
    width: 100%;
    padding: 0;
  }
  .category-product-listing .row-depth-1.row-number-3 .row-fluid > .container{
    width: 100%;
    padding: 0;
  }
  .category-product-listing .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .instagram-feed-section .social-icons .icon-list{
    padding-top: 0;
  }
  .pop-up-menu.active .content{
    height: 190px;
  }
  .dj_product_filter{
    margin-top: -50px !important;
    position: absolute;
    width: auto;
    top: 0;
  }

}
@media(max-width: 500px){
  .rise-shine-section .rise-shine-inner {
    padding-bottom: 80px;
  }
  .footer-section .menu-content{
    flex-direction: column;
  }
  .category-product-listing .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}



.hs-landing-page .dj_catrgory_box_wrapper{
  margin-top: 0 !important;
  padding-top: 10px;
  margin-bottom: 0 !important;
}
.category-product-listing{
  overflow: hidden;
}
.category-product-listing .title h2{
  font-size: 22px;
  text-align: center;
  padding-top:30px;
  width: 90%;
  margin: 0 auto;
  color: #381815;
  position: relative;
}
.category-product-listing .category-inner-wrapper{
  text-align: center;
}
.category-product-listing .category-inner-wrapper .sub-title h4{
  font-size: 30px;
  font-family: "Westmount",sans-serif;
  color: #381815;
  padding-bottom: 15px;
  padding-top:20px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.category-product-listing .category-inner-wrapper .sub-title h4:before{
  position: absolute;
  content: '';
  width: 50%;
  height: 1px;
  top: 64%;
  transform: translateY(-50%);
  right: -50%;
  background: #381815;
}
.category-product-listing .category-inner-wrapper .sub-title h4:after{
  position: absolute;
  content: '';
  width: 50%;
  height: 1px;
  top: 64%;
  transform: translateY(-50%);
  left: -50%;
  background: #381815;
}
.category-product-listing .dj_catrgory_box_wrapper.mb-5{
  margin-bottom: 0 !important;
}
/*.category-product-listing .title h2:before{
position: absolute;
content: '';
width: 15%;
height: 1px;
top: 64%;
transform: translateY(-50%);
right: -20%;
background: #381815;
}*/
/*.category-product-listing .title h2:after{
position: absolute;
content: '';
width: 15%;
height: 1px;
top: 64%;
transform: translateY(-50%);
left: -20%;
background: #381815;
}*/
.dj_catrgory_box_wrapper .dj_catrgory_box_item a h3{
  transition: all 0.3s ease;
  width: calc(100% - 120px);
  padding-right: 50px;

}
.dj_catrgory_box_wrapper .dj_catrgory_box_item a:hover h3{

  padding-right: 70px;
}
.dj_catrgory_box_wrapper .dj_catrgory_box_item a h3:before{
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/arrow.png) no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
  transition: all 0.3s ease;
}

.dj_catrgory_box_wrapper .dj_catrgory_box_item a h3 span{
  z-index: 2;
  position: relative;
}
.dj_catrgory_box_wrapper .dj_catrgory_box_item a h3:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0px;
  background: #F8F4EC;
  transition: all 0.3s ease;
  z-index: 0;
  transition: all 0.3s ease;
}

.error-page .section-main-content{
  text-align: center;
  padding: 100px 0px;
}
.pop-up-menu.active .content .readmore-btn:before{
  display: none;
}
.pop-up-menu.active .content .readmore-btn:hover{
  color: #381815;
}
.pop-up-menu.active .content .readmore-btn{
  font-weight: 700;
}
#pop-up-section{
  display: none;
}
#pop-up-section.active{
  display: block;
}
body.dj_product_category .dj_product_filter ul li:before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* shop CSS */
.dj_product_category .hero-section-style-2 .hero-section-inner .left-content::before{
  display: none;
}
.dj_product_category .hero-section-style-2 .hero-section-inner {
  height: auto !important;
  align-items: unset;
}
body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content{
  padding-right: 0;
  width: 80%;
  padding-top: 0;
  z-index: 9;
}
.dj_product_category .dj_product_filter ul li{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;

}
.dj_product_category .dj_product_filter ul li small.coming-soon-text{
  width: 100%;
  text-align: center;
}
.dj_product_category .dj_product_filter ul li.active{
  background: #381815;
}
.dj_product_category .dj_product_filter ul li.active a{
  color: #F59A26;
}
body.dj_product_category .hero-section-style-2 .hero-section-inner .right-content{
  z-index: 0 !important;
  margin-top: 0px;
  top: -90px;
  height: calc(100% + 180px);
}
.dj_product_category .dj_cat_hero-section:after{
  z-index: 1 !important;
}
.dj_product_category .hero-section-style-2{
  padding-bottom: 80px;
}
.dj_breadcrumb .hs-breadcrumb-menu .hs-breadcrumb-menu-item{
  padding: 0;
}
.dj_breadcrumb .hs-breadcrumb-menu .hs-breadcrumb-menu-item{
  font-size: 16px;
  color: #381815;
  font-weight: 400;
  font-family: 'Vollkorn', serif;
}
.dj_breadcrumb .hs-breadcrumb-menu .hs-breadcrumb-menu-item.last-crumb span{
  color: #F59A26;
  display: inline-block;
  padding-left: 5px;
}
.dj_product_category .hero-section-style-2 {
  padding-top: 150px !important;
}
.dj_product_category.page  .dj_cat_hero-section {
  margin: 0px 0 76px;
}
.dj_product_category .hero-section-style-2 .hero-section-inner{
  width: 100%;
}
.dj_product_category .dj_breadcrumb{
  position: relative;
  top: -40px;
}
.dj_product_category .dj_breadcrumb .hs-breadcrumb-menu-divider:before{
  content: "|";
}
.dj_cat_hero-section .hero-section-inner .left-content .readmore-btn a:hover img{
  right: -10px;
}
.dj_cat_hero-section .hero-section-inner .left-content .readmore-btn a{
  display: inline-block;
  position: relative;
  padding-right: 18px;
  color: #F59A26;
}
.dj_cat_hero-section .hero-section-inner .left-content .readmore-btn a img{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.nav-links.btm-pagination a.disabled{
  opacity: 0.5;
}
body.dj_product_category .hero-section-style-2 .hero-section-inner .right-content .image-content{
  height: 100%;
}
body.dj_product_category .hero-section-style-2 .hero-section-inner .right-content .image-content >img{
  max-height: unset;
  margin-top: 0;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
@media(min-width: 768px){
  .dj_product_filter {
    margin-top: -90px;
    position: absolute;
    width: auto;
    top: 0;
}
}
/* body.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item a:hover h3{
width: 80%;
} */
body.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item a h3{
  transition: all 0.3s ease;
}
.dj_product_category .dj_product_filter ul li{
  position: relative;
}
.dj_product_category .dj_product_filter ul li:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/blue-down-arrow.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.dj_product_category  .hero-section-style-2 .hero-section-inner .image-content::after{
  display: none;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .image-content{
  box-shadow: none;
}
body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content{
  width: 100%;
}
/* Category */
.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p{
  max-width: 100%;
  text-overflow: none;
  overflow: hidden;
  display: block;
  white-space: normal !important;
}
.slider-main-wrapper .slider-inner-wrapper .slick-initialized .slick-slide{
  position: relative;
}
.slider-main-wrapper .slider-inner-wrapper .slick-initialized .slick-slide .featured-image-label{
  position: absolute;
  bottom: 0;
  background: rgb(248 244 236 / 0.5);
  right: 0;
  font-size: 16px;
  color: #381815;
  font-family: "Westmount",sans-serif;
  padding: 14px 40px 14px 20px;
  text-align: right;
  width: 44%;
}
.slider-main-wrapper .slider-inner-wrapper .right .product-content ul{
  flex-wrap: wrap !important;
  padding-left: 20px;
}
.slider-main-wrapper .slider-inner-wrapper .right .product-content ul li{
  margin-right: 0px;
  width: 100%;
  list-style: disc;
}
.dj_product_category .intro-section-inner-content{
  padding-top: 40px;
}
@media(max-width: 1199px){

  body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .title >h1{
    font-size: 40px;
  }
  body.dj_product_category .hero-section-style-2 .hero-section-inner .right-content {
    height: calc(100% + 100px ) !important;
    top: -50px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .right-content .image-content >img {
    height: 100% !important;
    margin-top: 0px !important;
    object-position: left !important;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .image-content {
    height: 100%;
  }
  .dj_product_category .dj_product_filter ul{
    width: 100% !important;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p{
    max-width: 100%;
  }

}
@media(max-width: 991px){
  .dj_product_category .hero-section-style-2 .hero-section-inner .left-content .title >h1{
    font-size: 40px !important;
    line-height: 40px !important;
  }
  body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p{
    white-space: normal;
    max-width: 100%;
  }
  .dj_product_category .dj_product_filter ul{
    width: 100% !important;
  }
  .dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-right: 0;
  }
  .dj_product_category .intro-section-main-content .container {
    width: calc(100% - 30px);
    padding: 0;
    margin: 0;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .right-content .image-content >img {
    max-height: unset !important;
  }

  .slider-main-wrapper .slider-inner-wrapper .slick-initialized .slick-slide .featured-image-label{
    width: 80%;
  }


}
@media(max-width: 767px){
  .dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p{
    white-space: normal !important;
  }
  body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .title >h1{
    padding-top: 20px !important;
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .image-content {
    margin-top: 0;
  }
  body.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p{
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .dj_product_category .hero-section-style-2 .hero-section-inner .left-content{
    width: 100% !important;
  }
  .dj_product_category .dj_breadcrumb{
    top: -80px;
  }
  body  .dj_product_filter {
    margin-top: 0;
  }
  body.dj_product_category .hero-section-style-2 .hero-section-inner .right-content{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.dj_product_category .dj_cat_hero-section:after{
    width: 100%;
  }
  body.dj_product_category .dj_product_filter ul li {
    padding: 5px;
    margin-right: 14px;
    font-size: 14px;
    line-height: 25px;
  }
  body.dj_product_category .dj_product_filter ul li .coming-soon-text{
    display: block;
  }
  .dj_product_category .dj_product_filter ul li:before{
    right: -3px;
  }
  body.dj_product_category .dj_product_filter ul li {
    padding: 5px 7px;
  }
  .view-cta-wrapper .dropdown h3{
    font-size: 22px;
    font-weight: 400;
  }

}



/* Product category */
.dj_product_details .product-main-content{
  position: relative;
}
.dj_product_details .product-main-content:before {
  position: absolute;
  content: '';
  width: 280px;
  height: 440px;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/background_img/second-logo.png) no-repeat;
  background-size: contain;
}

.dj_product_details .slider-main-wrapper .slider-inner-wrapper .left:before{
  display: none;
}
.dj_product_details .slider-main-wrapper .slider-inner-wrapper .right .product-content .tag{
  padding: 8px 10px 8px;
}
body.dj_product_details p{
  color: #381815;
}
body.dj_product_details .custom-related-recipe p a {
  color: #fb961f;
  display: inline-block;
  padding-right: 20px;
  position: relative;
}
body.dj_product_details .custom-related-recipe p a img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transition: all 0.3s ease;
}
body.dj_product_details .custom-related-recipe p a:hover img{
  right: -10px;
}
body.dj_product_details .dj-recipe-wrapper .dj-inner-recipe .itesm .recipe-box {
  align-items: unset;
}
body.dj_product_details .dj-recipe-wrapper .dj-inner-recipe .itesm .recipe-box .content p a{
  font-size: 18px;
  color: #381815;
  font-family: "Westmount",sans-serif;
}
.cta-wrapper .cta.gray:first-child>.cta:hover, .cta-wrapper .cta.gray .cta:hover{
  background: #381815;
  color: #fff;
}
.dj_product_details .related-goodness-wrpper .related-inner-wrapper .related-product-items .related-item .content{
  transition: all 0.3s ease;
}
.dj_product_details .related-goodness-wrpper .related-inner-wrapper .related-product-items .related-item:hover .content{
  width: 80%;
}
.dj_product_backBtn .hs-button{
  color: #f59a26 !important;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.dj_product_backBtn .hs-button:hover img{
  left: -10px;
}
.dj_product_backBtn .hs-button img{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
body .slider-main-wrapper .slider-inner-wrapper .left .slider-wrapper.slider-nav .slick-arrow{
  z-index: 9 !important;
}
@media(max-width: 991px){
  .dj_product_details .related-goodness-wrpper .related-inner-wrapper .related-product-items .related-item .content p{
    font-size: 17px;
  }
  body.dj_product_details .related-goodness-wrpper .related-inner-wrapper .related-product-items .related-item .content{
    width: 100%;
  }
}
@media(max-width: 767px){
  body.dj_product_details .product-main-content .contianer{
    padding: 0 !important;
  }
  .slider-main-wrapper .slider-inner-wrapper .right{
    margin-top: 40px;
  }
  body.dj_product_details .row-fluid .container{
    padding: 0 !important;
    width: calc(100% - 30px);
  }
  body.dj_product_details .dj-recipe-wrapper .dj-inner-recipe h2, body.dj_product_details .related-goodness-wrpper .related-inner-wrapper h2{
    line-height: 40px;
  }
  .view-cta-wrapper .dropdown{
    width: calc(100% - 40px);
  }
  .related-goodness-wrpper .container{
    width: 100% !important;
  }
  body.dj_product_details .contact-us-section .contact-us-inner .content{
    padding-top: 0;
  }
  .cta-wrapper .cta.gray .cta{
    font-size: 16px;
  }
  .related-goodness-wrpper {
    margin-top: 40px;
  }
  .slider-main-wrapper .slider-inner-wrapper .right .product-content .tag{
    font-size: 16px;
  }
  .dj_product_details .slider-main-wrapper .slider-inner-wrapper .right .product-content .tag {
    width: calc(100% - 16px);
  }
}
/* Inside Page Style */
.hero-section-style-2{
    padding-top: 45px;
    position: relative;
    background: #F5FBFA;
    overflow: hidden;
}

.hero-section-style-2 .hero-section-inner{
    display: flex;
    flex-wrap: wrap;
    height: 660px;
    align-items: center;
}
.hero-section-style-2 .hero-section-inner .left-content::before{
  position: absolute;
  content: '';
  width: 9999%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(255,255,255,1);
  z-index: -1;
}
.hero-section-style-2 .hero-section-inner .left-content{
  width: calc(50% - 40px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 50px 40px 50px 0px;
}
/* .hero-section-style-2 .hero-section-inner .left-content:before{
    position: absolute;
    content: '';
    width: 9999%;
    height: calc(100% - 100px);
    top: 40px;
    background: #fff;
    right: -50%;
    z-index: -1;
} */
.hero-section-style-2 .hero-section-inner .right-content{
    width: 50%;
    position: absolute;
    top: 45px;
    right: 0;
    text-align: right;
    display: inline-block;
    height: calc(100% - 45px);
    z-index: 9;
    /* filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.25)); */
}

.hero-section-style-2 .hero-section-inner .left-content .title h1 {
    margin: 0;
    font-size: 60px;
    line-height: 70px;
    font-weight: 400;
}
.hero-section-style-2 .hero-section-inner .left-content .readmore-btn{
    display: none;
}
.hero-section-style-2 .hero-section-inner .left-content .sub-title h5{
    font-size: 24px;
    line-height: 35px;
    color: #8cb2b3;
    font-family: "Vollkorn",sans-serif;
    font-weight: 400;
    margin: 25px 0px 10px;
}
.hero-section-style-2 .hero-section-inner .left-content .content p {
    color: #381815;
    font-size: 18px;
    line-height: 29px;
}
.hero-section-style-2 .hero-section-inner .image-content{
    position: relative;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.25);
    height: calc(100% - 60px);
}
.hero-section-style-2 .hero-section-inner .image-content img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: left;
}
.hero-section-style-2 .hero-section-inner .image-content::before{
    position: absolute;
    content: '';
    top: 20px;
    width: 100%;
    height: 100%;
    border-top: 2px solid #381815;
    border-bottom: 2px solid #381815;
    z-index: 9;
    right: -20%;
}
.hero-section-style-2 .hero-section-inner .image-content::after {
  position: absolute;
  content: '';
  width: 100px;
  height: 150px;
  top: 150px;
  left: -45px;
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/second-logo-small.png) no-repeat;
  background-size: contain;
  z-index: 3;
  transform: rotate(-40deg);
}
.intro-section-main-content{
    background: #F5FBFA;
    padding-bottom: 55px;
}
.intro-section-main-content h2{
    font-weight: 400;
    font-size: 40px;
    margin: 0;
    line-height: 50px;
    padding-bottom: 20px;
}
.intro-section-main-content h3{
    font-weight: 400;
    font-size: 30px;
    margin: 0;
    line-height: 50px;
    padding-bottom: 20px;
}

.intro-section-main-content p{
    color: #381815;
}
.our-quality-section{
    background-color: #381815;
    height: 650px;
    padding-top: 100px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.our-quality-image-box .title h2{
    color: #fff;
    font-size: 46px;
    line-height: 50px;
    font-weight: 400;
    margin: 0;
}
.our-quality-image-box .title h3{
    color: #F59A26;
    font-size: 52px;
    line-height: 60px;
    font-weight: 400;
    margin: 0;
}
.testimonial-section .container{
    width: 100%;
}
.testimonial-inner .testimonial-item-slide .testimonial-image{
    height: 520px;
    padding-bottom: 36px;
    position: relative;
}
.testimonial-inner .testimonial-item-slide .testimonial-video{
    position: relative;
}
.testimonial-inner .testimonial-item-slide .testimonial-image img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.testimonial-inner .testimonial-item-slide .testimonial-video iframe{
    height: 350px;
    width: 100%;
    margin-bottom: 36px;
}
.testimonial-inner .testimonial-item-slide .title h3{
    margin: 0;
    font-size: 23px;
    font-weight: 400;
    line-height: 30px;
}
.testimonial-inner .testimonial-item-slide .title > span{
    color: #8CB2B3;
    font-size: 16px;
    line-height: 24px;
    font-family: "Vollkorn",sans-serif;
}
.testimonial-inner .testimonial-item-slide .more-content{
  display:none;
}
/* .testimonial-inner .testimonial-item-slide .t-read-more-btn.acitve{
  display: none;
} */
/* .testimonial-inner .testimonial-item-slide .content{
  height: 200px;
  overflow: hidden;
  transition: all 0.3s ease;
} */
.testimonial-inner .testimonial-item-slide .content p, .testimonial-inner .testimonial-item-slide .more-content p{
    
    font-size: 18px;
    line-height: 30px;
    font-family: "Vollkorn",sans-serif;
    font-style: italic;
    color: #381815;
}
.testimonial-inner .testimonial-slide{
    position: relative;
}
.testimonial-inner .testimonial-slide .owl-nav{
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 99;
}
.testimonial-inner .testimonial-slide .owl-nav button.disabled{
    display: none;
}
.testimonial-inner .testimonial-slide .owl-nav button{
    position: absolute;
    outline: none !important;
}
.testimonial-inner .testimonial-slide .owl-nav button.owl-prev{
    left: 20px;
}
.testimonial-inner .testimonial-slide .owl-nav button.owl-next{
    right: 20px;
}
.testimonial-inner .testimonial-slide .owl-nav button.owl-prev, .testimonial-inner .testimonial-slide .owl-nav button.owl-prev.disabled{
    transform: rotate(-180deg);
}
.testimonial-inner .testimonial-slide  .owl-item.active  .testimonial-video, .testimonial-inner .testimonial-slide  .owl-item.active .testimonial-image{
    position: relative;
}
/* .testimonial-inner .testimonial-slide  .owl-item  .testimonial-video::before, .testimonial-inner .testimonial-slide  .owl-item .testimonial-image:before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 36px);
    top: 0;
    left: 0;
    background: #C7BB9F;
    opacity: 0.7;
} */
.testimonial-inner .testimonial-slide  .owl-item.active.center  .testimonial-video:before, .testimonial-inner .testimonial-slide  .owl-item.active.center .testimonial-image:before{
    display: none;
}
.our-team-section{
    padding: 100px 0px;
}
.our-team-section .our-team-inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;;
}
.our-team-section .our-team-inner .team-member-tab{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.our-team-section .our-team-inner .our-team-item-box{
    width: calc(33.3% - 15px);
    margin: 7px;
    padding-bottom: 26px;
}
.our-team-description-section{
    width: 100%;
}
.mb-view{
  display: none;
}
.team-member-content .desktop-view{
  display: none;
}
.team-member-content .desktop-view.active{
  display: none;
}
.our-team-section .our-team-inner .our-team-item-box .our-team-image-item img{
    height: 350px;
    width: 100%;
    object-fit: cover;
}
.our-team-section .our-team-inner .our-team-item-box .title h4, .our-team-content-inner .title h4{
    margin: 0;
    font-size: 23px;
    color: #381815;
    font-weight: 400;
    line-height: 40px;
}
.our-team-section .our-team-inner .our-team-item-box .title, .our-team-content-inner .title {
    color: #8CB2B3;
    font-size: 16px;
    font-family: "Vollkorn",sans-serif;
    display: block;
    position: relative;
}
.desktop-view .our-team-content-section{
  position: relative;
  padding-top: 30px;
}
.desktop-view .our-team-content-section .close-arrow{
  position: absolute;
  top: 0;
  right: 12px;
  color: #F59A26;
  font-size: 16px;
  font-family: "Vollkorn",sans-serif;
  cursor: pointer;
}
.sign-up-section .sign-up-inner {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}
.sign-up-section .sign-up-inner .left-content, .sign-up-section .sign-up-inner .right-content{
    background: #F8F4EC;
    padding: 90px 90px 50px;
    margin: 0px 15px;
    position: relative;
}
.place-an-order-page .sign-up-section .sign-up-inner .left-content .sign-in-btn a{
  background: #bf0000;
}
.place-an-order-page .sign-up-section .sign-up-inner .left-content .sign-in-btn a:hover{
  background: #8cb2b3;
}
.sign-up-section .sign-up-inner .left-content > div, .sign-up-section .sign-up-inner .right-content > div{
    position: relative;
    z-index: 99;
}
.sign-up-section .sign-up-inner .left-content:before, .sign-up-section .sign-up-inner .right-content:before{
    position: absolute;
    content: '';
    width: 90%;
    height: 100%;
    border-left: 2px solid #C7BB9F;
    border-bottom: 2px solid #C7BB9F;
    top: 5px;
    left: 10px;
    z-index: 0;
}
.sign-up-section .sign-up-inner .left-content:after, .sign-up-section .sign-up-inner .right-content:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 100%px;
    border-top: 2px solid #C7BB9F;
    top: 5px;
    left: 10px;
    z-index: 0;
}
.sign-up-section .sign-up-inner .title{
    font-size: 19px;
    color: #381815;
    font-family: "Westmount",sans-serif;
    padding-bottom: 30px;
}
.sign-up-section .sign-up-inner a{
    text-align: center;
    display: inline-block;
    padding: 16px 100px;
    background: #F59A26;
    color: #fff;
    font-family: "Westmount",sans-serif;
    text-transform: uppercase;
}
.sign-up-section .sign-up-inner a:hover{
    background: #8cb2b3;
    color: #fff;
}
.order-system-form .order-system-form-inner-content{
    display: block;
    width: calc(90% - 60px);
    margin: 0 auto;
}
.order-system-form .order-system-form-inner-content h3{
    color: #8CB2B3;
    text-align: right;
    font-family: "Westmount",sans-serif;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
}
.order-system-form .order-system-form-inner-content .sub-title span.hs_cos_wrapper {
    font-size: 16px;
    text-align: right;
}
.order-system-form .order-system-form-inner-content .sub-title {
    text-align: right;
}
.testimonial-section .title-section{
  font-family: "Westmount",sans-serif;
  font-size:35px;
  color:#8CB2B3;
  margin-bottom:30px;
}
.sign-up-form-section .hs-custom-form .hs-form-required{
  display:none;
}
.sign-up-form-section .hs-custom-form input{
  background:#ffffff;
  width:90%;
  padding:10px;
  border:1px solid #8CB2B3!important;
  margin-bottom:15px;
}
.sign-up-inner{
  margin-bottom:100px!important;
}
.sign-up-form-section{
  width:100%;
  max-width:1000px;
  margin-bottom:50px;
}
.sign-up-form-section form ul.hs-error-msgs{
  display: block;
    padding-left: 14px;
    position: relative;
    margin: 0;
    text-align: left;
}
.sign-up-form-section form ul.hs-error-msgs li{
  padding: 0;
}
.sign-up-form-section form ul.hs-error-msgs li label{
  font-size: 14px;
  color: red;
}
.sign-up-form-section h3{
  color: #8cb2b3;
  text-align: right;
  font-family: "Westmount",sans-serif;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  margin:50px 0px 0px;
  text-align:right;
  padding-right:30px;
}
.sign-up-form-section .submitted-message{
  font-size: 22px;
  padding-top: 30px;
  display: block;
  overflow: visible !important;
}
.sign-up-form-section p{
  font-family: 'Vollkorn',serif;
  font-size: 16px;
  line-height: 28px;
  text-align:right;
  margin: 5px 0 10px;
  padding-right: 30px;
}
.sign-up-form-section .hs_cos_wrapper_type_form h3{
  display:none;
}
.sign-up-form-section fieldset{
  max-width:100%!important;
}
.sign-up-form-section  ul li{
  list-style-type:none;
  display:inline-block;
}
.sign-up-form-section .actions{
  text-align:left;
}
.sign-up-form-section .actions input{
 width:50%;
  background:#c7bb9f;
  border-color:#c7bb9f!important;
  padding-left:15px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Westmount",sans-serif;
  color: #fff;
  padding: 8px 15px 12px;
}
.sign-up-form-section .actions input:hover{
  background:#381815;
  color: #fff;
}
.sign-up-form-section .hs-fieldtype-radio{
  text-align:left;
  padding-left:15px;
  margin:7px 0;
}
.sign-up-form-section .hs-fieldtype-radio ul{
  margin:0;
  padding-left:0;
}
.sign-up-form-section .hs-fieldtype-radio ul li span{
  margin-right:50px;
}
.our-service-list-section{
  background:#381815;
  position:relative;
  margin-top:5px;
}
.our-service-list-section .our-service-list-inner{
  position:absolute;
  text-align: right;
  top: 15%;
  left: -2%;
  z-index: 3;
}
.our-service-list-section .our-service-list-inner h2{
  color: #fff;
  font-size: 46px;
  line-height: 50px;
  font-weight: 400;
  margin: 0;
  padding-left: 40px;
}
.our-service-list-section .our-service-list-inner h3{
     color: #f59a26;
    font-size: 52px;
    line-height: 60px;
    font-weight: 400;
    margin: 0;
}
.our-service-list-section .service-inner-box{
  display:flex;
  align-items:flex-end;
}
.service-inner-box .left-content{
  width:100%;
}
.service-inner-box .right-content{
  display:flex; 
  align-items:baseline;
}
.service-inner-box .left-inner-content h4, .service-inner-box .right-inner-content h4{
  font-family: "Westmount",sans-serif;
  font-size:25px;
  color:#fff;
  font-weight:400;
  text-transform:uppercase;
  margin:0px;
}
.service-inner-box .left-inner-content h5, .service-inner-box .right-inner-content h5{
   font-family: "Vollkorn",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:23px;
  color:#fff;
  margin-bottom:0px;
  margin-top:10px;
}
.service-inner-box .left-inner-content .inner-box-image, .service-inner-box .right-inner-content .inner-box-image{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  position: relative;
}
.service-inner-box .left-inner-content .inner-box-image:before, .service-inner-box .right-inner-content .inner-box-image:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 0;
}
.service-inner-box .inner-box-image{
  display:flex;
  align-items:flex-end;
}
.service-inner-box .inner-box-image .inner-content{
  background: rgb(199, 187, 159, 0.4);
  padding: 15px 30px 15px 40px;
  margin-right: 50px;
  z-index: 2;
}
.service-inner-box .left-inner-content:first-child .inner-box-image{
  min-height:400px;
}
.service-inner-box .left-inner-content:last-child .inner-box-image{
  min-height:315px;
}
.service-inner-box .right-inner-content:first-child .inner-box-image{
  min-height:381px;
}
.service-inner-box .right-inner-content:last-child .inner-box-image{
  min-height:414px;
}
@media(max-width: 1300px){
  .sign-up-section .sign-up-inner{
    width: 100%;
  }
}
@media(max-width: 1199px){
  .sign-up-section .sign-up-inner .left-content, .sign-up-section .sign-up-inner .right-content {
    background: #F8F4EC;
    padding: 30px;
    margin: 0 15px;
    width: calc(50% - 75px);
    float: left;
  }
  .sign-up-section .sign-up-inner .left-content{
    margin-left: 0 !important;
  }
  .sign-up-section .sign-up-inner .right-content{
    margin-right: 0 !important;
  }
  .our-team-section {
    padding: 60px 0px;
}
.hero-section-style-2 .hero-section-inner .image-content::after {
  top: 50px;
}
}

@media(max-width: 991px){
  .hero-section-style-2 .hero-section-inner .left-content .title h1 {
    font-size: 36px;
    line-height: 40px;
  }
  .hero-section-style-2 .hero-section-inner .left-content .sub-title h5 {
    font-size: 18px;
    line-height: 30px;
  }
  .hero-section-style-2 .hero-section-inner .left-content .content p {
    font-size: 16px;
  }
  .hero-section-style-2 .hero-section-inner .left-content{
    padding: 20px 60px 20px 0px;
  }
  .hero-section-style-2 .hero-section-inner {
      height: 470px;
      align-items: center;
  }
  .our-quality-section{
    background-position: left;
    height: 400px;
    padding-top: 40px;
  }
  .our-quality-image-box .title h2 {
    font-size: 30px;
  }
  .our-quality-image-box .title h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .our-service-list-section .our-service-list-inner h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .our-service-list-section .our-service-list-inner h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .service-inner-box .inner-box-image .inner-content {
    padding: 15px 10px 15px 10px;
    margin-right: 10px;
}
.service-inner-box .left-inner-content h5, .service-inner-box .right-inner-content h5{
  font-size: 14px;
}
.service-inner-box .left-inner-content h4, .service-inner-box .right-inner-content h4{
  font-size: 22px;
}

  .sign-up-section .sign-up-inner a {
      padding: 6px 40px 15px;
      font-size: 16px;
  }
  .testimonial-inner .testimonial-slide .owl-nav button.owl-next {
    right: 10%;
}
 

}



@media(max-width:767px){
  .our-service-list-section .our-service-list-inner {
    position: initial;
    text-align: left;
  }
  .our-service-list-section .service-inner-box{
    flex-direction:column;
  }
  .hero-section-style-2 .hero-section-inner .left-content .title h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .hero-section-style-2 .hero-section-inner{
    height: auto;
  }
  .hero-section-style-2 .hero-section-inner .left-content{
    width: calc(100% - 20px) !important;
    padding: 20px 20px 20px 0px;
  }
  body .hero-section-style-2 .hero-section-inner .image-content {
    margin-top: 0px;
    height: 450px;
    margin-bottom: 30px;
  }
  .hero-section-style-2 .hero-section-inner .left-content .sub-title h5 {
    font-size: 18px;
    line-height: 26px;
  }
  .our-quality-image-box .title h3 {
    font-size: 30px;
    line-height: 45px;
    
  }
  .our-quality-section {
      height: 600px;
      padding-top: 40px;
      background-position: left;
  }
  .testimonial-section .title-section {
    font-size: 28px;
  }
  .our-team-section {
      padding: 50px 0px;
  }
  body .intro-section-main-content .container{
    padding: 40px 0px 0px;
  }
  .hero-section-style-2 .hero-section-inner .image-content::after{
    top: 20px;
    width: 100px;
  }
  .sign-up-section .sign-up-inner .left-content, .sign-up-section .sign-up-inner .right-content{
    margin: 10px 0px !important;
  }
  .our-service-list-section .our-service-list-inner h2{
    padding-left: 0;
  }
  .our-team-description-section .close-arrow{
    text-align: right;
    color: #F59A26;
  }
}
/* Recipies page css */

.hero-section-style-3{
    padding: 20px 0px;
    background: #F5FBFA;
    position: relative;
    height: 570px;
    overflow: hidden;
}
.hero-section-style-3 .container{
    width: 100%;
}
.hero-section-style-3 .hero-section-inner{
    display: flex;
    flex-wrap: wrap;
}
 .hero-section-style-3 .hero-section-inner .right-content{
    width: 50%;
}
.hero-section-style-3 .hero-section-inner .right-content{
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 0;
}
.hero-section-style-3 .hero-section-inner .left-content{
    position: relative;
    z-index: 1;
    width: 55%;
}
.hero-section-style-3 .hero-section-inner .left-content .breadcrumbs .breadcrumb-text{
    font-size: 16px;
    color:#381815;
    font-weight: 400;
    font-family: 'Vollkorn', serif;
}
.hero-section-style-3 .hero-section-inner .left-content .breadcrumbs .breadcrumb-text span{
    color: #F59A26;
    display: inline-block;
    padding-left: 5px;
}
.hero-section-style-3 .hero-section-inner .left-content .title h1{
    font-size: 60px;
    line-height: 70px;
    margin: 0;
    color: #381815;
    font-weight: 300;
    font-family: "Westmount",sans-serif;
}
.hero-section-style-3 .hero-section-inner .left-content .sub-title h5{
    color: #8CB2B3;
    font-family: 'Vollkorn', serif;
    font-size: 24px;
    margin: 0;
    padding-top: 18px;
    font-weight: 400;
    line-height: 32px;
    width: 89%;
    padding-bottom: 26px;
}

.hero-section-style-3 .hero-section-inner .left-content .content p{
    color: #381815;
    font-family: 'Vollkorn', serif;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}
.hero-section-style-3 .hero-section-inner .left-content .breadcrumbs{
    padding-top: 60px;
}
.hero-section-style-3 .hero-section-inner .left-content .hero-content{
    padding: 50px 50px 100px 0px;
    margin-top: 30px;
    position: relative;
}
.hero-section-style-3 .hero-section-inner .left-content .hero-content:before {
    position: absolute;
    content: '';
    width: 9999%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    z-index: -1;
}
.hero-section-style-3 .hero-section-inner .right-content .image-content{
    position: relative;
    height: 100%;
}
.hero-section-style-3 .hero-section-inner .right-content .image-content img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.hero-section-style-3 .hero-section-inner .right-content .image-content:before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 20px);
    top: 30px;
    left: 70px;
    border-top: 2px solid #381815;
    border-bottom: 2px solid #381815;
}
.latest-recipes-post-section{
    background: #F5FBFA;
    position: relative;
    padding-top: 60px;
}
.latest-recipes-post-section:before{
    position: absolute;
    content: '';
    width: 280px;
    height: 440px;
    left: 0;
    top: -150px;
    background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/background_img/second-logo.png) no-repeat;
    background-size: contain;
}
.latest-recipe-post-list{
    display: flex;
    flex-wrap: wrap;
}
.latest-recipe-post-list .recipe-post-box:first-child{
    width: calc(70% - 14px);
    margin-right: 14px;
}
.latest-recipe-post-list .recipe-post-box:last-child{
    width: calc(30% - 14px);
    margin-left: 14px;
}
.latest-recipe-post-list .recipe-post-box .recipe-post-box-inner .recipe-image img{
    height: 400px;
    object-fit: cover;
    width: 100%;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
}
.latest-recipes-post-section .recipe-post-box-inner .recipe-content{
    bottom: 12px;
    left: 0;
    background: rgb(56 24 21 / .4);
    width: calc(100% - 110px);
    padding: 30px 55px 20px;
    opacity: 1;
}
.latest-recipes-post-section .post-title {
    color: #fff;
    font-size: 25px;
    font-family: "Westmount",sans-serif;
    font-weight: 400;
    font-style: normal;
}
.latest-recipes-post-section .post-conent p{
    color: #fff;
    line-height: 24px;
    font-family: 'Vollkorn',serif;
    font-weight: 400;
    margin: 0;
    padding: 10px 0px 20px;
    text-transform: none;
    font-style: normal;
}
.latest-recipes-post-section a.readmore-btn{
    margin-left: 0;
}
.latest-recipe-post-list .recipe-post-box:last-child .recipe-content{
    padding: 30px 10px 20px 40px;
    width: calc(100% - 50px);
}
.latest-recipe-post-list .recipe-post-box-inner:hover .recipe-content{
    bottom: 12px;
}
.latest-recipes-post-section a.readmore-btn:hover::before{
    background: #fff;
}
.latest-recipes-post-section .quotes-content{
    padding: 70px 0px;
}
.latest-recipes-post-section .quotes-content-inner h2{
    color: #9C9381;
    font-size: 25px;
    font-style: italic;
    text-align: center;
    margin: 0;
    font-weight: 100;
    font-family: 'Vollkorn',serif;
    letter-spacing: 1px;
    line-height: 44px;
}
.latest-recipes-post-section .quotes-content-inner .name span{
    text-align: center;
    font-family: "Westmount",sans-serif;
    font-size: 25px;
    color: #000;
    line-height: 30px;
}
.latest-recipes-post-section .quotes-content-inner .name{
    text-align: center;
}
.recipe-lists-section .recipe-post-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px;
}
.recipe-lists-section .recipe-post-list .recipe-post-box{
    width: calc(33.3% - 28px);
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 28px;
}
.recipe-lists-section .recipe-lists-inner .recipe-post-box-inner .recipe-image img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.recipe-lists-section .recipe-lists-inner .recipe-post-box-inner .recipe-image{
    height: 400px;
}

.latest-recipes-post-section .latest-recipes-post-inner .recipe-content .post-conent h3{
    display: none;
}
.recipe-lists-section .recipe-lists-inner .recipe-post-box-inner .recipe-content{
    width: calc(100% - 50px);
    background: rgb(56 24 21 / .4);
    opacity: 1;
    padding: 30px 10px 20px 40px;
    bottom: 0px;
}
.recipe-lists-section .recipe-lists-inner .recipe-post-box-inner .recipe-content .post-title {
    font-size: 25px;
    color: #fff;
    font-family: "Westmount",sans-serif;
    line-height: 32px;
    font-weight: 400;
    padding-bottom: 10px;
}
.recipe-lists-section .recipe-lists-inner .recipe-post-box-inner a.readmore-btn{
    font-size: 16px;
    margin-left: 0;
    line-height: 18px;
}
.recipe-lists-section .recipe-post-list .recipe-post-box .recipe-post-box-inner:hover .recipe-content{
    bottom: 0px;
}
.recipe-lists-section{
    position: relative;
}
.recipe-lists-section:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 220px;
    top: 0;
    left: 0;
    background: #F5FBFA;
}
.recipe-lists-inner .recipe-lists-bottom a.load-more-btn{
    font-size: 20px;
    font-family: "Westmount",sans-serif;
    display: block;
    text-align: center;
    color: #F59A26;
    line-height: 20px;
    font-weight: 400;
    padding-top: 22px;
    cursor: pointer;
    margin-bottom: 55px;
}
.recipe-lists-inner .recipe-lists-bottom a.load-more-btn:hover{
    color: #8cb2b3;
}

.hero-section-style-3 .hero-section-inner .left-content {
    position: relative;
    z-index: 1;
    
}
.hero-section-style-3 .hero-section-inner .right-content {
    position: absolute;
    top: 40px;
    right: 0%;
    z-index: 0;
    width: 50%;
}
.hero-section-style-3 .hero-section-inner .right-content .image-content {
    position: relative;
    height: auto;
    width: 100%;
}
.recipe-header-content{
    padding-top: 100px;
    text-align: center;
}
.recipe-header-inner-content .title span{
    font-family: "Westmount", sans-serif;
    font-size: 50px;
    padding-bottom: 20px;
}
.recipe-header-inner-content .title{
    padding-bottom: 20px;
    text-align: center;
}
@media(min-width: 1601px){
    /* .hero-section-style-3 .container{
        width: 1208px;
        position: relative;
        
    } */
    /* .hero-section-style-3 .hero-section-inner .left-content{
        padding-left: 0 !important;
    } */
    .hero-section-style-3 .hero-section-inner .right-content .image-content:before{
        border-right: 2px solid #381815;
        width: calc(100% - 60px );
        height: calc(100% - 0px);
        top: 20px;
    }
    .hero-section-style-3 .hero-section-inner .right-content {
        height: calc(100% - 200px);
        padding: 100px 0px;
    }
    .hero-section-style-3 .hero-section-inner .right-content .image-content {
        height: 100%;
    }
}
@media(max-width: 1199px){
    .hero-section-style-3 .hero-section-inner .right-content .image-content{
        height: 100%;
    }
    .hero-section-style-3 .hero-section-inner .right-content .image-content img{
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .hero-section-style-3 .hero-section-inner .left-content .title h1 {
        font-size: 40px;
    }
    .hero-section-style-3 .hero-section-inner .left-content .sub-title h5{
        width: 100%;
    }
    .hero-section-style-3 .hero-section-inner .left-content .hero-content{
        padding: 50px 20px 50px 0px;
    }
}
@media(max-width: 991px){
    .hero-section-style-3 .hero-section-inner .right-content .image-content img{
        object-position: left;
    }
    .hero-section-style-3 .hero-section-inner .right-content{
        width: 65%;
        right: 0px;
    }
    .hero-section-style-3 .hero-section-inner .left-content{
        width: 80%;
    }
    .latest-recipe-post-list .recipe-post-box:first-child {
        width: calc(60% - 14px);
    }
    .latest-recipe-post-list .recipe-post-box:last-child {
        width: calc(40% - 14px);
    }
    .hero-section-style-3 .hero-section-inner .right-content {
        top: 60px;
        height: calc(100% - 80px);
    }
    .recipe-header-inner-content .title span {
        font-size: 30px;
    }
}
@media(max-width: 767px){
    .hero-section-style-3 .hero-section-inner .left-content {
        width: 100%;
    }
    .hero-section-style-3 .hero-section-inner .right-content {
        width: 60%;
        right: 15px;
    }
    .latest-recipe-post-list .recipe-post-box {
        width: 100% !important;
        margin: 0  0 30px !important;
    }
    .recipe-lists-section .recipe-post-list .recipe-post-box {
        width: calc(100% - 28px);
    }
  .hero-section-style-3 .hero-section-inner .left-content .hero-content:before{
  background: rgba(255,255,255,0.85);
  }
    .latest-recipes-post-section .quotes-content-inner h2 {
        font-size: 20px !important;
        line-height: 28px;
    }
    .hero-section-style-3 .hero-section-inner .left-content .title h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .hero-section-style-3 .hero-section-inner .left-content .hero-content {
        padding: 20px 20px 20px 0px;
    }
    .hero-section-style-3 .hero-section-inner .left-content .sub-title h5 {
        font-size: 18px;
        line-height: 26px;
    }
    .hero-section-style-3 .hero-section-inner .left-content .content p {
        font-size: 16px;
        line-height: 24px;
    }
    .our-service-list-inner .title{
        padding-left:0!important;
    }
    .service-inner-box .right-content{
      flex-direction:column;
  }
  .service-inner-box .left-content, .our-team-section .our-team-inner .our-team-item-box, .sign-up-section .sign-up-inner{
    width:100%;
  }
  .testimonial-section{
    padding-left:0!important;
  }
  .sign-up-section .sign-up-inner .left-content, .sign-up-section .sign-up-inner .right-content {
    background: #f8f4ec;
    padding: 40px 0px;
    margin-bottom: 20px;
    width: 100%;
}
  .sign-up-section .sign-up-inner a {
    padding: 16px 25px;
  }
  .our-service-list-section .our-service-list-inner h2{
    padding-top:30px;
  }
  .our-service-list-section .our-service-list-inner h3{
    font-size:36px;
    margin-bottom:30px;
  }
  .hero-section-inner{
    flex-direction:column;
  }
  .hero-section-style-2 .hero-section-inner .left-content {
    width: 100%;
    order: 2;
  }
  .hero-section-style-2 .hero-section-inner .right-content {
    width: 100%;
    position: relative;
    top: 0;
    order: 1;
  }
  .hero-section-style-2 .hero-section-inner .image-content {
    margin-top: 70px;
  }
  .testimonial-section {
    padding: 20px !important;
  }
  .testimonial-section .container{
    padding:0px!important;
  }
  .hero-section-style-3 .container {
    width: calc(100% - 30px);
}
.hero-section-style-3 .hero-section-inner .left-content .breadcrumbs {
    padding-top: 0;
}
.hero-section-style-3 .hero-section-inner .left-content {
    width: 100%;
    padding-left: 0 !important;
}
.hero-section-style-3{
    height: 100%;
}
.hero-section-style-3 .hero-section-inner .left-content .breadcrumbs {
    padding-top: 0;
    margin-top: -40px;
    padding-bottom: 50px;
}


}
@media(max-width: 500px){
    .hero-section-style-3 .hero-section-inner .right-content {
        width: 100%;
    }
}

@media(max-width: 1300px){
    .hero-section-style-3 .hero-section-inner .left-content .title h1 {
        font-size: 50px;
    }
}
/* Blog Styles */
body.hs-blog-listing{
    background: #F8F4EC;
}
.blog-listing-section .post-listing{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.blog-listing-section .post-listing .post-item {
    width: calc(33.3% - 30px);
    padding: 0px 15px 30px;
}
.blog-listing-section .post-listing .post-item .hs-featured-image{
    height: 100%;
    object-fit: cover;
    width: 100%;
    float: none;
    max-width: 100%;
    margin: 0;
}
.blog-listing-section .post-listing .post-item .post-item-inner{
    position: relative;
}
.blog-listing-section .post-listing .post-item .post-item-inner:hover .post-content{
    bottom: 100px;
}
.blog-listing-section .post-listing .post-item .post-item-inner .post-featured-image{
    height: 406px;
}
.blog-listing-section .post-listing .post-item .post-item-inner .post-content{
    position: absolute;
    bottom: 0;
    background: rgb(56 24 21 / .4);
    display: flex;
    padding: 30px 15px 24px 40px;
    flex-direction: column;
    transition: all 0.5s ease;
    width: calc(100% - 55px);
}
.blog-listing-section .post-listing .post-item .post-item-inner .post-content .post-title {
    font-size: 25px;
    color: #fff;
    font-family: "westmount",sans-serif;
    font-weight: 400;
    line-height: 30px;
}
.blog-listing-section .post-listing .post-item .post-item-inner .post-content .post-link a{
    font-size: 16px;
    margin-left: 0;
    line-height: 24px;
    display: inline-block;
    margin-top: 10px;
}
.blog-listing-section{
    padding: 100px 0px;
}
.blog.testimonial-section{
    padding-top: 58px;
    padding-left: 0 !important;
}
.blog.testimonial-section .container{
    width: 1208px;
}
.blog.testimonial-section .testimonial-content-inner .title h3{
    margin: 0;
    color: #9C9381;
    font-size: 25px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0;
    font-family: "Vollkorn",sans-serif;
    line-height: 32px;
}
.testimonial-section-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog.testimonial-section .testimonial-content-inner .name span{
    font-size: 25px;
    line-height: 34px;
    color: #000;
    font-family: "westmount",sans-serif;
    font-weight: 400;
    line-height: 30px;
}
.blog-select-box-tag .blog-select-box-tags-inner{
    text-align: right;
}
.blog.testimonial-section .blog-select-box-tags{
    background: #f59a26;
    padding: 9px 50px 12px;
    border: none !important;
    color: #fff;
    font-family: "westmount",sans-serif;
    line-height: 24px;
    outline: none !important;
    text-align: center;
    -webkit-appearance: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
.blog.testimonial-section .blog-select-box-tags:hover{
    background:#8CB2B3;
}
.subscribe-blog-section{
    padding: 30px 0px 40px;
    background: #8CB2B3;
}
.subscribe-blog-inner .form-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    align-items: flex-end;
}
.subscribe-blog-inner .form-content .title h3{
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
.subscribe-blog-inner .form-content form {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.subscribe-blog-inner .form-content .form-title{
    display: none;
}
.subscribe-blog-inner .form-content form .hs-error-msgs{
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    font-size: 14px;
}
.subscribe-blog-inner .form-content form .hs-error-msgs li{
    list-style: none;
    color: red;
}
.subscribe-blog-inner .form-content form label.hs-error-msg{
    display: block;
}
.subscribe-blog-inner .form-content form .hs-email{
    position: relative;
}
.subscribe-blog-inner .form-content form label{
    display: none;
}

 form .actions .hs-button{
     cursor: pointer;
 }
.subscribe-blog-inner .form-content form .actions .hs-button{
    background: #F59A26;
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 40px;
    font-family: "westmount",sans-serif;
    line-height: 19px;
    border-bottom: 1px solid #fff;
    position: relative;
    transition: all 0.3s ease;
}
.subscribe-blog-inner .form-content form .actions .hs-button:hover{
    background: #381815;
}
.subscribe-blog-inner .form-content form input.hs-input{
    background: transparent;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    height: 36px;
    outline: none;
}
.subscribe-blog-inner .form-content form input.hs-input::placeholder{
    font-size: 14px;
    color: #fff;
}
.hero-section-style-4{
    padding-top: 45px;
    height: 840px;
}
.hero-section-style-4 .container{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.hero-section-style-4 .left-content{
    width: calc(50% - 20px);
    margin-right: 20px;
    height: 100%;
    position: relative;
}
.hero-section-style-4 .left-content .bg-image{
    height: 100%;
    background-size: cover;
}
.hero-section-style-4 .left-content .hero-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top:21px;
    background: rgb(56 24 21 / .7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.hero-section-style-4 .right-content{
    width: calc(50% - 20px);
    margin-left: 20px;
    height: 100%;
}
.hero-section-style-4 .right-content .bg-image{
    height: 100%;
}
.hero-section-style-4 .left-content .hero-content .form-content {
    position: absolute;
    background: rgb(140 178 179 / .8);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    align-items: flex-end;
    padding: 40px 20px 40px 15px;
    width: calc(100% - 55px);
    bottom: 10px;
    z-index: 9;
}
.hero-section-style-4 .left-content .hero-content .form-content  .title h3{
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin: 0;
}
.hero-section-style-4 .left-content .hero-content .title h1{
    font-size: 50px;
    line-height: 70px;
    font-family: "westmount",sans-serif;
    color: #fff;
    margin: 0;
    font-weight: 400;
}
.hero-section-style-4 .left-content .hero-content .sub-title h5{
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-family: "Vollkorn", sans-serif;
    font-style: italic;
    padding-top: 20px;
}
.hero-section-style-4 .left-content .hero-content .sub-title-content h5{
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-family: "Vollkorn", sans-serif;
    font-size: 20px;
    padding-top: 15px;
}
.hero-section-style-4 .left-content .hero-content .form-content form {
    display: flex;
    align-items: flex-end;
}
.hero-section-style-4 .left-content .hero-content .form-content .form-title{
    display: none;
}
.hero-section-style-4 .left-content .hero-content .form-content form .hs-error-msgs{
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    font-size: 14px;
}
.hero-section-style-4 .left-content .hero-content .form-content form .hs-error-msgs li{
    list-style: none;
    color: red;
}
.hero-section-style-4 .left-content .hero-content .form-content form label.hs-error-msg{
    display: block;
    white-space: nowrap;
}
.hero-section-style-4 .left-content .hero-content .form-content form .hs-email{
    position: relative;
}
.hero-section-style-4 .left-content .hero-content .form-content form label{
    display: none;
}
.hero-section-style-4 .left-content .hero-content .form-content form .actions .hs-button{
    background: #F59A26;
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 40px;
    font-family: "westmount",sans-serif;
    line-height: 19px;
    border-bottom: 1px solid #fff;
    position: relative;
    transition: all 0.3s ease;
}
.hero-section-style-4 .left-content .hero-content .form-content form .actions .hs-button:hover{
    background: #381815;
}
.hero-section-style-4 .left-content .hero-content .form-content form input.hs-input{
    background: transparent;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    height: 36px;
    outline: none;
    width: 100%;
}
.hero-section-style-4 .left-content .hero-content .form-content form input.hs-input::placeholder{
    color: #fff;
    font-size: 14px;
}
.hero-section-style-4 .left-content .hero-content .form-content > .title{
    width: 40%;
}
.hero-section-style-4 .left-content .hero-content .form-content  .form-data{
    width: 60%;
}
.hero-section-style-4 .left-content .hero-content::before{
    position: absolute;
    content: '';
    width: 2;
    height: calc(100% - 57px);
    top: 50px;
    border-right: 2px solid #fff;
    /* border-bottom: 2px solid #fff; */
    right: 15px;
    z-index: 10;
}
.hero-section-style-4 .left-content .hero-content .form-content:before{
    position: absolute;
    content: '';
    width: calc(100% - 3px);
    height: 2px;
    bottom: -5px;
    left: -2px;
    background: #fff;
}
.hero-section-style-4 .left-content .hero-content::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 36%;
    bottom: 6px;
    border-left: 2px solid #fff;
    left: 8px;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner .blog-image{
    height: 400px;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner .blog-image img{
    height: 100%;
    width: 100%;
    float: none;
    object-fit: cover;
    margin: 0;
    max-width: 100%;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner{
    position: relative;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner .recipe-content{
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    display: block;
    padding: 30px 10px 22px 30px;
    background: rgb(56 24 21 / .4);
    transition: all 0.5s ease;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner:hover .recipe-content{
    bottom: 100px;
}
.hero-section-style-4 .right-content .latest-blog-post-list .blog-post-box:first-child{
    margin-bottom: 40px;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner .recipe-content .post-title {
    font-size: 21px;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    font-family: "westmount",sans-serif;
}
.hero-section-style-4 .right-content .blog-post-box .blog-post-box-inner .recipe-content .post-link a{
    margin-left: 0;
    font-size: 16px;
}
.blog-pagination{
    text-align: center;
}
.blog-pagination ul {
    text-align: center;
    padding-left: 0;
}
.blog-pagination ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 10px;
    width: 40px;
    height: 40px;
    background: #f59a26;
    color: #fff;
    position: relative;
}
.blog-pagination ul li a {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    line-height: 20px;
}
.blog-pagination ul .pg li {
    background: none;
}
.blog-pagination ul .pg li a{
    color: #381815;
}
.blog.testimonial-section .testimonial-section-inner .testimonial-content{
    width: 60%;
}
.blog.testimonial-section .testimonial-section-inner .blog-select-box-tag{
    width: 40%;
}
.blog.testimonial-section .blog-select-box-tags{
    width: 80%;
}
@media(max-width: 1299px){
    .blog.testimonial-section .container {
        width: 1140px;
    }
}
@media(max-width: 1199px){
    .blog.testimonial-section .container {
        width: 940px;
    }
    .hero-section-style-4 .left-content .hero-content .title h1 {
        font-size: 44px;
    }
    .blog.testimonial-section .blog-select-box-tags{
        font-size: 16px;
    }
    .blog.testimonial-section .testimonial-content-inner .title h3{
        font-size: 22px;
    }
    .blog-listing-section .post-listing .post-item .post-item-inner .post-content .post-title a {
        font-size: 22px;
        line-height: 22px;
    }
    .subscribe-blog-inner .form-content{
        width: 100%;
    }
   
}
@media (max-width: 991px){
    .blog.testimonial-section .container {
        width: 720px;
    }
    .blog-select-box-tag{
        margin-top: 30px;
    }
    .blog-listing-section .post-listing .post-item .post-item-inner .post-content{
        padding: 20px 0px 20px 15px;
        width: calc(100% - 15px);
    }
    .subscribe-blog-inner .form-content{
        width: 100%;
    }
    .subscribe-blog-inner .form-content .title {
        width: 40%;
    }
    .subscribe-blog-inner .form-content .form-data{
        width: 60%;
    }
    .subscribe-blog-inner .form-content .title h3 {
        font-size: 20px;
    }
    .subscribe-blog-inner .form-content form input.hs-input{
        width: 100%;
    }
    .hero-section-style-4 .left-content .hero-content .form-content .form-data {
        width: 100%;
        margin-top: 20px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content>.title {
        width: 100%;
    }
    .hero-section-style-4 .left-content .hero-content .sub-title h5{
        font-size: 18px;
        padding-top: 10px;
    }
    .hero-section-style-4 .left-content .hero-content .title h1 {
        font-size: 30px;
    }
    .blog.testimonial-section .testimonial-section-inner .testimonial-content{
        width: 100%;
    }
    .blog.testimonial-section .testimonial-section-inner .blog-select-box-tag{
        width: 100%;
    }
    .blog.testimonial-section .testimonial-section-inner .blog-select-box-tag .blog-select-box-tags-inner{
        text-align: left;
    }
    .hero-section-style-4 .right-content .bg-image {
        background-size: contain;
        background-repeat: no-repeat;
    }
    .hero-section-style-4{
        height: 700px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content{
        padding: 20px 20px 20px 15px;
        position: relative;
    }
    .hero-section-style-4 .left-content .hero-content .sub-title-content h5{
        font-size: 16px;
        padding-top: 5px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content:before{
        bottom: -10px;
    }
}
@media(max-width: 767px){
    .blog.testimonial-section .container {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content{
        position: absolute;
    }
    .hero-section-style-4 .left-content .hero-content{
        justify-content: flex-start;
    }
    .hero-section-style-4 .left-content .hero-content .form-content:before{
        bottom: -5px;
    }
    .hero-section-style-4 .left-content {
        width: 100%;
        margin-right: 0;
        height: 800px;
        margin-bottom: 30px;
    }
    .hero-section-style-4 {
        height: 100%;
    }
    .hero-section-style-4 .right-content {
        width: 100%;
        margin-left: 0px;
    }
    .blog-listing-section .post-listing .post-item {
        width: 100%;
    }
    .hero-section-style-4 .left-content .hero-content .title h1 {
        font-size: 34px;
    }
    .hero-section-style-4 .left-content .hero-content .sub-title h5 {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 0px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content{
        padding: 20px 20px 20px 15px;
    }
    .hero-section-style-4 .left-content .hero-content .sub-title-content h5{
        font-size: 16px;
        padding-bottom: 100px;
    }
    .hero-section-style-4 .right-content .latest-blog-post-list .blog-post-box:first-child{
        margin-bottom: 30px;
    }
    .blog.testimonial-section .testimonial-content-inner .name span {
        font-size: 20px;
    }
    .blog.testimonial-section .testimonial-content-inner .title h3 {
        font-size: 20px;
    }
    .blog-listing-section {
        padding: 50px 0px;
    }
    .blog-pagination ul li {
        width: 10px;
        height: 30px;
    }
    .blog-pagination ul li a{
        line-height: 12px;
    }
    .subscribe-blog-inner .form-content .title {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .subscribe-blog-inner .form-content .form-data {
        width: 100%;
    }
    .hero-section-style-4 .left-content .hero-content .form-content form{
        flex-wrap: wrap;
    }
    .hero-section-style-4 .left-content .hero-content .form-content form .hs-email{
        width: 100%;
        margin-bottom: 10px;
    }
    .hero-section-style-4 .left-content .hero-content .form-content form .actions .hs-button{
        border-bottom: none;
    }
    .hero-section-style-4 .left-content .hero-content .form-content form .hs-error-msgs{
        position: relative;
    }
    .hero-section-style-4 .left-content .hero-content .form-content form .hs-error-msgs li {
        padding: 0;
        line-height: 24px;
    }
    .blog-listing-section .post-listing .post-item .post-item-inner .post-content{
        width: calc(100% - 15px);
    }
    .blog.testimonial-section .blog-select-box-tags{
        width: 100% !important;
    }
    .hero-section-style-4 .right-content .bg-image {
       
        height: 575px;
        background-size: cover;
        background-repeat: no-repeat;
    }
  
}
@media(max-width: 1300px){
    .blog.testimonial-section .testimonial-content-inner .title h3{
        font-size: 22px;
    }
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .right-content{
    right: 0;
    width: 50%;
    height: 100%;
}
.hs-blog-post  .hero-section-style-3 .hero-section-inner .right-content .image-content img {
    width: 100%;
    object-fit: cover;
    object-position: left;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    width: 100%;
}
.hs-blog-post  .hero-section-style-3 .hero-section-inner .post-tag-date span{
    font-size: 20px;
    font-family: "Vollkorn",sans-serif;
}
.hs-blog-post  .hero-section-style-3 .hero-section-inner .post-tag-date span.post-data{
    color: #8CB2B3;
}

.hs-blog-post  .hero-section-style-3 .hero-section-inner .post-tag-date span.post-tag{
    color: #F59A26;
    display: inline-block;
    padding-left: 10px;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .left-content .title h1 {
    font-size: 50px;
    line-height: normal;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .left-content {
    width: 50%;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .left-content .sub-title h5{
    padding: 0;
    margin-top: 35px;
    font-size: 20px;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .right-content .image-content {
    height: calc(100% - 100px);
    padding-bottom: 90px;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .right-content .image-content:before {
    height: calc(100% - 90px);
    top: 20px;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .breadcrumbs .breadcrumb-text .item a{
    font: 16px;
    font-family: "Vollkorn",sans-serif;
    color: #F59A26;
    display: inline-block;
    padding-left: 25px;
    position: relative;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .breadcrumbs .breadcrumb-text .item a::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 6px;
    top: 50%;
    left: 0;
    background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/small-yellow-long-arrow.png) no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}
.hs-blog-post .hero-section-style-3 .hero-section-inner .breadcrumbs .breadcrumb-text .item a:hover:before{
    left: -10px;
}
body.hs-blog-post{
    background: #F8F4EC;
}
.hs-blog-post .hero-section-style-3{
    background: #F8F4EC;
}


.related-blog-section .related-blog-inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px;
}
.related-blog-section .related-blog-inner .related-blog-item{
    width: calc(33.3% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 28px;
    position: relative;
}
.related-blog-section .related-blog-inner .related-blog-item .post-image{
    height: 400px;
}
.related-blog-section .related-blog-inner .related-blog-item .post-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-blog-section .related-blog-inner .related-blog-item .post-content {
    width: calc(100% - 50px);
    background: rgb(56 24 21 / .4);
    opacity: 1;
    padding: 30px 10px 20px 40px;
    bottom: 0px;
    position: absolute;
    transition: all 0.5s ease;
}
.related-blog-section .related-blog-inner .related-blog-item .post-content > .post-title  span {
    font-size: 25px;
    color: #fff;
    font-family: "Westmount",sans-serif;
    line-height: 28px;
    font-weight: 400;
}
.related-blog-section .related-blog-inner .related-blog-item .post-content .post-link a.readmore-btn {
    font-size: 16px;
    margin-left: 0;
    line-height: 18px;
}
.related-blog-section .related-blog-inner .related-blog-item:hover .post-content{
    bottom: 0px;
}
.blog-content-section{
    padding: 30px 60px;
    background: #fff;
    margin-top: 40px;
    margin-bottom: 50px;
}
.blog-content-section .post-content .chef-detail-section .chef-detail .chef-img{
    float: left;
    padding: 0px 15px 15px 0px;
}
.blog-content-section .post-content{
    color: #381815;
}
.blog-content-section .post-content h2{
    margin: 0;
    font-size: 35px;
    font-weight: 400;
    padding-bottom: 14px;
    color: #381815;
}
.blog-content-section .post-content .image-ul{
    position: relative;
    left: 15px;
}
.blog-content-section .post-content img{
    padding: 0px 20px 20px 0px;
    display: inline-block;
}
.blog-content-section .post-content ul {
    margin: 14px 0px 30px;
    padding-left: 20px;
}
.blog-content-section .post-content h3{
    font-size: 30px;
    line-height: normal;
    margin: 0;
    color: #8CB2B3;
    font-weight: 400;
    margin-top: 10px;
}
.blog-content-section .post-content ul li{
    font-family: 'Vollkorn', serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    padding: 5px 0px;
}
.chef-detail-section .title h2{
    margin: 0;
    font-size: 35px;
    font-weight: 400;
    padding-bottom: 14px;
}
.blog-content-section .post-content .chef-detail-section .chef-detail{
    padding-bottom: 40px;
}
@media(max-width: 1199px){
    .hs-blog-post .hero-section-style-3 .hero-section-inner .left-content .title h1{
        font-size: 40px;
    }
}
@media(max-width: 991px){
    .related-blog-section .related-blog-inner .related-blog-item .post-content {
        padding: 15px 10px;
        width: calc(100% - 20px);
    }
    .related-blog-section .related-blog-inner .related-blog-item .post-content > .post-title a {
        font-size: 20px;
        line-height: 20px;
    }
    .related-blog-section .related-blog-inner .related-blog-item .post-image {
        height: 300px;
    }
    .hs-blog-post .hero-section-style-3 .hero-section-inner .left-content .title h1 {
        font-size: 30px;
        line-height: normal;
    }
    .hs-blog-post .hero-section-style-3 {
        height: 460px;
    }
   
}
@media(max-width: 767px){
    .hs-blog-post .hero-section-style-3 .hero-section-inner .right-content{
        width: 100%;
    }
    .related-blog-section .related-blog-inner .related-blog-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .hs-blog-post .hero-section-style-3 .hero-section-inner .left-content {
        width: 100%;
        padding-left: 0 !important;
        margin: 0 auto;
    }
    .hs-blog-post .body-container .row-fluid .container{
        width: calc(100% - 30px);
    }
    .blog-content-section {
        padding: 30px 15px;
    }
    .blog-content-section .post-content h3 {
        font-size: 22px;
    }
    .blog-content-section .post-content .image-ul{
    
        left: 0px;
    }
}
/* Category CSS */

//cdn2.hubspot.net/hub/8355567/hub_generated/template_assets/35663255704/1601785767340/Engelmans_theme/Coded_Files/Assets/css/components/_flex.min.css

.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .readmore-btn {
    display: block;
}
.dj_cat_hero-section {
    background: #381815;
    color: #fff;
}

.dj_cat_hero-section .hero-section-inner .left-content .title h1 {
    color: inherit;
}

.dj_cat_hero-section .hero-section-inner .left-content .content p {
    color: inherit;
}

.dj_cat_hero-section .hero-section-inner .left-content .readmore-btn {
    color: inherit;
    display: inherit;
}

.dj_cat_hero-section .hero-section-inner .left-content .readmore-btn a {
    margin-left: 0;
}
.dj_catrgory_box_item {
    position: relative;
}

.dj_catrgory_box_item h3 {
    margin: 0;
    position: absolute;
    bottom: 30px;
    left: 8px;
    background: #F8F4EC;
    line-height: 1;
    padding: 20px 20px 25px;
    width: 70%;
    font-size: 20px;
}

.dj_catrgory_box_item img {
    width: 100%;
}
.dj_catrgory_box_item_link {
    position: relative;
}


body{
  margin: 0;
  padding: 0;
}

.post-page .section.post-body ul li{
  font-size: 18px;
  line-height: 29px;
  color: #8d817d;
  margin-top: 10px;

}

h1,h2,h3,h4,h5{
  font-family: "Westmount",sans-serif;
}

body a {
  color:#F59A26 
}





/*=================================*/
/* DJ Product Category */
/* ================================*/

.dj_product_category .dj_cat_hero-section{
  background: #381815;
  color: #fff;
  position: relative;
  margin: 67px 0 76px;
}
.dj_product_category .stm_portfolio_grid .item .item_thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  max-width: 352px;
  height: 250px;
  padding: 70px;
  background: #e3e8e9;
}

.dj_product_category .dj_cat_hero-section:after {content: "";display: block;background: rgba(56, 24, 21, 0.4);position: absolute;right: 0;top: 0;bottom: 0;width: 50%;height: 100%;z-index: 99;}
.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .title >h1 {
  font-style: normal;
  font-weight: 300;
  font-size: 60px;
  line-height: 72px;
  color: #FFFFFF;
  padding-top: 75px;
  font-family: "Westmount";
}
.dj_product_category .hero-section-style-2 .hero-section-inner .image-content:before {
  display: none !important;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .left-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 99;
  padding-bottom: 35px;
  height:auto !important;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .left-content .content p {
  text-align: left;
  margin: -15px 0 14px;
  white-space: nowrap;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 35px;
  color: #F8F4EC;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .right-content {
  position: absolute;
  right: 0;
  text-align: right;
  display: inline-block;
  height: 100%;
  z-index: 9;
  margin-top: -67px;
  margin-bottom: -76px;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .image-content {
  position: relative;
  width: 100%;
}
.dj_product_category .hero-section-style-2 {
  padding-top: 82px;
}
.dj_product_category .hero-section-style-2 .hero-section-inner .right-content .image-content >img {
  width: calc(100% + 80px);
  object-position: center;
  object-fit: cover;
  display: block;
  height: 100%;
  margin-top: -44px;
  max-height: 420px;
}
.dj_product_category .hs-breadcrumb-menu li span.hs-breadcrumb-label {
  font-family: 'Vollkorn',serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #381815;
}

.dj_product_category .hs-breadcrumb-menu li {
  font-family: 'Vollkorn',serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #381815;
}
.dj_product_category .dj_product_filter ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  margin-bottom: 38px;
}
.dj_product_category .dj_product_filter ul li {
  background: rgb(248 244 236 / 0.8);
  padding: 12px 25px;
  margin-right: 14px;
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #8CB2B3;
  cursor: pointer;
}
.dj_product_category .dj_product_filter ul li:last-child {
  margin-right: 0;
}

.dj_product_category .dj_product_filter ul li a{
  color: #8CB2B3;
}

.dj_product_category .intro-section-main-content {
  padding-top: 0;
  margin-top: -35px;
  position: relative;
}

.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
  justify-content: flex-start;
}
.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item {
  -ms-flex: 0 0 calc( 33.333333% - 56px);
  flex: 0 0 calc( 33.333333% - 28px);
  max-width: calc( 33.333333% - 28px);
  margin-right: 42px;
}
.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item:nth-child(3n+3) {
  margin-right: 0;
}
.dj_product_category .intro-section-main-content .dj_catrgory_box_wrapper .dj_catrgory_box_item h3 {
  left: 8px;
  background: rgba(248, 244, 236, 0.9);
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #381815;
}
.dj_product_category .dj_cat-place-order {
  background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/background_img/place-an-order.png) no-repeat center/cover;
  position: relative;
  margin-bottom: 120px;
}
.dj_product_category .dj_cat-place-order:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(56, 24, 21, 0.6);
}
.dj_product_category .dj_cat-place-order .widget-type-custom_widget .hs_cos_wrapper > .place-an-order .place-an-order.inner-content {
  position: relative;
}
.dj_product_category .dj_cat-place-order .dj_cat_title {
  position: relative;
  text-align: center;
}
.dj_product_category .dj_cat-place-order .dj_cat_title h3 {
  margin: 0;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 34px;
  padding: 45px 0 30px;
}
.dj_product_category .dj_cat-place-order .place-an-order.inner-content {
  padding-top: 0;
  padding-bottom: 50px;
}
.dj_product_category .contact-us-section .section-title h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: 42px;
  color: #8CB2B3;
  margin: 0;
}
.dj_product_category .contact-us-section .content-text p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.03em;
  color: #381815;
  margin: 5px 0 10px;
}
.dj_catrgory_box_item img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.slider-wrapper.slider-nav .image-wrapper img {
  height: 70px;
  width: 100%;
  object-fit: cover;
}

.image-wrapper.slick-slide > img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.nav-links.btm-pagination a {
    background-color: rgb(253 154 37 / 0.5);
    padding: 5px 10px;
    display: inline-block;
    margin: 0 15px;
}

.nav-links.btm-pagination {
    text-align: center;
}

.nav-links.btm-pagination a:hover {
    background-color: rgb(253 154 37);
}

.header-container-wrapper {
    min-height: 165px;
    background-color: #381814;
}

.instagram_profile_name{
  display:none;
}

/*=================================*/
/* Product Lisitng page  */
/* ================================*/
.pop-up-menu .content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:#fff;
  width:500px;
  height:250px;
  z-index:2;
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
  z-index: 9999;
}
.pop-up-menu .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.7);
  z-index:999;
  display:none;
}

.pop-up-menu.active .overlay {
  display:block;
}
.pop-up-menu.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}
.pop-up-menu .btn-value {
  position:absolute;
 }
.dj_product_category .download-product-guide {
    padding-bottom: 45px;
    margin-top: -40px;
}
.download-product-guide a {
    color: #fb961f;
    background: url(https://f.hubspotusercontent10.net/hubfs/8355567/Engelmans_theme_2020/Icon/download-icon.png) no-repeat;
    padding-left: 40px;
}