@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300..800&family=League+Gothic&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */


/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */






/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 1124px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#5a4e45;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 14px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    color: #e3e2d7; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#806d62;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#806d62;
  }
  
  
  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #806d62; /* Icon color */
  }


    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 69px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#e3e2d7; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

}




/* Roast and Ground custom css */

* { margin: 0; }

main { overflow-x: hidden; opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; /* Safari */ }

html, body { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: 0; }

h1 { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: 0 19% .5em; font-size: 3em; line-height: 1.1em; color: #ffffff; font-weight: 400; text-align: center; }

h2 { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: .5em 19% .5em; font-size: 3em; line-height: 1em; color: #ffffff; font-weight: 400; text-align: center; }

h3 { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: 0 19% 1em; font-size: 1.5em; line-height: 1.2em; color: #806d62; font-weight: 300; text-align: center; }

h4 { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: .5em 0 0; font-size: 1.3em; line-height: 1.4em; font-weight: normal; color: #5a4e45; font-weight: 500; }

p { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: .5em; font-size: 1.3em; line-height: 1.4em; color: #ffffff; font-weight: 400; }

strong { font-weight: 500; }

p strong { font-weight: 500; }

a { color: #000000; text-decoration: none; }

a:hover { text-decoration: none; color: #806d62; }

hr { color: #635e59; background-color: #635e59; height: 1px; border: none; margin: 0 1em 1em; width: 100%; }

main ul { color: #5a4e45; font-weight: 400; text-align: left; list-style: square url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' preserveAspectRatio='xMinYMin'%3E%3Crect fill='%235a4e45' width='5' height='5'/%3E%3C/svg%3E%0A"); padding: 0 0 0 1em; margin: 0 0 1em; }

main li { margin-bottom: .25em; font-size: 1.3em; line-height: 1.4em; margin-right: .5em; }

main .article ol { color: #5a4e45; font-weight: 300; text-align: left; padding: 0 0 0 1em; margin: 0 0 1em; }

main .article li { margin-bottom: .25em; font-size: 1.3em; line-height: 1.4em; }

/* css menu */
#hs_menu_wrapper_main-menu, #hs_menu_wrapper_main-menu ul, #hs_menu_wrapper_main-menu ul li, #hs_menu_wrapper_main-menu ul li a, #hs_menu_wrapper_main-menu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#hs_menu_wrapper_main-menu:after, #hs_menu_wrapper_main-menu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#hs_menu_wrapper_main-menu #menu-button { display: none; }

#hs_menu_wrapper_main-menu { font-family: Roboto, sans-serif; }

#hs_menu_wrapper_main-menu > ul > li { float: left; }

#hs_menu_wrapper_main-menu > ul > li > a { padding: 9px 10px 15px; font-size: .9em; text-decoration: none; color: #fff; font-weight: 500; text-transform: uppercase; }

#hs_menu_wrapper_main-menu > ul > li:hover > a { color: #806d62; }

#hs_menu_wrapper_main-menu > ul > li.hs-item-has-children > a { padding-right: 30px; }

#hs_menu_wrapper_main-menu > ul > li.hs-item-has-children > a:after { position: absolute; top: 13px; right: 11px; width: 8px; height: 2px; display: block; background: #fff; content: ''; }

#hs_menu_wrapper_main-menu > ul > li.hs-item-has-children > a:before { position: absolute; top: 10px; right: 14px; display: block; width: 2px; height: 8px; background: #fff; content: ''; }

#hs_menu_wrapper_main-menu > ul > li.hs-item-has-children:hover > a:before { top: 18px; height: 0; }

#hs_menu_wrapper_main-menu ul ul { position: absolute; left: -9999px; }

#hs_menu_wrapper_main-menu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

#hs_menu_wrapper_main-menu li:hover > ul { left: auto; }

#hs_menu_wrapper_main-menu.align-right li:hover > ul { left: auto; right: 0; }

#hs_menu_wrapper_main-menu li:hover > ul > li { height: 35px; }

#hs_menu_wrapper_main-menu ul ul ul { margin-left: 100%; top: 0; }

#hs_menu_wrapper_main-menu ul ul li a { border-bottom: 1px solid #5a4e45; padding: 11px 15px; width: 235px; font-size: .9em; text-decoration: none; color: #fff; font-weight: 400; background: #28231f; }

#hs_menu_wrapper_main-menu ul ul li:last-child > a, #hs_menu_wrapper_main-menu ul ul li.last-item > a { border-bottom: 0; }

#hs_menu_wrapper_main-menu ul ul li:hover > a, #hs_menu_wrapper_main-menu ul ul li a:hover { color: #806d62; }

#hs_menu_wrapper_main-menu ul ul li.hs-item-has-children > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }

#hs_menu_wrapper_main-menu ul ul li.hs-item-has-children > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

#hs_menu_wrapper_main-menu ul ul > li.hs-item-has-children:hover > a:before { top: 17px; height: 0; }

#hs_menu_wrapper_main-menu ul ul { display: none; }

/* Show customer login link in mobile menu only */
#hs_menu_wrapper_main-menu > ul li a[href*="login"] { display: none; }
  
.mobile-open #hs_menu_wrapper_main-menu > ul li a[href*="login"] { display: block; color: #ee4036; }

/* end css menu */
.headerbox { display: grid; align-self: flex-start; justify-content: flex-end; }

.headerbox:nth-child(1) { transition: all 0.4s ease; grid-area: logo; }

.headerbox:nth-child(2) { grid-area: navigation; justify-content: flex-end; }

.headerbox:nth-child(3) { grid-area: contacts; justify-content: flex-end; }

.headerbox:nth-child(4) { grid-area: search; }

.headerwrap { display: grid; grid-gap: 0; grid-template-columns: 2em 180px auto 140px 2em; grid-template-rows: 18px 23px 23px 15px; grid-template-areas: ". . .  . ." ". logo contacts contacts ." ". logo navigation search ." ". . navigation . ."; }

.sm-wrap { display: grid; grid-gap: 0 7px; grid-template-columns: repeat(5, 15px); grid-template-rows: auto; align-self: flex-end; }

.sm-wrap svg .white { fill: #ee4036; }

header p { font-size: 1em; line-height: 1.2em; margin: 0; padding: 0 0 .25em; font-weight: 500; }

header { z-index: 100; }

header p a { color: #ee4036; padding-left: 1.5em; }

header p a:hover { color: #806d62; }

.legal { font-size: .7em; line-height: 1.3em; }
p.legal {
  font-size: 0.7em;
  line-height: 1.4em;
  padding: 0;
  color: #3c3c3b;
  text-align: left;
}

header { width: 100%; background-color: #000000; position: fixed; top: 0; -webkit-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2); }

header form { margin-top: .1em; }

header input[type="text"] { font-family: 'Roboto', Arial, sans-serif; font-size: .9em; font-weight: 500; border: 1px #ee4036 solid; height: 26px; margin: 0; outline: 0 none; padding: 5px 6px 3px; background: #000000; color: #ffffff; }

section { width: 100%; padding-bottom: 1em; padding-top: 1em; text-align: center; }

footer { width: 100%; background-color: #000000; }

.sitemap-pane { width: 100%; background-color: #27211e; }

.parallax { position: relative; min-height: 200px; background-attachment: fixed; background-position: center top; background-size: cover; }

.non-parallax { position: relative; min-height: 200px; background-position: center; background-size: cover; }

.cta-button { margin: 0; }

.wrap { width: calc(1280px - 1em); margin: 0 auto; }

.slimwrap { width: 920px; margin: 0 auto; }

section p { padding: 0 19% 1em; }

.more { font-weight: 500; text-align: center !important; }

.textgridbox-two p.more, .textgridbox p.more { padding: 1em 0; }

.textgridbox-two p.more a, .textgridbox p.more a { color: #5a4e45; }

.textgridbox-two p.more a:hover, .textgridbox p.more a:hover { color: #ee4036; }

.home section:nth-child(6) .textgridbox p.more a { color: #ffffff; }

.home section:nth-child(6) .textgridbox p.more a:hover { color: #ee4036; }

a.more { color: #ee4036; text-align: center; }

a.more:hover { color: #ee4036; text-decoration: underline; }

a.more::after { content: ">"; display: inline-block; padding: 0 0 0 .4em; }

.more a { color: #ee4036; }

.more a:hover { color: #ee4036; text-decoration: underline; }

.more a::after { content: ">"; display: inline-block; padding: 0 0 0 .4em; }

.home section:nth-child(4) .more a { padding: 0 1em; }

.cta-wrap { padding: 1em 0 2em; font-size: 1.2em; }

.hero .cta-wrap { padding: 1em 0 6em; font-size: 1.3em; }

.cta-wrap .hs-cta-wrapper { padding: 0 1em; }

.sub-hero-img { background-color: #ffffff; display: grid; grid-gap: 0 0; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-auto-flow: column; }

.sub-hero-img > div { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 33.33vw; max-height: 500px; }

.sub-hero-img > div:nth-child(2) {display: grid; align-content: center;}
.sub-hero-img > div:nth-child(2) h2 {padding-top:0;}

.two-col { display: grid; grid-gap: 0 4%; grid-template-columns: repeat(2, 48%); grid-template-rows: auto; grid-auto-flow: column; margin: 0 auto 1em; }

.two-col h3 { font-size: 1.1em; line-height: 1.4em; font-weight: 500; padding: 1em 0 .25em; }

.two-col > div p { padding: .5em 0; text-align: left; }

.grey-pane.two-col > div { align-self: center; }

.two-col img { width: 100%; height: auto; }

.ctr > div p { text-align: center; }

.home section:nth-child(2) .three-col > div p { text-align: center; }

.three-col { display: grid; grid-gap: 0 2em; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-auto-flow: column; margin: 1em auto; }

.three-col > div { height: auto; }

.three-col > div h4, .three-col > div h3 { text-align: left; }

.three-col > div p { color: #000000; margin: .5em 0; padding: 0; text-align: left; }

.three-col > div ul { margin: 0 0 1em; }

.three-col > div ul li { font-size: 1.1em; line-height: 1.4em; margin-bottom: 0; }

.three-col img { width: 100%; height: auto; }

.two-thirds { grid-template-columns: 2fr 1fr; }

.four-col { display: grid; grid-gap: 0 1em; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-auto-flow: column; margin: 0 auto 1em; }

.four-col > div { height: auto; }

.four-col img { width: 100%; height: auto; }

.csr-logos-wrap { display: flex; flex-direction: row; flex-basis: 100%; margin-top: 2em; margin-bottom: 1em; justify-content: center; }

.csr-logos-wrap > div { margin: 0 1.5em; }

.csr-logos-wrap img { max-width: 100%; max-height: 70px; height: auto; width: auto; }

.hero.front .scroll { display: block; margin: 5em 0 0; padding-bottom: .5em; }

.scroll { display: block; margin: 3em 0 0; }

.red-bar .scroll { margin: 0; }

.red-bar .scroll svg:hover { stroke: #5a4e45; }

.scrollToTop { width: 40px; height: 30px; padding: 0; text-align: center; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='32px' height='16.482px' viewBox='0 0 32 16.482' preserveAspectRatio='xMinYMin'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='31,15.482 16,1 1,15.482 '/%3E%3C/svg%3E%0A") no-repeat center center; background-color: #444; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 0; right: 100px; display: none; z-index: 999; border-radius: 4px 4px 0 0; opacity: 0.6; }

.scrollToTop:hover { text-decoration: none; opacity: 1; }

.gridwrap { width: 80%; margin: 1em auto 2em; display: grid; grid-gap: .5em 40px; grid-template-columns: auto auto; grid-template-rows: repeat(4, auto); grid-auto-flow: column; }

.gridbox:hover svg .icon-fill { fill: #ffffff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.gridbox:hover svg .icon-stroke { stroke: #ffffff; fill: none; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.icon-fill { fill: #ee4036; }

.icon-stroke { stroke: #ee4036; fill: none; }

.bulletwrap { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: 40px auto; grid-auto-flow: row; }

.bulletbox p { text-align: left; padding: .3em 0 0; }

.textgridwrap { width: 70%; margin: 0 auto 1em; display: grid; grid-gap: 0 20px; grid-template-columns: auto 350px; grid-template-rows: 250px; grid-auto-flow: column; }

.textgridbox { align-self: center; }

.textgridbox p, .textgridbox-two p { text-align: left; padding: 0 0 .5em; }

.textgridbox img, .textgridbox-two img { width: 100%; height: 100%; max-height: 250px; max-width: 350px; }

.textgridwrap-two { width: 70%; margin: 0 auto 1em; display: grid; grid-gap: 0 20px; grid-template-columns: 350px auto; grid-template-rows: auto; grid-auto-flow: column; }

.textgridbox-two { align-self: center; text-align: left; }

.textgridbox-two svg { margin: 1em 0; }

.logos { margin: .5em 0; max-width: 297.59px; max-height: 80.5px; }

.contactgridwrap { margin: 2em 15px 0; display: grid; grid-gap: 0 30px; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-auto-flow: column; }

.contactgridbox p { text-align: left; padding: 0 0 .5em; }

.contactgridbox a:hover { text-decoration: none; }

.contact-icons-gridwrap { margin: 0; display: grid; grid-gap: 0; grid-template-columns: 100%; grid-template-rows: auto; grid-auto-flow: row; }

.contact-icons-gridbox { align-self: center; text-align: left; padding: .5em 0; }

.icon-gridwrap { width: 100%; display: grid; grid-gap: 15px; grid-template-columns: 70px auto; grid-template-rows: 70px; grid-auto-flow: row; }

.icon-gridbox { align-self: auto; }

.icon-gridbox:last-child { align-self: center; }

.icon-gridbox p { margin: 0; padding: 0; }

a .icon-gridwrap .icon-fill { fill: #ffffff; }

a .icon-gridwrap p { color: #ffffff; }

a .icon-gridwrap:hover p { color: #ee4036; }

a .icon-gridwrap:hover .icon-stroke { stroke: #ee4036; }

a .icon-gridwrap:hover .icon-fill { fill: #ee4036; }

.contactgridbox form { text-align: left; }

.contactgridbox form input[type="text"], .contactgridbox form input[type="email"], .contactgridbox form input[type="tel"], .contactgridbox form textarea { font-family: 'Roboto', Arial, sans-serif; font-size: 1.1em; line-height: 1.2em; font-weight: 400; border: 0; height: auto; margin: 0.25em 0 0.5em; outline: 0 none; padding: .5em 8px; width: calc(100% - 16px); background: #fff; color: #5a4e45; }

form input[type="submit"] { font-family: 'Roboto', Arial, sans-serif; font-size: .95em; line-height: 1em; padding: .6em 1.5em; color: #ee4036; background-color: #ffffff; font-weight: 400; border: 0; margin: 0 0 .5em; cursor: pointer; }

form input[type="submit"]:hover { color: #ffffff; background-color: #ee4036; border: 0; }

form input[type="radio"] { margin-right: .5em; }

h3.form-title, .hs-form-required { display: none; }

ul.hs-error-msgs { list-style: none; color: #ffffff; margin: 0; padding: 0 0 1em; }

.bgimgA { padding-top: 7em; padding-bottom: 8em; }

section.nopad { padding-top: 0; padding-bottom: 0; }

section input[type="text"], section input[type="email"], section textarea { font-family: 'Roboto', Arial, sans-serif; font-size: .8em; line-height: 1.1em; font-weight: 400; border: 0; height: auto; margin: .5em 15px 1em; outline: 0 none; padding: 8px; width: 35%; background: #fff; color: #5a4e45; }

.home-bloglist-flexwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; align-items: flex-end; }

.home-bloglist-flexbox { margin: 0 2%; flex: 1 1 29.33%; text-align: center; font-size: 1.1em; line-height: 1.2em; font-family: 'Roboto', Arial, sans-serif; font-weight: 200; }

.home-bloglist-flexbox a { color: #000000; }

.line { border-top: 1px solid #5a4e45; width: 100%; margin-bottom: 10px; }

.home-bloglist-img-wrap { width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: 10px; }

.bloglist-img-wrap { width: 100%; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.flexwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; }

.four-col-flexbox { margin: 1em 0; flex: 1 1 25%; color: #ffffff; }

footer h4 { font-weight: 500; color: #ee4036; padding: 0 15px 0.25em; }

footer p, footer label, .blog footer label { color: #ffffff; font-size: .9em; line-height: 1.4em; padding: 0 15px 1em; }

footer a, footer strong a { color: #ffffff; }

footer a:hover, footer strong a:hover { color: #ee4036; }

.sm-flexbox svg:hover { fill: #ee4036; }

.footer-indent { margin: 0 15px 1em; }

footer input[type="text"], footer input[type="email"] { font-family: 'Roboto', Arial, sans-serif; font-size: .8em; line-height: 1.1em; font-weight: 400; border: 0; height: auto; margin: .5em 15px 1em; outline: 0 none; padding: 8px; width: 70%; background: #fff; color: #5a4e45; }

footer input[type="submit"] { font-family: 'Roboto', Arial, sans-serif; color: #ee4036; background-color: #ffffff; font-weight: 400; border: 0; margin: 0 15px .5em; cursor: pointer; }

footer input[type="submit"]:hover { color: #ffffff; background-color: #ee4036; border: 0; }

footer .cta-button { margin: 0; }

.sm-flexwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; margin: 0 15px 1em; max-width: 60%; }

.sm-flexbox { margin: 0 4% 0 0; flex: 1 1 16%; }

.sm-gridwrap { width: auto; display: grid; grid-gap: 0 10px; grid-template-columns: 25% repeat(5, 25px); grid-template-rows: 25px; grid-auto-flow: column; }

.sm-gridbox a svg .white, .four-col-flexbox a svg .white { fill: #ffffff; }

.sm-gridbox a svg:hover .white, .four-col-flexbox a svg:hover .white { fill: #ee4036; }

.nospc { padding-bottom: .25em; }

.cta-bloc h4 { color: #ffffff; font-weight: 300; font-size: 2em; line-height: 1em; text-align: left; padding: 0 15px .25em; }

.cta-bloc p { color: #ffffff; font-weight: 300; font-size: 1em; text-align: left; padding: 0 15px .25em; }

.cta-link { display: block; height: 100%; }

a.cta-link:hover { text-decoration: none; }

.cta-bloc p a { color: #ffffff; }

.cta-bloc p a:hover { color: #000000; }

.cta-bloc svg { padding: 0 15px .25em; }

.cta-bloc { text-align: left; }

.cta-bloc .icon-stroke, .contact-icons-gridwrap .icon-stroke { stroke: #ffffff; stroke-width: 2px; fill: none; }

.cta-bloc .four-col-flexbox { margin: 0; padding: 1em 0; }

.cta-bloc input[type="text"], .cta-bloc input[type="email"] { font-family: 'Roboto', Arial, sans-serif; font-size: .8em; line-height: 1.1em; font-weight: 400; border: 0; height: auto; margin: 0 15px 1em; outline: 0 none; padding: 8px; width: calc(80% - 45px); background: #fff; color: #5a4e45; }

.cta-bloc input[type="submit"] { font-family: 'Roboto', Arial, sans-serif; color: #ee4036; background-color: #ffffff; font-weight: 400; border: 0; margin: 0 15px .5em; }

.cta-bloc input[type="submit"]:hover { color: #ffffff; background-color: #d63a31; border: 0; }

.cta-bloc ul.hs-error-msgs { margin: 0 15px; }

.cta-bloc .cta-button { margin: 0; }

.cta-bloc .four-col-flexbox:nth-child(1) { background-color: #ee4036; }

.cta-bloc .four-col-flexbox:nth-child(1):hover { background-color: #d63a31; }

.cta-bloc .four-col-flexbox:nth-child(2) { background-color: #ef4a40; }

.cta-bloc .four-col-flexbox:nth-child(2):hover { background-color: #d63a31; }

.cta-bloc .four-col-flexbox:nth-child(3) { background-color: #f0544b; }

.cta-bloc .four-col-flexbox:nth-child(3):hover { background-color: #d63a31; }

.cta-bloc .four-col-flexbox:nth-child(4) { background-color: #f2655d; }

main { margin-top: 79px; }

.container { width: 100%; min-height: 550px; position: relative; }

.slide-img, .hero-slide-img { background-position: center center; background-repeat: no-repeat; background-size: cover; }

.grad { background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)); height: 100%; width: 100%; }

.slick-dots { bottom: 25px !important; }

.slick-dots li button::before { color: #ffffff !important; font-size: 10px !important; }

.slick-dotted.slick-slider { margin-bottom: 0 !important; }

.slick-track { display: flex !important; }

.slick-track .slick-slide { display: flex !important; height: auto !important; align-items: center !important; justify-content: center !important; }

.slick-prev { z-index: 50; left: 0 !important; }

.slick-next { z-index: 50; right: 0 !important; }

.slick-track .carousel-img.slick-slide { background-position: center center; background-repeat: no-repeat; background-size: contain; width: 100% !important; height: 350px !important; }

.hero p { font-size: 1.3em; line-height: 1.4em; }

section.hero.front { padding: 0; overflow-x: hidden; }

.hero.front h1 { padding: 2em 20% .25em; }

.hero.front span { color: #ee4036; }

.hero.front p.more { padding: 1em 5% 5em; }

.hero.front p { padding: .5em 19%; }

section.hero.front p:last-child { padding-bottom: 5em; }

section.white { padding-bottom: 2em; }

.hero.dark { background-color: #000000; padding: 4em 0 1em; }

.hero.dark p { padding: 0 0 1em; text-align: left; }

.hero.dark h1 { color: #ee4036; padding: .5em 0; text-align: left; text-shadow: none; }

.hero.dark .grid { margin: 0 4em; display: grid; grid-gap: 0 8%; grid-template-columns: auto 450px; grid-template-rows: auto; grid-auto-flow: column; }

.hero.dark .grid > div { align-self: flex-start; }

.hero.dark .cta-button { text-align: left; margin: 1em 0 0; }

.hero.light { background-color: #ffffff; padding: 0 0 1em; }

.hero.light p { padding: 0 0 1em; text-align: left; color: #000000; font-size: 1.25em; }

.hero.light h1 { color: #000000; padding: .5em 0; text-align: center; text-shadow: none; }

.hero.light .grid { margin: 0 4em; display: grid; grid-gap: 0 4%; grid-template-columns: 450px auto; grid-template-rows: auto; grid-auto-flow: column; }

.hero.light .grid > div { align-self: flex-start; }

.hero.light .cta-button { text-align: left; margin: 1em 0 0; }

.hero-main { background-color: #000000; margin-top: 79px; }

.section-white { background-color: #ffffff; }

.section-white p { color: #000000; }

.section-white form { margin: 1em auto; text-align: left; }

.section-white form input[type="text"], .section-white form input[type="tel"], .section-white form input[type="email"] { font-family: 'Roboto', Arial, sans-serif; font-size: 1em; line-height: 1.2em; font-weight: 400; border: 0; height: auto; margin: 0 0 1em; outline: 0 none; padding: 1em 8px; width: calc(100% - 16px); background: #fff; color: #000000; }

.section-white form p, .section-white .two-col > div p { font-size: .8em; line-height: 1.2em; padding: 2em 0 0; margin: 0; }

.section-white form ::placeholder { color: #000000; opacity: 1; }

.section-white form :-ms-input-placeholder { color: #000000; }

.section-white form ::-ms-input-placeholder { color: #000000; }

.section-lighter-coffee { background-color: #ebeae4; padding: 1em 0; }

.section-lighter-coffee h2 { color: #5a4e45; text-align: left; padding: 1em 0 .25em; }

.section-lighter-coffee p { color: #5a4e45; text-align: left; padding: .5em 0; }

.section-lighter-coffee .grid { margin: 0 4em; display: grid; grid-gap: 0 6%; grid-template-columns: 350px auto; grid-template-rows: auto; grid-auto-flow: column; }

.section-lighter-coffee .grid > div { align-self: flex-start; }

.section-lighter-coffee .cta-button { text-align: left; margin: 1em 0 0; }

.section-light-coffee { background-color: #e3e2d7; padding: 1em 0; }

.section-light-coffee h2 { color: #5a4e45; text-align: left; padding: 1em 0 .25em; }

.section-light-coffee p { color: #5a4e45; text-align: left; padding: .7em 0; }

.section-light-coffee .grid { margin: 0 4em; display: grid; grid-gap: 0 6%; grid-template-columns: auto 350px; grid-template-rows: auto; grid-auto-flow: column; }

.section-light-coffee .grid > div { align-self: flex-start; }

.section-light-coffee .cta-button { text-align: left; margin: 1em 0 0; }

.section-mid-coffee { background-color: #5a4e45; }

.section-mid-grey { background-color: #635e59; }

section.red { background-color: #ee4036; background-image: linear-gradient(to right, #ee4036 50%, #f2655d 50%); padding: 0; }

section.red-bar { background-color: #ee4036; }

section.img { background-color: #ffffff; padding: 1em; width: calc(100% - 2em); }

section.img img { width: 100%; height: 100%; max-width: 900px; max-height: 350px; }

.aag-list-wrap { margin: 1em; display: grid; grid-gap: 0 40px; grid-template-columns: auto auto; grid-template-rows: auto; grid-auto-flow: column; }

.aag-list h2 { text-align: center; padding: .5em 1em .25em; }


.threebar { display: flex; flex-flow: row wrap; justify-content: center; }
.threebar > div { flex: 0 0 33.33%; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 0 0 1em; display: inline-grid; align-items: center; min-height: 300px; text-align: center; }
.threebar > div h2 { padding: .5em 5% .25em; }
.threebar > div p { padding: 0 5% 1em; }



/* Section Colors */
.home section:nth-child(2) { background-color: #ffffff; }

.home section:nth-child(3) { padding: 0; }

.home section:nth-child(4) { background-color: #5a4e45; }

.home section:nth-child(6) { background-color: #ffffff; }

.text-bar-two { background-color: #e3e2d7; }

section.blog { background-color: #e3e2d7; padding-bottom: 2em; }

body.blog main h2 { padding: 0 19% .25em; }

section.blog label { color: #5a4e45; padding-bottom: .25em; }

section.blog ul.no-list { text-align: center; }

section.blog .slimwrap { margin: 1em auto; }

section.trustpilot { background-color: #ffffff; padding: 2em 0; }

section.contact { background-color: #635e59; padding-bottom: 3em; }

.contact section.contact { background-color: #ada9a5; }

.home section:nth-child(2) h2 { color: #806d62; }

.text-bar-one h2 { color: #806d62; }

.text-bar-two h2 { color: #806d62; }

section.grey-sec { background-color: #635e59; padding-bottom: 2em; }

section.grey-sec h2 { color: #ee4036; }

section.grey-sec a { color: #ee4036; text-decoration: none; }

section.grey-sec a:hover { color: #e3e2d7; text-decoration: underline; }

.finance section.testimonials { background-color: #ebeae4; }

section.testimonials { padding-top: 2em; padding-bottom: 2em; }

section.testimonials p { color: #5a4e45; font-size: 150%; }

section.testimonials p.red { color: #ee4036; }

section.testimonials.parallax p { color: #ffffff; }

section.testimonials span.quote { color: #ee4036; }

section.testimonials p.name { color: #ee4036; font-size: 1em; text-align: left; padding-bottom: 1em; }

section.testimonials .three-col p { text-align: left; }

section.testimonials p.subquote { font-size: 135%; }

section.testimonials p.subsubquote { font-size: 110%; }

.ctrtxt h3 { color: #5a4e45; padding: 0 0 .5em; }

.ctrtxt p { text-align: center; }

section.lt-blu-sec { background-color: #99b0bf; padding-bottom: 2em; }

section.lt-blu-sec h2 { color: #ffffff; }

section.lt-blu-sec a { color: #ee4036; text-decoration: none; }

section.lt-blu-sec a:hover { color: #e3e2d7; text-decoration: underline; }

.home section.blog h2 { color: #806d62; }

section.cta-section { background-color: #ee4036; padding-bottom: 0; }

.scroll svg { fill: none; stroke: #ffffff; }

.scroll svg:hover { fill: none; stroke: #ee4036; }

section.white h2 { color: #5a4e45; padding: .5em 12% .5em; }

section.white h2.slim { padding: .5em 24% .5em; }

section.white p { color: #5a4e45; }

section.white .three-col p { color: #5a4e45; padding: 0 0 .5em; margin: 0; }

section a { color: #ee4036; text-decoration: none; }

section a:hover { color: #000000; text-decoration: underline; }

section.white ul { color: #5a4e45; }

section.lt-coffee { background-color: #e3e2d7; padding-bottom: 2em; }

section.lt-coffee h2 { color: #5a4e45; padding: .5em 12% .5em; }

section.lt-coffee h2.slim { padding: .5em 24% .5em; }

section.lt-coffee p { color: #5a4e45; }

section.lt-coffee span { color: #ee4036; }

section.lt-coffee ul { color: #5a4e45; }

section.lt-coffee p.more { padding-top: 1em; }

section.lt-coffee .bulletbox p { color: #ee4036; }

.product h1 { color: #000000; padding: 0 19% .5em; }

.product main h3 { color: #ee4036; padding: 1em 20%; font-weight: 400; font-size: 1.8em; }

section.video { padding-top: 0; padding-bottom: 0; background-color: #000000; }

section.coffeedirect > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

section.coffeedirect > div > div { webkit-box-flex: 0; -ms-flex: 0 50%; flex: 0 50%; }

section.coffeedirect > div > div:nth-child(2) { background-color: #e3e2d7; }

section.coffeedirect h2 { padding: 1em 10% .5em; color: #806d62; }

section.coffeedirect img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; }

footer strong.unli { color: #ee4036; text-decoration: underline; }

.location section.white h2 { color: #806d62; }

.location section.white p { color: #000; }

.location section.testimonials { background-color: #ebeae4; }

.location section.bgimgA .wtlnk a { color: #fff; text-decoration: underline; }

.location section.bgimgA .wtlnk a:hover { color: #ee4036; text-decoration: underline; }

section.ltcfbg { background-color: #e3e2d7; padding-bottom: 4em; padding-top: 2em; }
section.ltcfbg h2 { color: #806d62; }
section.ltcfbg p { color: #000; }

section.redsec { background-color: #ee4036; padding: 2em 0 4em; }
section.redsec h2 { color: #ffffff; }
section.redsec p { color: #ffffff; }
section.redsec a { color: #ffffff; }

.contact h1 {padding: 1em 19% .5em;}

/* SVG & text colors */
svg path.red { fill: #ee4036; }

.white { fill: #ffffff; color: #ffffff; }

.pahov { fill: #3c3c3b; }
a svg:hover .pahov { fill: #ee4036; }

p.more a.white { color: #ffffff; }

.black { color: #000000; }

.coffee { color: #5a4e45; }

.red { color: #ee4036; }

.grey { background-color: #d7d7d7; }

a svg:hover .white { fill: #806d62; }

/* Form Elements */
form ::placeholder { color: #5a4e45; opacity: 1; }

form :-ms-input-placeholder { color: #5a4e45; }

form ::-ms-input-placeholder { color: #5a4e45; }

.four-col-flexbox ::placeholder { color: #5a4e45; opacity: 1; }

.four-col-flexbox :-ms-input-placeholder { color: #5a4e45; }

.four-col-flexbox ::-ms-input-placeholder { color: #5a4e45; }

header ::placeholder { color: #ffffff; opacity: 1; }

header :-ms-input-placeholder { color: #ffffff; }

header ::-ms-input-placeholder { color: #ffffff; }

div.input > ul { color: #ffffff; font-weight: 400; text-align: left; list-style: none; padding: 0; margin: .5em 0; }

div.input > ul input[type="checkbox"] { margin-right: 1em; }

label { color: #ffffff; }

.mobile-menu { display: none; }

.mobile-menu ul { list-style-type: none; height: auto; width: auto; padding: 0; float: right; }

.mobile-menu li { float: left; font-size: 2em; }

.mobile-menu li a { color: #ffffff; }

.mobile-menu li a:hover { color: #5a4e45; }

.breadcrumb { padding: 2em 15px 1em; width: calc(100% - 30px); background-color: #ffffff; display: flex; justify-content: center; }

.breadcrumb p { margin: 0; padding: 0; font-size: .9em; color: #5a4e45; }

.breadcrumb a { color: #000000; }

.breadcrumb ul { margin: 0; padding: 0; font-size: .9em; color: #5a4e45; list-style: none; }

.breadcrumb li { float: left; padding-left: .5em; padding-right: .5em; }

.sitemap { display: grid; grid-gap: 30px 30px; grid-template-columns: auto auto auto auto; grid-template-rows: auto; grid-auto-flow: column; margin: 0 15px; padding: 1em 0 2em; }

.tweets { display: grid; grid-gap: 2em 5%; grid-template-columns: 25% 70%; grid-template-rows: auto; grid-auto-flow: column; margin: 0; padding: 2em 1em; }

.tweet-pane { align-self: center; justify-content: flex-start; }

.tweet-pane h4 { color: #ffffff; font-size: 3.5em; line-height: 1em; font-weight: 300; margin: 0; padding: 0; text-align: left; }

.tweet-pane p { color: #ffffff; font-size: 1.2em; line-height: 1.1em; font-weight: 300; margin: 0; padding: 0; text-align: left; }

.sitemap h5 { color: #5a4e45; font-size: .9em; line-height: 1.1em; font-weight: 400; margin: 0; padding: 0 0 .5em; }

.sitemap p { color: #5a4e45; font-size: .8em; line-height: 1em; font-weight: 300; margin: 0; padding: 0 0 .25em; }

section.white .grey-pane { background-color: #d7d7d7; width: 52%; margin: 0 auto 1em; padding: 1em 5%; }

section.white .grey-pane p { text-align: left; color: #000000; padding: 0 0 .5em; }

.bloglist ul, .bloglist li { list-style: none; margin-right: 0; }

.bloglist-content img { width: 100%; height: auto; }

.bloglist { display: flex; flex-wrap: wrap; margin: .5em 0 2em; padding: 0; }

.bloglist-item { display: flex; padding: 1%; width: 98%; }

.bloglist-item h4 { color: #5a4e45; text-align: left; padding: .5em 40px .5em 15px; margin: 0; font-size: 1.4em; line-height: 1.2em; font-weight: 400; }

.bloglist-item h4 a { color: #5a4e45; }

.bloglist-item h4 a:hover { color: #ee4036; text-decoration: underline; }

.bloglist-item p { color: #806d62; padding: 0 40px .25em 15px; margin: 0; font-size: .9em; }

.bloglist-item h2, .bloglist-item h3 { color: #806d62; text-align: left; padding: 0 40px .25em 15px !important; margin: 0; font-size: .9em; line-height: 1.4em; font-weight: 400; }

.bloglist-item strong { font-weight: 400; }

a.fullpost { color: #5a4e45; padding: 2em 15px 1em; margin: 0; font-size: .9em; font-weight: 500; text-decoration: none; }

a.fullpost:hover { color: #ee4036; text-decoration: underline; }

.bloglist-content { background-color: #e3e2d7; display: flex; flex-direction: column; width: 100%; }

.bloglist-content p { flex: 0 0 auto; }

.bloglist-content p a { color: #806d62; text-decoration: none; }

.bloglist-content p a:hover { color: #ee4036; text-decoration: underline; }

.article { margin: .5em auto 1em; }

.article p { padding: 0 0 1em; margin: 0; text-align: left; }

.article h1 { padding: 1em 0 .5em; margin: 0; font-weight: 400; color: #000000; font-size: 2.8em; }

.article h2 { padding: 1em 0 0 !important; margin: 0; text-align: left; font-weight: 400; color: #5a4e45; font-size: 2em; }

.article h3 { padding: 1em 0 .5em; margin: 0; text-align: left; font-weight: 400; color: #5a4e45; }

.article li { color: #000000; font-size: 1.1em; line-height: 1.4em; }

.article ol { display: inline-block; }

.article img { width: 100%; height: auto; margin-bottom: 1em; }

.article .subpic-rgt { float: right; width: 50%; max-width: 220px; margin: 0 0 1em 1em; }

.article .subpic-lft { float: left; width: 50%; max-width: 220px; margin: 0 1em 1em 0; }

section.sign-up { background-color: #e3e2d7; }

section.sign-up .input { margin: 0 auto; }

section.recent h3 { padding: 1em 0 0; }

.author { font-size: 90%; }

.landing main h3, section.listing h3 { font-size: 2em; color: #ee4036; font-weight: 400; border-bottom: 1px solid #5a4e45; padding: 1em 0 .5em; margin: 0 1%; }

.testimonials .hero.front h1 { font-size: 2.4em; color: #ffffff; padding-bottom: 2em; }

.testimonials h2 { font-size: 2.4em; color: #ee4036; padding-bottom: 2em; }

section.testimonials h2 { font-size: 2.4em; color: #806d62; padding-bottom: .5em; }

.testimonials section.testimonials h2 { font-size: 2.4em; color: #ee4036; padding-bottom: 1em; padding-top: 0; }

.prodlist-content img { width: 100%; height: auto; }

.prodlist { display: flex; flex-wrap: wrap; margin: .5em 0 2em; padding: 0; justify-content: center; }

.prodlist-item { display: flex; padding: 1%; width: 100%; margin-bottom: 2em; }

.location h4.bicm { color: #000000; text-align: center; padding: .5em 0; margin: 0; font-size: 1.4em; line-height: 1.2em; font-weight: 500; }

.prodlist-item h4, h4.bicm { color: #000000; text-align: center; padding: .5em 1em 0; margin: 0; font-size: 1.4em; line-height: 1.2em; font-weight: 500; }

.prodlist-item h4 a, h4.bicm a { color: #000000; }

.prodlist-item h4 a:hover, h4.bicm a:hover { color: #ee4036; text-decoration: underline; }

.prodlist-item p { color: #000000; padding: 0 1em .25em; margin: 0; font-size: .9em; text-align: center; }

.prodlist-content { display: flex; flex-direction: column; width: 100%; }

.prodlist-content p, .prodlist-content h4 { flex: 1 0 auto; }

.prodlist-item p.prodmore { padding-top: 1.5em; }

#hubspot-messages-iframe-container.widget-align-right { bottom: 40px !important; }

.machines .hs-cta-wrapper { padding: 0; }

.hs_recaptcha { display: none; }

section.blog .grecaptcha-badge { margin: 0 auto; }

.search section a { font-size: 1.2em; }

.search section p { font-size: 1em; padding: 0 0 1em; }

.hs-search-field--open .hs-search-field__suggestions { background-color: #ffffff; border: 0; padding: .25em; font-size: .9em; }

.hs-search-field--open .hs-search-field__suggestions li { padding-bottom: .5em; }

.legal-consent-container p { font-size: 70%; padding-bottom: 1.5em!important; padding-top: 1.5em!important }

section.beans { padding: 3em 0; text-align: left; }

section.beans h2 { color: #806d62; padding: 0 0 .25em; text-align: left; }

section.beans p { color: #000000; padding: 0 0 .5em; text-align: left; }

section.beans .more { text-align: left !important; }

.beans-grid:nth-child(1) { grid-area: img-one; }

.beans-grid:nth-child(2) { grid-area: txt-one; }

.beans-grid:nth-child(3) { grid-area: img-two; }

.beans-grid:nth-child(4) { grid-area: txt-two; }

.beans-grid { margin: 0 4em 0 2em; display: grid; grid-gap: 2em 2em; grid-template-columns: 150px 1fr 150px 1fr; grid-template-rows: auto; grid-template-areas: "img-one txt-one img-two txt-two"; }

section.beans .cta-wrap .hs-cta-wrapper { padding: 0; }

section.beans .cta-wrap { padding: 0; }

section.see-also .three-col > div p { text-align: center; }

section.see-also .three-col > div p strong { font-weight: 400; }

section.see-also .three-col > div p a { color: #000000; }

p.subtxt { font-size: 1.3em; line-height: 1.4em; }

.location section.intro { padding-top: 3em; }

.location section.white ul { display: inline-block; margin: 0 2em 1em; }

.hs-blog-social-share {
    height: auto;
    padding-bottom: 0.5em;
    padding-top: 1em;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
ul.hs-blog-social-share-list {
  text-align: center;
}
li.hs-blog-social-share-item.hs-blog-social-share-item-twitter {
  padding: 14px 0 0 0;
}
.blog-pagination a {
  padding: 0 1em;
}
.blog-pagination {
  margin: 0 0 2em;
}
.blog-pagination a.next-posts-link::after {
	content: ">";
	display: inline-block;
	padding: 0 0 0 .4em;
}
.blog-pagination a.previous-posts-link::before {
	content: "<";
	display: inline-block;
	padding: 0 .4em 0 0;
}

.facilities section ul {
    display: inline-block;
    margin: 0 2em 1em;
}
.hs-author-social-section {
  padding: .5em 0 0;
}
.blog section.comments { background-color: #ada9a5; }

.blog section.comments p { color: #5a4e45; }

.blog section.comments .comment { border-top: 0; border-bottom: 1px solid #d7d7d7; padding-top: 0; padding-bottom: .5em; }

.blog section.comments .comment-reply-to { color: #5a4e45; padding-bottom: 1em; background-position-y: 3px; }

.blog section.comments .replying-to { color: #5a4e45; padding-bottom: 1em; padding-top: 1em; }

.blog section.comments .replying { padding-left: 0; }

.blog section.comments form { padding-top: 1em; }

.blog section.comments h3 { color: #ffffff; padding-top: .5em; }

.blog section.sign-up h3 { padding-top: .5em; }

#hs_form_target_dfffcd00-7929-4e5d-9bbd-f15180cfcb0a { padding-top: 1em; }

.blog ul.hs-error-msgs { display: inline-block !important; }

.blog main label { color: #5a4e45; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }

sub { top: 0.4em; }

.sidetab {
  position: fixed;
  background-color: #ee4036;
  width: 72px;
  height: 80px;
  top: 20%;
  right: 0;
  z-index: 99999;
}
.sidetab svg.svgdesktop {
  display: block;
  width: 52px;
  height: 70px;
  padding: 5px 10px;
}
.sidetab svg.svgmobile {
  display: none;
}
a .sidetab svg:hover {
  fill: #fff;
}
@media (max-width: 600px) {
  .sidetab {
    position: fixed;
    background-color: #ee4036;
    width: 100%;
    height: 45px;
    top: unset;
    left: 0;
    bottom: 0;
  }
  .sidetab svg.svgdesktop {
    display: none;
  }
  .sidetab svg.svgmobile {
    display: block;
    width: 135px;
    height: 45px;
    padding: 0 10px;
  }
}

/*  Feb 2022 updates  */

.three-img-bar {
  display: flex;
  flex-flow: row wrap;
  margin: 0 .5em;
}
.three-img-bar > div {
  flex: 0 0 calc(33.33% - 7em);
  margin: 0 .5em;
  background-color: #659127;
  padding: 5em 3em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
}

@media (max-width: 1000px) { 
  .three-img-bar > div {
    flex: 0 0 calc(100% - 7em);
  }
}
.three-img-bar h3 {
  color: #fff;
  padding: 0 0 .5em;
  font-size: 2em;
  font-weight: 500;
}
.three-img-bar h2 {
  color: #fff;
  padding: 0 0 .5em;
}
.three-img-bar p {
  color: #fff;
  padding: 0 0 1em;
}
.full-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10em 0;
}
.full-img h2 {
  padding: 0.5em 0 0.25em;
}
.full-img p {
  padding: 0 0 1em;
}
.csrB section.hero.front {
  height: auto;
}
.csrB section.hero.front .slick-slide {
  height: unset;
}
.csrB .hero.front .slide-img h1 {
  padding: 2em 0 .25em;
  font-size: 4em;
}
.csrB .hero.front .slide-img p {
  padding: 0 0 0.5em;
  font-size: 1.6em;
}
.csrB section.white h2, .csrB section.lt-coffee h2 {
  padding: .5em 0 .5em;
  color: #575c63
}
.csrB section.white p, .csrB section.lt-coffee p {
  padding: 0 0 1em;
  color: #575c63;
}
.csrB section.white, .csrB section.lt-coffee {
  padding: 3em 0;
}
.csrB section.white h4, .csrB section.lt-coffee h4 {
  color: #575c63;
}
.csrB section.white p {
    padding: 0 0 1em;
}


.csrB .three-col > div h4, .csrB .three-col > div p {
  text-align: center;
  color: #575c63;
}
.csrB .two-col > div p {
  text-align: center;
}
.csrB section.lt-coffee ul {
  color: #575c63;
}

.csrB .csr-two-col { display: flex; flex-flow: row wrap; margin: 0 auto 1em; justify-content: center; }
.csrB .csr-two-col > div {flex: 0 0 30%; margin: 1em;}

.csrB .csr-three-col { display: flex; flex-flow: row wrap; margin: 0 auto 1em; justify-content: center; }
.csrB .csr-three-col > div {flex: 0 0 calc(33.33% - 1em); margin: 0 .5em 1em;}

.csrB section.lt-coffee ul {
  list-style: none;
  padding: 0 0 0 2em;
}
.csrB section.lt-coffee li {
  margin-bottom: .5em;
}
.csrB section.lt-coffee ul > li::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBmaWxsPSIjNjU5MTI3IiBkPSJNMjAgLjVjLTIuNSAyLjYtNC44IDUuNC03IDguMnMtNC4yIDUuNy02IDguN2MtLjEuMi0uMy41LS41LjlDNS45IDE5LjQgNSAyMCAzLjkgMjBjLS41IDAtLjktLjEtMS4yLS4ycy0uNi0uNC0uOS0uN2MtLjItLjMtLjQtLjctLjYtMS4xcy0uNC0xLjItLjctMi4xYzAtLjEgMC0uMS0uMS0uMi0uMy0xLS40LTEuNy0uNC0xLjkgMC0uNS4zLTEgMS0xLjRzMS4zLS42IDEuOS0uNmMuMiAwIC40LjEuNS4yLjEuMS4zLjQuNC43LjEuMi4yLjUuNC45LjMuOS42IDEuMy44IDEuMy4yIDAgLjktMSAyLjMtM0E4NiA4NiAwIDAgMSAxMC41IDdjMS4zLTEuOCAyLjItMy4xIDIuOS0zLjkuNy0uOCAxLjMtMS40IDEuOC0xLjguNS0uNCAxLjEtLjcgMS44LS45LjctLjIgMS43LS40IDIuOC0uNGwuMi41eiIvPgo8L3N2Zz4=");
  display: block;
  float: left;
  margin-left: -30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.csrB .three-col img {
  width: auto;
  height: auto;
}
.csrB .two-col img:nth-child(1) {
  width: 250px;
  height: 165px;
}

.csrB p.subtxt {
    font-size: 1.3em;
    line-height:1.4em
}

@media (max-width: 600px) { 
  .three-img-bar h3 {
    font-size: 1.6em;
  }
  .csrB .hero.front .slide-img h1 {
    font-size: 3em;
  }
  .csrB .hero.front .slide-img p {
    font-size: 1.4em;
  }
  .csrB .csr-three-col > div {
    flex: 0 0 calc(100% - 2em);
  }
  
}






.csrB .slick-track { height: 100%; }
.csrB .slick-track .slick-slide { display: flex !important; align-items: center !important; justify-content: center !important; }
.csrB section.hero.front p:last-child { padding-bottom: 6em; }
.csrB .grad { display: flex; align-items: center; }

@media (max-width: 600px) { 
  .three-img-bar h3 {
    font-size: 1.6em;
  }
  .csrB .hero.front .slide-img h1 {
    font-size: 3em;
  }
  .csrB .hero.front .slide-img p {
    font-size: 1.4em;
  }
  .csr-three-col > div {
    flex: 0 0 calc(100% - 2em);
  }
  
}
@media (max-width: 400px) { 
  .csrB .hero.front .slide-img h1 {
    font-size: 2em;
  }
  .csrB .hero.front .slide-img p {
    font-size: 1.2em;
  }
}

/*  end Feb 2022 updates  */


/*  new coffee page Mar22  */

.hero.front.heromod {
  height: auto;
}
.hero.front.heromod .slick-slide {
  height: unset;
}
.hero.front.heromod .slide-img h1 {
  padding: 3em 0 .25em;
  font-size: 4em;
}
.hero.front.heromod .slide-img p {
  padding: .5em 0;
  font-size: 1.6em;
}
.hero.front.heromod p:last-child { 
  padding-bottom: 8em;
}
p.subtxt {
    font-size: 1.3em;
    line-height:1.4em;
    padding: 0 0 1em;
}
@media (max-width: 992px) {
  .hero.front.heromod .slide-img h1 {
    font-size: 2.5em;
  }
  .hero.front.heromod .slide-img p {
    font-size: 1.3em;
  }
  p.subtxt {
      font-size: 1.2em;
      line-height:1.4em;
  }
}

/*  end new coffee page Mar22  */


/*  Jan23 updates  */
			
			.coffee-box {
				background-color: #e9e9e9;
				padding: 1em 0;
			}
			.coffee-box h2 {
				color: #000000;
				font-size: 2em;
			}
			.coffee-box h3 {
				color: #000000;
				text-align: left;
				font-weight: 400;
				padding: 0;
			}
			.coffee-box p {
				color: #000000;
				padding: 0 0 0.5em;
			}
			.coffee-box hr {
				margin: 0.5em 0 1em;
			}
			.coffee-box img {
				padding-top: 2em;
			}
			@media (max-width: 992px) {
			  
			  
			}
			.threeimgbar {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        margin: 3em 15px 2em;
      }
      .threeimgbar > div {
        flex: 0 0 calc(33.33% - 30px);
        margin: 0 15px;
      }
      .threeimgbar > div:nth-child(3) {
        padding-bottom: 30px;
      }
      .threeimgbar > div img {
        width: 100%;
        height: auto;
      }

			/*  end Jan23 updates  */

.hs-search-field form {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 80%;
  max-width: 600px;
  margin: 1em auto 0;
}
.hs-search-field--open .hs-search-field__suggestions {
    background-color: #e3e2d7;
    max-width: calc(600px - 0.5em);
    margin: 0 auto 2em;
}
.hs-search-field__bar input.hs-search-field__input[type=text] {
    color: #5a4e45;
    font-family: Roboto,Arial,sans-serif;
    font-size: 1em;
    font-weight: 400;
    height: 40px;
    line-height: 1.1em;
    padding: 10px;
  border-radius: 0px;
  border: 1px solid #5a4e45;
  outline: 0;
  box-sizing:border-box;
}
.hs-search-field__bar button {
  color: #fff;
  background-color: #5a4e45;
  font-size: 1em;
  font-weight: 400;
  height: 40px;
  line-height: 1.1em;
  padding: 10px;
  border-radius: 0px;
  border: 1px solid #5a4e45;
  outline: 0;
  box-sizing:border-box;
}
.hs-search-field__bar button span svg {
  height: 1em;
  width: auto;
}
.hs-search-field__bar button span svg path {
  fill: #fff;
}
.hs-search-field__bar button:hover {
  cursor: pointer;
}
.hs-search-field__bar button:hover span svg path {
  fill: #ee4036;
}
.blog .section-white form input[type=text] {
  margin: 0;
}

.full-img .slimwrap {
  max-width: 1080px;
  width: unset;
  padding: 0 2em;
}






.coffeebean main h2 {
	padding: 0.5em;
}

.coffeebean .textpane h3 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: #000;
	font-size: 4em;
	text-transform: uppercase;
	padding: 0.5em 0.5em 0.25em;
}

.coffeebean .textpane p {
	color: #000;
	padding: 0 1em 1em;
	font-size: 1.4em;
	font-weight: 400;
}
.coffeebean .textpane {
	padding: 1em 0 3em;
}
.coffeebean .picpane {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.coffeebean .picpane p {
	font-family: "Google Sans Code", monospace;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	font-size: 1.8em;
	padding: 5em 58% 5em 2em;
}
.coffeebean .picpane.alt p {
	padding: 5em 2em 5em 60%;
}
.coffeebean .specs h4 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: #fff;
	font-size: 2.6em;
	text-transform: uppercase;
	padding: 0.5em 0 0.25em;
}
.coffeebean .specs p {
	text-align: center;
	font-family: "Google Sans Code", monospace;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1.2em;
}
.coffeebean .specs p strong {
	font-weight: 700;
}
.coffeebean .specs svg {
	margin-bottom: 0.5em;
}
.coffeebean section.white h2 {
	color: #000;
}
.coffeebean section.white p {
	color: #000;
	font-weight: 400;
	font-size: 1.4em;
  text-align: center;
}
.coffeebean section.white .three-col > div {
//	border-bottom: 2px solid #000;
	margin: 0 0 0.5em;
}
.coffeebean section.white .three-col {
	margin: 0 30px 1em;
}
.coffeebean section.specs {
	padding: 0;
}
.coffeebean .specgrid {
	display: flex;
}
.coffeebean .specgrid > div:nth-child(1) {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	flex: 0 0 50%;
}
.coffeebean .specgrid > div:nth-child(2) {
	flex: 0 0 50%;
	padding: 2em 0;
	display: inline-flex;
	justify-content: flex-start;
}

.coffeebean .specgrida {
	display: flex;
}
.coffeebean .specgrida > div:nth-child(1) {
	flex: 0 0 50%;
	padding: 2em 0;
	display: inline-flex;
	justify-content: flex-end;
}
.coffeebean .specgrida > div:nth-child(2) {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	flex: 0 0 50%;
}
.coffeebean .specwrap {
	width: 100%;
	max-width: 640px;
	padding: 0 1em;
}
.coffeebean .carousel h3 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: #000;
	font-size: 2.8em;
	text-transform: uppercase;
	padding: 0.5em 0.5em 0.25em;
  text-align: center;
}
.coffeebean .carousel .slick-track .slick-slide {
  display: unset!important;
}
.coffeebean main .imgwrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
}
.coffeebean main .imgwrap img {
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}
.coffeebean .carousel .slick-slide {
	margin: 0 15px;
	padding-bottom: 1em;
	border-bottom: 2px solid #000;
}
.coffeebean .three-col img.prevnext {
	z-index: 1;
	margin: 0;
	width: 18px;
	height: 29px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	left: -20px;
}
.coffeebean .three-col img.next {
	right: -20px;
	left: unset;
}
a.packlink:hover {
	text-decoration: none;
}
a.packlink:hover h3, a.packlink:hover p {
	color: #85766b;
}


  
/* Responsive */

@media screen and (min-width: 2200px) {
  p.subtxt, main h3, main h4, p, .csrB p.subtxt {
    font-size: 1.6em;
  }
}

@media only screen and (min-width: 1125px) { #hs_menu_wrapper_main-menu ul { display: block !important; } 
  .headerbox:nth-child(2) { grid-column: 3 / 5; } }

@media (max-width: 1124px) { #hs_menu_wrapper_main-menu { display: none; } }

@media (max-width: 1124px) { .headerbox { display: grid; align-self: flex-start; }
  .headerbox:nth-child(2) { justify-content: stretch; }
  #hs_menu_wrapper_main-menu > ul > li > a { padding: 17px; font-size: 12px; }
  #hs_menu_wrapper_main-menu ul ul li a { font-size: 12px; }
  #hs_menu_wrapper_main-menu > ul > li > a { color: #5a4e45; }
  #hs_menu_wrapper_main-menu { width: 100%; display: none; }
  #hs_menu_wrapper_main-menu ul { width: 100%; background-color: #e3e2d7; }
  #hs_menu_wrapper_main-menu ul li { width: 100%; border-top: 1px solid #5a4e45; }
  #hs_menu_wrapper_main-menu ul ul li, #hs_menu_wrapper_main-menu li:hover > ul > li { height: auto; }
  #hs_menu_wrapper_main-menu ul li a, #hs_menu_wrapper_main-menu ul ul li a { width: 100%; border-bottom: 0; }
  #hs_menu_wrapper_main-menu > ul > li { float: none; }
  #hs_menu_wrapper_main-menu ul ul li a { padding-left: 25px; }
  #hs_menu_wrapper_main-menu ul ul ul li a { padding-left: 35px; }
  #hs_menu_wrapper_main-menu ul ul li a { color: #5a4e45; background: none; }
  #hs_menu_wrapper_main-menu ul ul li:hover > a, #hs_menu_wrapper_main-menu ul ul li.active > a { color: #806d62; }
  #hs_menu_wrapper_main-menu ul ul, #hs_menu_wrapper_main-menu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
  #hs_menu_wrapper_main-menu > ul > li.hs-item-has-children > a:after, #hs_menu_wrapper_main-menu > ul > li.hs-item-has-children > a:before, #hs_menu_wrapper_main-menu ul ul > li.hs-item-has-children > a:after, #hs_menu_wrapper_main-menu ul ul > li.hs-item-has-children > a:before { display: none; }
  #hs_menu_wrapper_main-menu #menu-button { display: block; padding: 33px 17px 45px; color: #5a4e45; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
  #hs_menu_wrapper_main-menu #menu-button:after { position: absolute; top: 39px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
  #hs_menu_wrapper_main-menu #menu-button:before { position: absolute; top: 33px; right: 17px; display: block; height: 2px; width: 20px; background: #fff; content: ''; }
  #hs_menu_wrapper_main-menu #menu-button.menu-opened:after { top: 38px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #hs_menu_wrapper_main-menu #menu-button.menu-opened:before { top: 38px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #hs_menu_wrapper_main-menu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 46px; width: 46px; cursor: pointer; }
  #hs_menu_wrapper_main-menu .submenu-button.submenu-opened { background: #5a4e45; }
  #hs_menu_wrapper_main-menu ul ul .submenu-button { height: 34px; width: 34px; }
  #hs_menu_wrapper_main-menu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #5a4e45; content: ''; }
  #hs_menu_wrapper_main-menu ul ul .submenu-button:after { top: 15px; right: 13px; }
  #hs_menu_wrapper_main-menu .submenu-button.submenu-opened:after { background: #ffffff; }
  #hs_menu_wrapper_main-menu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #5a4e45; content: ''; }
  #hs_menu_wrapper_main-menu ul ul .submenu-button:before { top: 12px; right: 16px; }
  #hs_menu_wrapper_main-menu .submenu-button.submenu-opened:before { display: none; } }

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 1125px) { .custom-menu-primary .hs-menu-wrapper { display: block !important; } }

@media (max-width: 1280px) { .wrap { width: 100%; margin: 0; }
  .slimwrap { width: 70%; } }

@media (max-width: 1124px) { .headerbox:nth-child(1) { position: absolute; top: 18px; left: 2em; z-index: 500; width: 180px; }
  .headerwrap { grid-template-columns: 2em 180px auto 2em; grid-template-rows: 18px 46px 15px; grid-template-areas: "navigation navigation navigation navigation" "navigation navigation navigation navigation" "navigation navigation navigation navigation"; }
  .mobile-menu { align-self: center; justify-self: end; }
  .headerbox:nth-child(3), .headerbox:nth-child(4) { display: none; }
  footer { padding-bottom: 50px; } }

@media (max-width: 992px) { h1 { font-size: 5.75vw; }
  h2, .testimonials h2, section.testimonials h2 { font-size: 2em; padding: 1em 10% .75em; }
  .hero p { font-size: 1.3em; }
  .textgridwrap { grid-template-columns: auto 350px; grid-template-rows: auto; grid-auto-flow: column; }
  .textgridbox { align-self: flex-start; }
  .textgridwrap-two { grid-template-columns: 350px auto; grid-template-rows: auto; grid-auto-flow: column; }
  .textgridbox-two { align-self: flex-start; }
  .parallax { background-attachment: scroll; }
  .beans-grid { grid-template-columns: 150px auto; grid-template-rows: auto auto; grid-template-areas: "img-one txt-one" "img-two txt-two"; } }

@media (max-width: 920px) { footer .four-col-flexbox { flex: 1 1 50%; }
  .hero.dark .grid, .hero.light .grid { margin: 0 2em; display: grid; grid-gap: 30px; grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: row; }
  .hero.dark img, .hero.light img { width: 100%; height: 100%; max-width: 450px; max-height: 450px; }
  .section-lighter-coffee img { width: 100%; height: auto; max-width: 350px; max-height: 400px; }
  .section-light-coffee img { width: 100%; height: auto; max-width: 350px; max-height: 400px; }
  .three-col .cta-wrap { font-size: .8em; } }

@media (max-width: 800px) { h2, .testimonials h2, section.testimonials h2 { font-size: 1.8em; }
  .hero p { font-size: 1.2em; }
  p.subtxt { font-size: 1.2em; line-height: 1.4em; }
  .textgridwrap { grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: column; }
  .textgridwrap-two { grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: column; }
  .textgridbox-two { text-align: center; }
  .reversetxt { order: 1; }
  .reverseimg { order: 2; }
  .home-bloglist-img-wrap { height: 150px; }
  .contactgridwrap { margin: 1em 15px 0; grid-gap: 30px; grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: row; }
  .section-lighter-coffee .grid { margin: 0 2em; display: grid; grid-gap: 1em; grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: row; }
  .section-light-coffee .grid { margin: 0 2em; display: grid; grid-gap: 1em; grid-template-columns: auto; grid-template-rows: auto auto; grid-auto-flow: row; }
  .section-lighter-coffee .grid div:nth-child(1) { order: 2; }
  .section-lighter-coffee .grid div:nth-child(2) { order: 1; }
  .tweets { grid-template-columns: 40% 55%; }
  .home section.testimonials .three-col p { font-size: 100%; }
  .location section.testimonials .three-col p { font-size: 100%; }
  .about section.white h2.slim { padding: .5em 12% .5em; }
  .csr-logos-wrap > div { margin: 0 .5em; }
  .cta-wrap { padding: .75em 0 1.75em; }
  ul { margin: 0; }
  .three-col { grid-gap: 0 1em; }
  .three-col > div p, section.testimonials p.subquote, section.testimonials p.subsubquote { font-size: 75%; } }

@media (max-width: 600px) { .hero.front { padding: 1em 0; }
  .hero.dark { padding: 1em 0; }
  h1, .testimonials h1 { font-size: 2.2em; line-height: 1.2em; padding: 2.75em 15% .5em; }
  h2, .testimonials h2, section.testimonials h2 { font-size: 1.8em; line-height: 1.1em; }
  h3 { font-size: 1.1em; line-height: 1.2em; padding: 0 5% 1.5em; }
  p, main li { font-size: 1em; line-height: 1.3em; }
  .hero.front h1 { padding: 2.75em 10% 1em; }
  .hero.front p { padding: 0 15% 2em; font-size: 1.2em; line-height: 1.3em; }
  p.subtxt { font-size: 1.2em; line-height: 1.3em; }
  .hero.dark p, .hero.light p { font-size: 1.2em; line-height: 1.3em; }
  footer .four-col-flexbox { flex: 1 1 50%; }
  .slimwrap { width: 95%; }
  .gridwrap { grid-template-columns: auto; grid-template-rows: repeat(8, auto); }
  .aag-list-wrap { grid-gap: 0; grid-template-columns: auto; grid-template-rows: repeat(8, auto); grid-auto-flow: row; }
  .sitemap { grid-template-columns: auto auto; grid-template-rows: auto auto; }
  .tweets { grid-template-columns: 100%; grid-template-rows: auto auto; }
  .tweet-pane:first-child { order: 2; }
  .tweet-pane:last-child { order: 1; }
  section p { padding: 0 5% 1em; }
  .two-col { grid-template-columns: auto; grid-template-rows: auto auto; }
  .beans-grid { grid-template-columns: 1fr 3fr; } 

.coffeebean .specgrid {
		flex-flow: column;
		align-items: center;
	}
	.coffeebean .specgrid > div:nth-child(1) {
		flex: 0 0 100%;
		min-height: 420px;
		width: 100%;
	}
	.coffeebean .specgrid > div:nth-child(2) {
		flex: 0 0 100%;
	}
	.coffeebean .specgrida {
		flex-flow: column;
		align-items: center;
	}
	.coffeebean .specgrida > div:nth-child(2) {
		flex: 0 0 100%;
		min-height: 420px;
		width: 100%;
		order: 1;
	}
	.coffeebean .specgrida > div:nth-child(1) {
		flex: 0 0 100%;
		order: 2;
	}
	.coffeebean .picpane p {
		padding: 5em 1em 5em 1em;
	}
	.coffeebean .picpane.alt p {
		padding: 5em 1em 5em 1em;
	}

}

@media (max-width: 500px) { 
  .threebar > div:nth-child(1) {
    order: 2;
    flex: 0 0 50%;
    min-height: 200px;
  }
  .threebar > div:nth-child(2) {
    order: 1;
    flex: 0 0 100%;
    min-height: 200px;
  }
  .threebar > div:nth-child(3) {
    order: 3;
    flex: 0 0 50%;
    min-height: 200px;
  }
}

@media (max-width: 360px) { footer .four-col-flexbox { flex: 1 1 100%; }
  .home-bloglist-flexbox { font-size: .9em; }
  .home-bloglist-img-wrap { height: 100px; }
  .icon-gridwrap { grid-template-columns: 40px auto; grid-template-rows: 40px; }
  .sm-gridwrap { grid-gap: 0 6px; grid-template-columns: 30% repeat(5, 20px); grid-template-rows: 20px; }
  .home section.testimonials .three-col p { font-size: 75%; } }

@media all and (min-width: 400px) { .prodlist-item { width: 48%; } }

@media all and (min-width: 600px) { .prodlist-item { width: 31.33%; } }

@media all and (min-width: 800px) { .prodlist-item { width: 23%; } }

@media all and (min-width: 40em) { .bloglist-item { width: 48%; } }

@media all and (min-width: 60em) { .bloglist-item { width: 31.33%; } }

#hubspot-messages-iframe-container.widget-align-right {
bottom: 0 !important;
}
#email-prefs-form h1 {
  color: #ee4036;
  padding: 1em 0 .5em;
}
#email-prefs-form h2 {
  color: #5a4e45;
  padding: 1em 0 .5em;
  font-size: 1.6em;
}
#hs_form_target_subscribe_form p {
  color: #000;
}
 
/* IE specific */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  body { padding-top: 79px; }
  #hs_menu_wrapper_main-menu > ul { margin-left: 1em; }

.headerbox { display: -ms-grid; display: grid; align-self: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.headerbox:nth-child(1) { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; grid-area: logo; }

.headerbox:nth-child(2) { -ms-grid-row: 5; -ms-grid-row-span: 3; -ms-grid-column: 5; grid-area: navigation; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.headerbox:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-area: contacts; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.headerbox:nth-child(4) { -ms-grid-row: 5; -ms-grid-column: 7; grid-area: search; }

.headerwrap { display: -ms-grid; display: grid; grid-gap: 0; -ms-grid-columns: 2em 0 180px 0 auto 0 140px 0 2em; grid-template-columns: 2em 180px auto 140px 2em; -ms-grid-rows: 18px 0 23px 0 23px 0 15px; grid-template-rows: 18px 23px 23px 15px; grid-template-areas: ". . .  . ." ". logo contacts contacts ." ". logo navigation search ." ". . navigation . ."; }

.sm-wrap { display: -ms-grid; display: grid; grid-gap: 0 7px; -ms-grid-columns: 15px 7px 15px 7px 15px 7px 15px 7px 15px; grid-template-columns: repeat(5, 15px); -ms-grid-rows: auto; grid-template-rows: auto; align-self: flex-end; }

.sm-wrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.sm-wrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.sm-wrap > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.sm-wrap > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }

.sm-wrap > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; }

.sub-hero-img { background-color: #fff; display: -ms-grid; display: grid; grid-gap: 0 0; -ms-grid-columns: 1fr 0 1fr 0 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.sub-hero-img > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.sub-hero-img > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; display: -ms-grid; display: grid; align-content: center; }

.sub-hero-img > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.two-col { display: -ms-grid; display: grid; grid-gap: 0 4%; -ms-grid-columns: 48% 4% 48%; grid-template-columns: repeat(2, 48%); -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; margin: 0 auto 1em; }

.two-col > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.two-col > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.grey-pane.two-col > div { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.three-col { display: -ms-grid; display: grid; grid-gap: 0 2em; -ms-grid-columns: 1fr 2em 1fr 2em 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; margin: 1em auto; }

.three-col > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.three-col > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.three-col > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.two-thirds { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; }

.four-col { display: -ms-grid; display: grid; grid-gap: 0 1em; -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; margin: 0 auto 1em; }

.four-col > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.four-col > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.four-col > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.four-col > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }

.csr-logos-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 2em; margin-bottom: 1em; }

.gridwrap { width: 80%; margin: 1em auto 2em; display: -ms-grid; display: grid; grid-gap: .5em 40px; -ms-grid-columns: auto 40px auto; grid-template-columns: auto auto; -ms-grid-rows: auto .5em auto .5em auto .5em auto; grid-template-rows: repeat(4, auto); grid-auto-flow: column; }

.gridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.gridwrap > *:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1; }

.gridwrap > *:nth-child(3) { -ms-grid-row: 5; -ms-grid-column: 1; }

.gridwrap > *:nth-child(4) { -ms-grid-row: 7; -ms-grid-column: 1; }

.gridwrap > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 3; }

.gridwrap > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; }

.gridwrap > *:nth-child(7) { -ms-grid-row: 5; -ms-grid-column: 3; }

.gridwrap > *:nth-child(8) { -ms-grid-row: 7; -ms-grid-column: 3; }

.bulletwrap { width: 100%; display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 40px 10px auto; grid-template-columns: 40px auto; grid-auto-flow: row; text-align: left; }

.bulletbox { -ms-grid-column: 3; grid-column: 3; }
  
.bulletbox p { padding: .3em 0 0 50px; }

.textgridwrap { width: 70%; margin: 0 auto 1em; display: -ms-grid; display: grid; grid-gap: 0 20px; -ms-grid-columns: auto 20px 350px; grid-template-columns: auto 350px; -ms-grid-rows: 250px; grid-template-rows: 250px; grid-auto-flow: column; }

.textgridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.textgridwrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.textgridbox { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.textgridwrap-two { width: 70%; margin: 0 auto 1em; display: -ms-grid; display: grid; grid-gap: 0 20px; -ms-grid-columns: 350px 20px auto; grid-template-columns: 350px auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.textgridwrap-two > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.textgridwrap-two > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.textgridbox-two { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: left; }

.contactgridwrap { margin: 2em 15px 0; display: -ms-grid; display: grid; grid-gap: 0 30px; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.contactgridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.contactgridwrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.contact-icons-gridwrap { margin: 0; display: -ms-grid; display: grid; grid-gap: 0; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: row; }

.contact-icons-gridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

  .contact-icons-gridwrap > *:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; }

.contact-icons-gridwrap > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }


.contact-icons-gridbox { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: left; padding: .5em 0; }

.icon-gridwrap { width: 100%; display: -ms-grid; display: grid; grid-gap: 15px; -ms-grid-columns: 70px 15px auto; grid-template-columns: 70px auto; -ms-grid-rows: 70px; grid-template-rows: 70px; grid-auto-flow: row; }

.icon-gridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.icon-gridwrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.icon-gridbox { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; }

.icon-gridbox:last-child { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.home-bloglist-flexwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.home-bloglist-flexbox { margin: 0 2%; -webkit-box-flex: 1; -ms-flex: 1 1 29.33%; flex: 1 1 29.33%; text-align: center; font-size: 1.1em; line-height: 1.2em; font-family: 'Roboto', Arial, sans-serif; font-weight: 200; }

.flexwrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sm-flexwrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 15px 1em; max-width: 60%; }

.sm-flexbox { margin: 0 4% 0 0; -webkit-box-flex: 1; -ms-flex: 1 1 16%; flex: 1 1 16%; }

.sm-gridwrap { width: auto; display: -ms-grid; display: grid; grid-gap: 0 10px; -ms-grid-columns: 25% 10px 25px 10px 25px 10px 25px 10px 25px 10px 25px; grid-template-columns: 25% repeat(5, 25px); -ms-grid-rows: 25px; grid-template-rows: 25px; grid-auto-flow: column; }

.sm-gridwrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.sm-gridwrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.sm-gridwrap > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.sm-gridwrap > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }

.sm-gridwrap > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; }

.sm-gridwrap > *:nth-child(6) { -ms-grid-row: 1; -ms-grid-column: 11; }

.slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.slick-track .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: auto !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.hero.dark .grid { margin: 0 4em; display: -ms-grid; display: grid; grid-gap: 0 8%; -ms-grid-columns: auto 8% 450px; grid-template-columns: auto 450px; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.hero.dark .grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.hero.dark .grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.hero.dark .grid > div { -ms-flex-item-align: start; align-self: flex-start; }

.hero.light .grid { margin: 0 4em; display: -ms-grid; display: grid; grid-gap: 0 4%; -ms-grid-columns: 450px 4% auto; grid-template-columns: 450px auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.hero.light .grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.hero.light .grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.hero.light .grid > div { -ms-flex-item-align: start; align-self: flex-start; }

.section-white form :-ms-input-placeholder { color: #000000; opacity: 1; }

.section-white form ::-ms-input-placeholder { color: #000000; opacity: 1; }

.section-white form :-ms-input-placeholder { color: #000000; }

.section-white form ::-ms-input-placeholder { color: #000000; }

.section-lighter-coffee .grid { margin: 0 4em; display: -ms-grid; display: grid; grid-gap: 0 6%; -ms-grid-columns: 350px 6% auto; grid-template-columns: 350px auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.section-lighter-coffee .grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.section-lighter-coffee .grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.section-lighter-coffee .grid > div { -ms-flex-item-align: start; align-self: flex-start; }

.section-light-coffee .grid { margin: 0 4em; display: -ms-grid; display: grid; grid-gap: 0 6%; -ms-grid-columns: auto 6% 350px; grid-template-columns: auto 350px; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.section-light-coffee .grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.section-light-coffee .grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.section-light-coffee .grid > div { -ms-flex-item-align: start; align-self: flex-start; }

.aag-list-wrap { margin: 1em; display: -ms-grid; display: grid; grid-gap: 0 40px; -ms-grid-columns: auto 40px auto; grid-template-columns: auto auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; }

.aag-list-wrap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.aag-list-wrap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

form :-ms-input-placeholder { color: #5a4e45; opacity: 1; }

form ::-ms-input-placeholder { color: #5a4e45; opacity: 1; }

form :-ms-input-placeholder { color: #5a4e45; }

form ::-ms-input-placeholder { color: #5a4e45; }

.four-col-flexbox :-ms-input-placeholder { color: #5a4e45; opacity: 1; }

.four-col-flexbox ::-ms-input-placeholder { color: #5a4e45; opacity: 1; }

.four-col-flexbox :-ms-input-placeholder { color: #5a4e45; }

.four-col-flexbox ::-ms-input-placeholder { color: #5a4e45; }

header :-ms-input-placeholder { color: #ffffff; opacity: 1; }

header ::-ms-input-placeholder { color: #ffffff; opacity: 1; }

header :-ms-input-placeholder { color: #ffffff; }

header ::-ms-input-placeholder { color: #ffffff; }

.breadcrumb { padding: 2em 15px 1em; width: calc(100% - 30px); background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sitemap { display: -ms-grid; display: grid; grid-gap: 30px 30px; -ms-grid-columns: auto 30px auto 30px auto 30px auto; grid-template-columns: auto auto auto auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; margin: 0 15px; padding: 1em 0 2em; }

.sitemap > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.sitemap > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.sitemap > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.sitemap > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }

.tweets { display: -ms-grid; display: grid; grid-gap: 2em 5%; -ms-grid-columns: 25% 5% 70%; grid-template-columns: 25% 70%; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; margin: 0; padding: 2em 1em; }

.tweets > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.tweets > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.tweet-pane { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.bloglist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: .5em 0 2em; padding: 0; }

.bloglist-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1%; }

.bloglist-content { background-color: #e3e2d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.bloglist-content p { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.prodlist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: .5em 0 2em; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.prodlist-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1%; margin-bottom: 2em; }

.prodlist-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.prodlist-content p, .prodlist-content h4 { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.beans-grid { margin: 0 4em 0 2em; display: -ms-grid; display: grid; grid-gap: 2em 2em; -ms-grid-columns: 150px 2em 1fr 2em 150px 2em 1fr; grid-template-columns: 150px 1fr 150px 1fr; -ms-grid-rows: auto; grid-template-rows: auto; grid-template-areas: "img-one txt-one img-two txt-two"; }

.beans-grid > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: img-one; }

.beans-grid > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: txt-one; }

.beans-grid > div:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: img-two; }

.beans-grid > div:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; grid-area: txt-two; }



}

label{ color: #000 }
.hs-form-radio-display span{ font-size: 16px; }
.text-red,
.section-white h2{ color: #ee4036!important; }

.pt-1em{ padding-top: 1em!important }
.mt-1em{ margin-top: 1em!important }
form.hs-form fieldset{ max-width: 100%; }
.section-machine-finder{background: #5a4e45 !important; padding: 0px !important }
.section-machine-finder a.hs-button{
  font-family: 'Roboto',Arial,sans-serif;
    font-size: .95em;
    line-height: 1em;
    padding: .6em 1.5em;
    color: #ee4036;
    background-color: #fff;
    font-weight: 400;
    border: 0;
    margin: 0 0 .5em;
    cursor: pointer;
    text-decoration: none;
}


.section-white.grey.coffetek-form{ background-color: #5a4e45!important; color: #fff }
.section-white.coffetek-form h2{ color: #fff!important }
.section-white.coffetek-form p,
.section-white.coffetek-form label{ color: #fff }
.coffetek-machine-finder.aag-list h2 { padding: .2em 1em 0; }
.coffetek-machine-finder .aag-list-wrap{ margin: 0; }
.coffetek-page .hero.front .scroll{ visibility: hidden }


/* Tilious Additions: July 2025 */

.machine-finder-heading {
  font-size: 1.2em;
  border: 3px solid #ee4036;
  padding: 0.5em;
  max-width: 400px;
  margin: 0 auto;
}



html {
  scroll-padding-top: 80px;
}


/* Mega Menu: August 2025 */

header {
	width: 100%;
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 15px 5px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px 5px rgba(0,0,0,0.2);
	z-index: 100;
	height: 80px;
	display: flex;
	align-items: center;
}
header svg {
	width: 180px;
	height: 46px;
}
header .wrap {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header p {
  font-size: 15px;
	line-height: 15px;
	padding: 10px 0;
}

.navitems {
	display: flex;
	flex-flow: column;
	align-items: flex-end;
	height: 80px;
	justify-content: space-between;
}
.mobilemenu {
	display: none;
}
@media (max-width: 1052px) {
	.navitems {
		display: none;
	}
	.mobilemenu {
		display: block;
	}
}

body {
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
}
@keyframes bugfix { from {padding:0;} to {padding:0;}}
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;}}

#overlay-button {
  position: absolute;
  right: 0;
  top: 13px;
  padding: 25px 20px;
  z-index: 5;
  cursor: pointer;
  user-select: none;
  span {
	  height: 4px;
	  width: 35px;
	  border-radius: 0px;
	  background-color: white;
	  position: relative;
	  display: block;
	  transition: all .2s ease-in-out;
	  &:before {
		top: -10px;
		visibility: visible;
	  }
	  &:after {
		top: 10px;
	  }
	  &:before, &:after {
		  height: 4px;
		  width: 35px;
		  border-radius: 0;
		  background-color: white;
		  position: absolute;
		  content: "";
		  transition: all .2s ease-in-out;
	  }
	}
	&:hover span, &:hover span:before, &:hover span:after {
	  background: #fff;
	}
}

input[type=checkbox] {
  display: none;
  
  &:checked ~ #overlay {
	visibility: visible;
  }
  
  &:checked ~ #overlay-button {
	&:hover span, span{
	  background: transparent;
	}
	span {
	  &:before {
		transform: rotate(45deg) translate(7px, 7px);
		opacity: 1;
	  }
	  &:after {
		transform: rotate(-45deg) translate(7px, -7px);
	  }
	}
  }
}

#overlay {
  height: 100vh;
  width: 100vw;
  background: #28231f;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: scroll;
  &.active {
	visibility: visible;
  }
}

.no-pointer {
  cursor: auto;
}

#nestedAccordion h2, #nestedAccordion h3 {
  cursor: pointer;
  text-align: left;
  padding: 0;
}

#nestedAccordion h2 {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 34px;
	font-weight: 500;
	padding: 0 32px;
	margin-top: 12px;
}

#nestedAccordion h2.red a {
	color: #ee4036;
}
#nestedAccordion h2.red a:hover {
	color: #ee4036;
}
#nestedAccordion h2 a:hover {
	color: #fff;
}

#nestedAccordion h3 {
	padding: 0 32px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

#nestedAccordion {
	margin: 60px 0;
	width: 100%;
}

#nestedAccordion div {
  display: none;
}
#nestedAccordion .pane {
  padding: 0 32px;
}

#nestedAccordion p {
  margin: 0 auto;
  padding: 0;
}

#nestedAccordion ul {
  margin: 0;
  padding: 4px 0 12px;
  list-style: none;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}
#nestedAccordion ul li {
	margin: 0;
}
#nestedAccordion ul li a {
	display: block;
}

#nestedAccordion ul a:hover {
	color: #ee4036;
}

.body-text {
  text-align: left;
}

.navbar {
  overflow: hidden;
  background-color: #000;
  font-family: 'Roboto', Arial, sans-serif;
}

.navbar a {
  float: left;
  font-size: 15px;
  color: white;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 15px;  
  border: none;
  outline: none;
  color: white;
  padding: 13px 16px;
  background-color: inherit;
  font-family: 'Roboto', Arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #000;
  color: #806d62;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  max-width: 1360px;
  margin: 0 auto;
}

.dropdown-content .header {
  background: #ee4036;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.row {
	padding: 32px;
}

.column {
  float: left;
  width: 25%;
  height: auto;
}

.column a {
  float: none;
  color: #fff;
  padding: 0.15em 0;
  text-decoration: none;
  display: block;
  text-align: left;
  text-transform: unset;
}

.column a:hover {
  color: #ee4036;
  background-color: unset;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
	width: 100%;
	height: auto;
  }
}

.dropdown-content h2 {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	padding: 0 0 0.25em;
}
.dropdown-content h3 {
	color: #806d62;
  font-size: 18px;
	line-height: 24px;
	text-align: left;
	padding: 1em 0 0.25em;
	font-weight: 400;
}
.dropdown-content p {
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	padding: 0;
	font-weight: 400;
}

.dropdown-content hr {
	color: #635e59;
	background-color: #635e59;
	height: 1px;
	border: none;
	margin: 1em 0 0;
	width: 100%;
}

.content-wrap {
	background-color: #28231f;
}

.mm-col {
	display: flex;
	flex-flow: row wrap;
}
.mm-col-one {
	flex: 0 0 20%;
	background-color: #806d62;
	position: relative;
}
.mm-col-one p.btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
}
.mm-col-one p.btn a {
	background-color: #ee4036;
	color: #fff;
	text-transform: unset;
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
  margin: 0;
  padding: 13px 0;
}
.mm-col-one p.btn a:hover {
	background-color: #ee4036;
	color: #000;
}
.mm-col-one img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.mm-col-two {
	flex: 0 0 80%;
}

a {
  color: #fff;
}
.menu {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	height: 80px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.menu-container {
  background: #000;
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 1;
  top: 0;
}
.menu a.logo {
	display: inline-block;
	float: left;
	height: 80px;
}
.menu a.logo svg {
	margin: 17px 20px;
}
.menu img {
	max-width: 100%;
}
.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
		  transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 16px 20px;
  background: #000;
  color: #fff;
}
.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
	clear: right;
  display: flex;
  align-items: flex-end;
	justify-content: flex-end; 
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  background: #000;
  padding: 0;
  margin: 0;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 17px 20px;
  display: block;
  background-color: inherit;
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}
.menu > ul > li:hover {
  background: #000;
}
.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #28231f;
  padding: 0;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 20%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li a {
  color: #fff;
  padding: 0;
  width: 95%;
  display: flex;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  font-weight: 400;
  text-transform: unset;
}
.menu > ul > li > ul > li a:hover{
	color:$color-red;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}

@media only screen and (max-width: 959px) {
  .menu-container {
	width: 100%;
  }
  .menu-container .menu{
	display:inline-block;
   }
  .menu-mobile {
	display: block;    
	float: right;    
	padding: 28px 20px 0;
  }
  .menu-dropdown-icon:before {
	display: block;
  }
  .menu > ul {
	display: none;
	width:100%;
  }
  .menu > ul > li {
	width: 100%;
	float: none;
	display: block;
  }
  .menu > ul > li a {
	padding: 16px 20px;
	width: 100%;
	display: block;
  }
  .menu > ul > li > ul {
	position: relative;    
	padding: 20px;
  }
  .menu > ul > li > ul.normal-sub {
	width: 100%;
  }
  .menu > ul > li > ul > li {
	width: 100%;
	margin-top: 20px;
  }
.menu > ul > li > ul > li > ul {
	position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
	float: none;
  }
  .menu .show-on-mobile {
	display: block;
  }
}