/*****************************************/
/*               GLOBAL                  */
/*****************************************/

/* fix white space on right side of page */
body {
  overflow-x: hidden;
}

h1, h2, h3, .body-container-wrapper .form-title, h4, h5, h6 {
    letter-spacing: -.01em;
}  
.header-container-wrapper .row-fluid [class*="span"] { min-height: 0 !important; }
body .off-canvas-wrap:nth-child(1) { overflow: visible; }


/**** Navigation ***/

li.hs-menu-item.hs-menu-depth-1 > a {
  transition: all 300ms ease;
}

li.hs-menu-item.hs-menu-depth-1:not(.hs-item-has-children) > a:hover {
  color: #222;
}

/** breadcrumbs **/
.hs-breadcrumb-menu-item.first-crumb {
    padding-left: 0;
}

/*****************************************/
/*             TYPOGRAPHY                */
/*****************************************/

/** headers **/

.km-subtitle-centered {
  max-width: 800px;
    margin: 0 auto;
}

.title-alt-font {
    font-family: helvetica neue, helvetica;
    font-weight: bold;
}

.callout {
    font-size: 1.2em;
}


/* used to stack multiple h tags */

.km-stack-title {
    margin-bottom: 0;
    padding-bottom: 0;
}

/** font colors **/

.text-gray {
    color: #969696;
}

.km-white-font h1, .km-white-font h2, .km-white-font h3, .km-white-font h4, .km-white-font p {
    color: #fff !important;
}

.km-white-font {
    color: #fff !important;
}

.km-green-font {
    color: #799A05;
}


/** text properties **/

.uppercase {
    text-transform: uppercase;
}

.km-small-text {
    font-size: 11px;
}


/** email subscription preferences **/

.widget-type-email_subscriptions h2 {
    font-size: 24px;
}

/** ordered lists **/

ol.km-ol {
  padding-left: 75px;
	counter-reset: section; 
}

ol.km-ol li {
	padding-bottom: 40px;
	position: relative;
	list-style: none;
}

ol.km-ol li>img {
  padding-top: 17px;
}

ol.km-ol li::before {
	content: counters(section,".");
  counter-increment: section;
  position: absolute;
  font-size: 1.5rem;
  left: -75px;
  top: 0;
  height: 50px;
  width: 50px;
  background: #4e4e4e;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  z-index: 50;
  font-family: perpetua;
}

ol.km-ol li::after {
	content: "";
  border-left: 1px solid #4e4e4e;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 0;
}

ol.km-ol li:last-child::after {
	border: none;
}


/*****************************************/
/*                LAYOUT                 */
/*****************************************/

.km-row-full-width {
  padding: 30px 0;
}


/*****************************************/
/*               MOBILE                  */
/*****************************************/
    @media only screen and (max-width:400px) {
    
        /** form mobile fix **/
        
        .hs-form-field .input {
            margin-right: 0 !important;
        }
        

        form .hs-form-field .input input,
        .hs-form .hs-form-field > .input > .hs-input,
        .hs-form .hs-form-field > .input > div > .hs-input{
            width: 100% !important;
        }
      
        /** back to top button **/
      	a.km-to-top, a.km-mobile-to-top {
          display: none !important;
       }
    
    }



    /*** mobile -  max-width 640px, mobile-only styles, use when QAing mobile issues ***/
    @media only screen and (max-width: 40em)  {
        
        .mobile-border-none {
            border: none !important;
        }
        
        .mobile-padding-none {
            padding: 0 !important;
        }
        
        .mobile-block {
            display: block !important;
        }
        
        /** Back to Top **/
     
        
        a.km-mobile-to-top {
        position: fixed !important;
        bottom: 8px;
        padding: 10px 5px 10px 1px;
        right: 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        background-color: #f98e2b;
        border-color: #e37106;
        border-radius: 2px;
        -moz-transition: background-color 1s;
        -o-transition: background-color 1s;
        -webkit-transition: background-color 1s;
        transition: background-color 1s;
        background: 0;
        border: solid 1px #f98e2b;
        margin-top: 15px;
        color: #f98e2b;
        z-index: 9999;
        background: #fff;
        }
      
      	a.km-mobile-to-top > i {
           color: #f98e2b;
      	}
        
        .full-width-mobile {
            width: 100% !important;
        }
        
        .no-padding-l-mobile {
            padding-left: 0 !important;
        }
        
        
        /** countdown timer **/
        
        #clockdiv, #clockdiv2 {
            font-size: 28px !important;
            color: #333 !important;
        }
        
        #clockdiv>div, #clockdiv2>div {
            padding: 0px !important;
        }
        
        #clockdiv div>span, #clockdiv2 div>span {
            padding-bottom: 1px !important;
        }
        
        .clock-dark {
            color: #333 !important;
        }
        
        .smalltext {
            font-size: 11px !important;
            padding-bottom: 7px !important;
        }
        
        
        /** hero section **/
        
        .hero-section {
            padding: 7em 0 4em 0 !important;
        }
      
      
        /** accordion **/
      	.accordion__item>.accordion-header:after {
          top: -36px !important;
          left: 9px;
        }
      
      /*** ordered lists ***/
      ol.km-ol {
        padding-left: 0;
      }

      ol.km-ol li {
        padding: 50px 0 65px;
      }

      ol.km-ol li:last-child {
        padding-bottom: 0;
      }

      ol.km-ol li::before {
        top: -19px;
        left: 0;
        right: 0;
        margin: auto;
      }

    }    
    
    /* mobile landscape only classes */
    
    @media only screen and (max-width: 64em) and (orientation: landscape) {
    
        .show-for-small-landscape {
            display: inherit !important;
        }
    
        .hide-for-small-landscape {
            display: none !important;
        }
    }


/*****************************************/
/*               IPAD                    */
/*****************************************/

/** Ipad media queries, for portrait **/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    
    /** hero section **/
    
    .hero-section {
        padding: 10em 0 3.1em 0 !important;
    }
    
    .hero-cta-container {
        margin-top: 55px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  
  /** layout **/
  .km-row {
    padding: 0 20px;
  }
}

/*****************************************/
/*              HEADER NAV               */
/*****************************************/

 
 
 
 





.new-kitchen-header .header-top { background: #F4F4F4;color: #4D4D4D; }
.new-kitchen-header .header-bottom { background: white;border-bottom: 7px solid #c7c7c7;font-family: 'Open Sans', sans-serif; }
.km-page-full-width .off-canvas-wrap { overflow: visible; }

.new-kitchen-header .header-top .km-wrapper > .row-fluid-wrapper > .row-fluid { font-weight: 600;-webkit-justify-content: flex-end;justify-content: flex-end;display: -webkit-flex; display: flex; }
.new-kitchen-header .header-top .km-wrapper > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.new-kitchen-header .header-top .share-magic { flex: 1;padding: 8px 0 9px; }
.new-kitchen-header .header-top .share-magic a { color: #ef4136;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.new-kitchen-header .header-top .share-magic a:hover { color: #555555; }
.new-kitchen-header .header-search { border: none;margin-bottom: 2px;padding: 12px 60px 12px 30px;height: auto;width: 250px;background: white url(https://www.kitchenmagic.com/hubfs/graphics/icons/search.png) 92% center no-repeat; }
.new-kitchen-header .header-search:focus { background: white url(https://www.kitchenmagic.com/hubfs/graphics/icons/search.png) 92% center no-repeat; }
.new-kitchen-header .header-top .top-section { padding: 8px 20px 9px 40px;margin:0;min-height:0; }
.new-kitchen-header .header-top .top-section p { margin: 0; }
.new-kitchen-header .header-top .top-customer { border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;font-style: italic; }
.new-kitchen-header .header-top .top-phone { padding-right: 0; }
.new-kitchen-header .header-top .top-phone a { color: #555555; }

.new-kitchen-header .header-bottom .km-wrapper > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.new-kitchen-header .header-bottom .km-wrapper > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.new-kitchen-header .header-bottom .km-wrapper > .row-fluid-wrapper > .row-fluid .header-logo { width: 170px;padding: 15px 0; }
.new-kitchen-header .header-bottom .bottom-right { flex: 1;padding: 20px 0 10px;text-align: right; }
.new-kitchen-header .header-bottom .bottom-right-top { font-weight: 300;font-size: 18px; }
.new-kitchen-header .header-bottom .bottom-right-top strong, .new-kitchen-header .header-bottom .bottom-right-top a { color: #EF4136; }
.new-kitchen-header .header-bottom .bottom-right-top > .row-fluid-wrapper > .row-fluid { -webkit-justify-content: flex-end;justify-content: flex-end;display: -webkit-flex; display: flex; }
.new-kitchen-header .header-bottom .bottom-right-top > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.no-top-header .header-bottom .bottom-right-top > .row-fluid-wrapper > .row-fluid > div:nth-child(1) { flex: 1;text-align: center; }
.new-kitchen-header.no-top-header .header-search { padding: 5px 30px 5px 0px;box-shadow: none;border-bottom: 1px solid #e4e4e4;background: white url(https://www.kitchenmagic.com/hubfs/graphics/icons/med-search.png) 100% center no-repeat;background-size: auto 70%;width: 200px; }
.new-kitchen-header.no-top-header .header-search::-webkit-input-placeholder { font-style: italic; }
.new-kitchen-header.no-top-header .header-search::-moz-placeholder { font-style: italic; }
.new-kitchen-header.no-top-header .header-search:-ms-input-placeholder { font-style: italic; }
.new-kitchen-header.no-top-header .header-search:-moz-placeholder { font-style: italic; }

.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul { text-align: left;display: inline-block; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width:100%;text-transform: uppercase;color: #535353;font-size:16px;padding: 0.4rem 1.7rem; font-weight: 600; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-last-child(1) a { padding-right:0; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > a:after { content:'';font-family: fontawesome;padding-left: 6px; position: static;}
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul { padding-top: 15px;width: 250px;display: block;overflow:hidden;height:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.new-kitchen-header.no-top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul { padding-top: 13px; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul { height: 500px; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul a { visibility: visible;background: #F4F4F4;margin: 0;padding: 10px 15px; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; border-bottom: 1px solid #c7c7c7; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul li:last-child a{ border-bottom: none; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul a:hover { background: #c7c7c7; color: #fff; }
.new-kitchen-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul a:active { background: #a2a2a2; }

/* mobile nav */

@keyframes menu-pop {
  0% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
}
@keyframes menu-out {
  0% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
}
 @media (min-width: 1025px) {
    .new-mobile, html .row-fluid .new-mobile-contact, html .row-fluid .new-mobile-navigation, .new-mobile-group { display: none !important; }
 }
 html body.no-scroll { height: 100vh;overflow: hidden;position: fixed; }
 
.new-mobile { position: fixed;top:0;z-index: 100200;background: white;padding: 15px 30px;box-shadow: 0px 1px 8px rgba(0,0,0, .3);width: 100% !important;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.new-mobile.top { padding: 30px 30px; position: relative;}
.new-mobile .row-fluid [class*="span"] { min-height: 0; }
.new-mobile> .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.new-mobile> .row-fluid-wrapper > .row-fluid > div { width: 33.3333%; }
.new-mobile .mobile-logo { text-align: center; }
html .new-mobile .mobile-logo-mini { display: block; }
html .new-mobile.top .mobile-logo-mini { display: none; }
html .new-mobile .mobile-logo-large { height:0;opacity:0;overflow: hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
html .new-mobile .mobile-logo-large img { width: 150px !important;margin-top: -15px;margin-bottom: -15px; }
html .new-mobile.top .mobile-logo-large { height:auto;opacity:1;overflow: visible; }
.new-mobile .contact-trigger { text-align: right; }
.new-mobile .contact-trigger .mobile-contact-btn { cursor:pointer;display: inline-block;width: 30px;height: 30px;background: url(https://www.kitchenmagic.com/hubfs/graphics/icons/phone-grey.png) center no-repeat;background-size: contain; }
.new-mobile .contact-trigger .mobile-contact-btn .btn-open { display: block;width: 30px;height: 30px;background: url(https://www.kitchenmagic.com/hubfs/graphics/icons/phone-red.png) center no-repeat;background-size: contain;opacity: 0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.new-mobile .contact-trigger.open .mobile-contact-btn .btn-open { opacity: 1; }

.ham-wrap { position: relative;height: 20px;width: 30px;cursor: pointer;animation: menu-out .4s 1; }
.ham-wrap > span { overflow: auto;display: block;width: 30px;padding: 1px 0;position: absolute;left: 0;border-radius: 3px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;background: #959595; }
.ham-wrap .ham1 { top: 0; }
.ham-wrap .ham2 { top: 50%;margin-top: -1px; }
.ham-wrap .ham3 { bottom: 0; }
.ham-wrap.open { animation: menu-pop .4s 1; }
.ham-wrap.open > span { background: #EF4136; }
.ham-wrap.open .ham1 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);top: 50%;margin-top: -1px; }
.ham-wrap.open .ham2 { -moz-transform: scale(0); -ms-transform: scale(0);  -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.ham-wrap.open .ham3 { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);bottom: 50%;margin-bottom: -1px; }

.menu-overlay { z-index: -1;position: fixed;top:0;bottom:0;left:0;right:0;width: 100% !important;opacity:0;background: rgba(0,0,0, .2);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.menu-overlay.open { z-index: 9999;opacity: 1; }

html .row-fluid .new-mobile-navigation { position: fixed;top:0;bottom:0;left:-100%;z-index: 100100;background: rgba(0,0,0, 0);width: 90%;box-sizing: border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
html .row-fluid .new-mobile-navigation > div { background: white;width: 100%;box-sizing: border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
html .row-fluid .new-mobile-navigation.open { left: 0;width: 100%; }
html .row-fluid .new-mobile-navigation.open > div { width: 90%; }
html .row-fluid .new-mobile-navigation > div:nth-child(1) { height: 100%;overflow: auto;background: white;box-sizing: border-box;padding: 65px 0 55px;box-shadow: 5px 0px 20px rgba(0,0,0, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
html .row-fluid .new-mobile-navigation.open > div:nth-child(1) { box-shadow: 5px 0px 20px rgba(0,0,0, .2); }
html .row-fluid .new-mobile-group.top .new-mobile-navigation > div:nth-child(1) { padding: 118px 0 55px; }

.new-mobile-navigation ul { width: 100%; }
.new-mobile-navigation ul a { color: #555555;text-transform: uppercase;font-size: 18px;font-family: 'Open Sans', sans-serif;font-weight: 600; }
.new-mobile-navigation .hs-menu-wrapper > ul > li { border-bottom: 2px solid #F4F4F4; }
.new-mobile-navigation .hs-menu-wrapper.flyouts ul li > a { padding: 10px 30px;margin: 0;width: 100%;max-width: 100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.new-mobile-navigation .hs-menu-wrapper.flyouts ul > li:nth-child(1) > a { padding-top: 15px; }
.new-mobile-navigation .hs-menu-wrapper.flyouts ul li > a:hover { background: #E0E0E0; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children { position: relative;z-index:1; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children > a { position: relative;z-index:2; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children > a:after { content: '\f067';right: 30px; font-size: 20px;line-height: 45px;bottom: 0;font-weight: 100; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children.open > a:after { content: '\f068'; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children > ul { position: relative;z-index:1; }
.new-mobile-navigation .hs-item-has-children.open { background: #E0E0E0; }
.new-mobile-navigation .hs-item-has-children.open > a { background: #E0E0E0;box-shadow: 0px 2px 4px rgba(0,0,0, .1); }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children ul.hs-menu-children-wrapper { position: static;display: none;box-shadow: 0px 2px 6px rgba(0,0,0, .05) inset;background: #F7F9F9; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children ul.hs-menu-children-wrapper li { border-top: 2px solid #F4F4F4; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children ul.hs-menu-children-wrapper li:nth-child(1) { border-top: none; }
.new-mobile-navigation .hs-menu-flow-vertical.flyouts li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 50px;visibility: visible;width: 100%;max-width: 100%;font-size: 16px; }

.new-mobile-navigation .row-fluid-wrapper { position: static; }
.new-mobile-navigation .mobile-search { position: absolute;z-index:2;left:0;bottom:0;width: 90% !important;box-shadow: 0px -1px 8px rgba(0,0,0, .3); }
.new-mobile-navigation .mobile-search .header-search { margin-bottom: 0;background: #e6e6e6 url(https://www.kitchenmagic.com/hubfs/graphics/icons/search-dark.png) 20px center no-repeat;border: none;border-radius: 0;box-shadow: none;padding: 17px 20px 17px 60px;height: 55px; }
.mobile-search .header-search::-webkit-input-placeholder { color: #555555; }
.mobile-search .header-search::-moz-placeholder { color: #555555; }
.mobile-search .header-search:-ms-input-placeholder { color: #555555; }
.mobile-search .header-search:-moz-placeholder { color: #555555; }

html .row-fluid .new-mobile-contact { position: fixed;top:0;bottom:0;right:-100%;z-index: 10000;background: rgba(0,0,0, 0);width: 90%;box-sizing: border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
html .row-fluid .new-mobile-contact > div { background: #F7F9F9;width: 100%;box-sizing: border-box;padding: 65px 0px 20px 20px;box-shadow: -5px 0px 20px rgba(0,0,0, 0);margin-left: auto;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
html .row-fluid .new-mobile-group.top .new-mobile-contact > div { padding: 118px 0px 20px 20px; }
html .row-fluid .new-mobile-contact > .row-fluid-wrapper > .row-fluid, html .row-fluid .new-mobile-contact > .row-fluid-wrapper { height: 100%; }
html .row-fluid .new-mobile-contact.open { right:0;width: 100%; }
html .row-fluid .new-mobile-contact.open > div { width: 90%;box-shadow: -5px 0px 20px rgba(0,0,0, .2); }
html .row-fluid .new-mobile-contact .scroll-wrapper { height: 100%;overflow: auto;padding-right: 20px;-webkit-overflow-scrolling: touch; }
.new-mobile-contact .mobile-call-btns { text-align: center; }
.new-mobile-contact .mobile-call-btns a { display: inline-block;width: 49%;box-shadow: 1px 1px 2px rgba(0,0,0, .3);background: #EF4136 url(https://www.kitchenmagic.com/hubfs/graphics/icons/phone-white.png) 96% 50% no-repeat;background-size: 30px;color: white;margin-bottom: 25px;padding: 15px 40px 15px 20px;border-radius: 3px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 600; }
html .row-fluid .new-mobile-contact .widget-type-form { border-top: 1px solid #E0E0E0; }
html .row-fluid .new-mobile-contact .widget-type-form h3, html .row-fluid .new-mobile-contact .contact-header { font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 18px;padding: 15px 0;text-align: center; }

html .row-fluid .new-mobile-contact form .field > label { display: none; }
html .row-fluid .new-mobile-contact form .field input { border: .5px solid rgba(0,0,0, .05);box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);padding: 20px 25px;height: auto;margin-bottom: 25px;border-radius: 3px; }
html .row-fluid .new-mobile-contact form .actions input { width: 100%;background: #555555;box-shadow: 1px 1px 2px rgba(0,0,0, .3);border-color: #555555;padding: 20px 25px;height: auto;font-family: 'Open Sans', sans-serif;font-weight: 600;border-radius: 3px; }
html .row-fluid .new-mobile-contact form input.error { margin-bottom: 25px; }
.new-mobile-contact input::-webkit-input-placeholder { color: #555555; }
.new-mobile-contact input::-moz-placeholder { color: #555555; }
.new-mobile-contact input:-ms-input-placeholder { color: #555555; }
.new-mobile-contact input:-moz-placeholder { color: #555555; }

/* Search Results */

html #addsearch-results .addsearch-result-item-sub { font-size: 16px; }
html #addsearch-results .addsearch-result-item-sub h1 a { font-size: 1.5em;Color: #555555; }

/*****************************************/
/*               HOMEPAGE                */
/*****************************************/

/* added this to subheader to FREE IN-HOME ESTIMATE section*/
.sub-header {
    margin-top: -9px;
    font-size: 14px;
}    


/* CTA slider */

.cta-slider-title {
    font-family: helvetica neue, helvetica;
    font-weight: bold;
    font-size: 2.5em;
}

.cta-slider-description {
    font-size: 1.4em;
}


/* hero */

.hero-wrapper { z-index: 1;position: relative;border-bottom: 7px solid #c7c7c7;color: white;font-family: 'Open Sans', sans-serif; }
.hero-wrapper .row-fluid-wrapper { position: static; }
.new-hero { position:absolute;top:0;bottom:0;left:0;width: 100%;height: 100%;z-index: -1; }
.new-hero .overlay { background: rgba(76,65,61, .5);height: 100%; }
.hero-wrapper .row-fluid [class*="span"] { min-height:0; }

html .row-fluid .hero-wrapper .flex-hero { min-height: 490px;padding:50px 20px;box-sizing: border-box;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
html .row-fluid .hero-wrapper .flex-hero > span { display:block;width:100%; }
.hero-wrapper h1, .hero-wrapper h2, .hero-wrapper h3, .hero-wrapper h4 { margin: 0;padding: 0;color: white;font-family: 'Open Sans', sans-serif;text-shadow: 3px 3px 8px rgba(0,0,0, .3);font-weight:600; }
.hero-wrapper h1 { font-size: 3rem; }
.hero-wrapper .tagline { font-size: 2em;line-height: 1.3em;font-weight: 300;text-shadow: 3px 3px 8px rgba(0,0,0, .3);margin:0; }
.hero-cta.space { padding-top: 7%; }


/* section 1 */

html .row-fluid .home-section-header { text-align: center;padding: 0 9% 50px;color: #555555;margin-bottom: 0; padding-top: 20px;}
.home-section-header2 { text-align: center;padding: 10px 9% 20px;color: #555555; }
.body-container .widget-span.home-section-header2 { margin-bottom: 0; }
.home-section-header h2, .home-section-header2 h2 { padding-top: 0; }

.flex-solutions > span { -webkit-justify-content: center;justify-content: center;display: -webkit-flex; display: flex; }
.flex-solutions > span > div { max-width: 33.3333%;flex: 1;box-sizing: border-box;padding: 10px 10px 30px;margin:0; }
.solutions-box .solutions-link { display: block; }
.solutions-box .solutions-img { display:block; }
.solutions-box .solutions-img .overlay { height: 280px;background: rgba(38,34,32, .4);display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.solutions-box .solutions-img .overlay h3 { width: 100%;text-align:center;color: white;font-family: 'Open Sans', sans-serif;text-shadow: 3px 3px 8px rgba(0,0,0, .3);font-size: 2rem;font-weight:600;text-transform:uppercase; }
.solutions-box:hover .solutions-img .overlay { background: rgba(38,34,32, .6); }
.solutions-box .solutions-text { display: block;text-align: center;padding: 20px 0;color: #555555;font-family: 'Source Sans Pro', sans-serif;font-size: 17px; }
.solutions-box .solutions-cta { display: block;text-align: center;font-size: 19px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600; }


/* section 2 */

.color-wrapper { position: relative;z-index: 1;color: white;padding: 20px 0 29px;margin: 15px 0;font-family: 'Source Sans Pro', sans-serif; }
.color-wrapper h1, .color-wrapper h2, .color-wrapper h3, .color-wrapper h4 { color: white;text-align:left;padding-bottom: 5px; }
.color-wrapper .row-fluid-wrapper { position: static; }
.color-wrapper .row-fluid [class*="span"] { min-height:0; }
.body-container .color-wrapper .widget-span { margin-bottom: 0; }
.colored-background { position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;z-index: -1; }
.color-wrapper .km-wrapper > .row-fluid-wrapper > .row-fluid { padding: 0 4%;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.color-wrapper .km-wrapper > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.color-wrapper .cta-main { flex: 1; }
.color-wrapper .cta-main h3 { font-size: 2rem;padding:0; }
.color-wrapper .cta-main p:nth-last-child(1) { margin-bottom: 5px; }
.color-wrapper a { -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }


/* section 3 */

.awards-flex > span { -webkit-justify-content: center;justify-content:center;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.awards-flex > span > div { width: 180px;max-width: 50%;box-sizing: border-box;padding: 10px 20px;text-align: center; }
.awards-flex img { width: auto !important;height: 125px; }
html .row-fluid .credentials-cta { text-align: center;margin:0;font-size: 18px;padding: 0 20px; }


/* section 4 */

html .row-fluid .wide-wrapper { width: 1200px;float: none;margin-left: auto !important;margin-right: auto !important;max-width: 90%; }
.remodel-monthly-wrapper { background: #F5F4F5;padding: 30px 0 40px;color: #555555; }
.remodel-monthly-wrapper .row-fluid-wrapper { position: static; }
.remodel-monthly-wrapper .row-fluid [class*="span"] { min-height:0; }
.body-container .remodel-monthly-wrapper .widget-span { margin-bottom: 0; }
.remodel-header { text-align: center;padding-bottom: 50px; }
.remodel-header h2 { padding-bottom: 0; }
.remodel-header .widget-type-text { font-size: 1.5em;line-height:1.5em; }
.remodel-monthly-left { padding-right: 25px; }
.remodel-monthly-left > span > div { padding: 10px 0;font-family: 'Source Sans Pro', sans-serif;font-size:17px; }
.remodel-monthly-left > span > div:nth-child(1) { padding: 0 0 10px; }
.remodel-monthly-left > span > div:nth-last-child(1) { padding: 10px 0 0; }
.remodel-monthly-left p:nth-last-child(1) { margin-bottom: 0; }
.remodel-testimonial { border-left: 8px solid #DDDDDD;padding: 15px 0 5px 20px;background: url(https://www.kitchenmagic.com/hubfs/graphics/icons/quote.png) 10px 20px no-repeat; }
.remodel-testimonial-name { text-align: right;padding-top: 10px; }
.more-testimonial { text-align: left;}
.remo-cta-wrapper { text-align: center; }
.remo-cta-wrapper .remo-cta { min-width: 50%;display: inline-block;padding-bottom: 10px; }
.remo-cta-wrapper .cta-right { text-align: right; }
.remo-cta-wrapper a.cta_button { min-width: 0% !important;margin-top: 10px; }
html a.arrow-after { box-sizing: border-box !important;position: relative;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
html a.arrow-after:after { content: '';font-family: fontawesome;position: absolute;right: 17px;font-size: 27px; }
html a.red-cta { box-shadow: 1px 1px 2px rgba(0,0,0, .3);text-decoration: none;background: #EF4136;color: white; display: inline-block;padding: 16px 45px 16px 30px;font-size: 21px;border-radius: 3px;border: 2px solid #EF4136;text-align: center; }
html a.red-cta:hover { background: #EF4743;border-color: #D82E2A; }
html a.green-cta { box-shadow: 1px 1px 2px rgba(0,0,0, .3);text-decoration: none;background: #799805;color: white; display: inline-block;padding: 13px 45px 15px 30px;border-radius: 3px;border: 2px solid #799805;text-align: center; }
html a.green-cta:hover { background: #899E30;border-color: #799805; }

.hero-wrapper .hs-cta-node { display: inline-block !important; }
.hero-wrapper .hs-cta-node a { display: block !important; }

html .row-fluid  .remodel-monthly-left { width: 47%; }
html .row-fluid .month-slider-wrapper { position: relative;width: 53%;margin-left: 0 !important; }
.slider-overlay { position: absolute;z-index: 1;left:0;width: 100%;bottom: 10px;padding: 13% 0 3% 15%;box-sizing: border-box; }
.slider-overlay .circle-img { position:absolute;bottom: 0;left:10px;border-radius: 200px;width: 30%; }
.slider-overlay .name-bar { background: rgba(85,85,85, .7);color: white;padding: 25px 10px 25px 25%;font-family: perpetua, "Times New Roman", Times, serif;font-size: 1.7em; }
.slider-overlay .name-bar.no-img { padding: 25px 10px 25px 25px; }
.month-slider { width: 100%;position: relative;padding-bottom: 50px; }
.slider-img { padding-top:70%;position: relative; }

.month-slider .slick-arrow { color: transparent;position: absolute;top: 50%;z-index: 2;border: none;font-size:0;height: 45px;box-sizing: border-box;opacity: 0.2;margin-top:-20px;margin-bottom: 0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.month-slider:hover .slick-arrow { opacity: 0.6; }
.month-slider .slick-arrow:hover { opacity: 1;background-color: transparent; }
.month-slider .slick-arrow:focus { outline: none;background-color: transparent; }
.month-slider .slick-prev { left: 0;background: url(https://www.kitchenmagic.com/hubfs/graphics/icons/left-arrow.png?t=1503158552708) center no-repeat;background-size: contain; }
.month-slider .slick-next { right: 0;background: url(https://www.kitchenmagic.com/hubfs/graphics/icons/right-arrow.png?t=1503158552708) center no-repeat;background-size: contain; }

.month-slider .slick-dots { margin: 10px 0; }
.month-slider .slick-dots li button { background: #555555;border-radius: 50%;width: 17px;height: 17px; }
.month-slider .slick-dots .slick-active button { background: #c9c9c9; }

.remodel-monthly-wrapper .slider-nav { padding: 8px;text-align: center; }
.remodel-monthly-wrapper .slider-nav .item { display: inline-block;background: #555555;width: 15px;height: 15px;margin: 0 5px;border-radius: 50%;cursor: pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.remodel-monthly-wrapper .slider-nav .item.active { background: #C9C9C9; }
.remodel-monthly-wrapper .slider-nav .item:hover { background: #C9C9C9; }

html .row-fluid .last-cta { margin:0;border-bottom: 1px solid #DDDDDD; }


/*****************************************/
/*          Search Results               */
/*****************************************/

#addsearch-results-bottom { display: none; }


/*****************************************/
/*               FOOTER                  */
/*****************************************/


/* New Dark Footer */

.footer-container-wrapper .row-fluid [class*="span"], .footer-container .row-fluid [class*="span"] { min-height: 0; }
.footer-container-wrapper .km-footer>.row-fluid-wrapper .widget-span { padding: 0; }
.footer-container-wrapper .km-footer>.row-fluid-wrapper .dark-footer .widget-span { margin-bottom: 0;padding: 0; }
html .footer-container-wrapper .km-footer>.row-fluid-wrapper .dark-footer { margin-bottom: 0;padding: 15px 20px 0;background: #4c413d;font-size: 14px;font-family: 'Open Sans', sans-serif; }
html .footer-container-wrapper .km-footer>.row-fluid-wrapper .dark-footer p { font-size: 14px; }
.dark-footer strong { font-weight: 600; }
.dark-footer .top-left h2 { padding-bottom:0; }
.dark-footer .top-left p { font-weight: 300; }
.dark-footer .footer-flag { padding-top: 75px !important;text-align: center; }
.dark-footer .footer-flag img { width: 100px; }

.dark-footer form { display: -webkit-flex; display: flex; }
.dark-footer form .field { width: 62%;box-sizing: border-box;padding-right: 15px; }
.dark-footer form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 .hs_email input { width: 100%;border: none;padding: 16px 9px;height: auto; }
.dark-footer form ul.hs-error-msgs { display: block !important;color: white;list-style-type: none; }
.dark-footer form ul.hs-error-msgs label { color: white; }
.dark-footer form input[type="submit"] { background: #799805;border-radius: 3px;border: 2px solid #799805;padding:11px 28px;box-shadow: 1px 1px 2px rgba(0,0,0, .3);font-family: 'Open Sans', sans-serif;font-size: 18px; }
.dark-footer form input[type="submit"]:hover { background: #899E30;border: 2px solid #799805; }
.dark-footer form input[type="submit"]:focus { outline: none; }
.dark-footer input::-webkit-input-placeholder { color: #555555;font-style: italic; }
.dark-footer input::-moz-placeholder { color: #555555;font-style: italic; }
.dark-footer input:-ms-input-placeholder { color: #555555;font-style: italic; }
.dark-footer input:-moz-placeholder { color: #555555;font-style: italic; }

.dark-footer .footer-middle { padding: 40px 0 !important; }
.dark-footer .footer-middle > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex; }
.dark-footer .footer-middle .middle-right, .dark-footer .footer-contact { padding-left: 15px !important; }
.dark-footer .footer-contact p { margin-bottom: 10px; }
.dark-footer .footer-middle .middle-right em { font-size: 15px;line-height: 1.5em; }
.dark-footer ul { font-size: 14px; }
.dark-footer .footer-solutions-menu { border-right: 1px solid rgba(255,255,255, .7); }
.dark-footer .footer-solutions-menu ul { -webkit-columns: 150px 2;-moz-columns: 150px 2;columns: 150px 2; }
.dark-footer .hs-menu-wrapper.flyouts ul li>a { padding: 2px 0; }
.footer-social { padding: 12px 0 20px; }
.footer-social a { margin-right: 10px; }
html .footer-container .dark-footer .km-sub-footer { border-top: 1px solid rgba(255,255,255, .7);padding: 12px 0 !important; }
html .footer-container .dark-footer .km-sub-footer a { font-size: .9em; }
.dark-footer .mobile-flag { display: none; }
.dark-footer .mobile-flag img { width: 100px; }


/* Old Footer */

/* added icon to simple subscribe */
div#hs_form_target_module_143707163526813:before {
    content: "\f0e0";
    font-family: fontawesome;
    position: absolute;
    right: 1.1em;
    top: .7rem;
    color: white;
    z-index: 9999;
    font-size: 19px;
    width: 1.28571em;
    text-align: center;
}

/* made company name smaller */
p.hs-footer-company-copyright {
    font-size: .7rem;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    padding: 5px 0;
}

/* added padding from borders */
.km-footer .km-service-area {
    padding: .3em 0 !important;
}

/* removes anchor styling for location links */
.km-plain-link {
    color: #58453c !important;
}

/******* Simple Menu*********/

/* restyled anchors, added hover effects & pseudo element */
.km-footer-simple-nav ul li>a {
    font-size: .9rem;
    padding: 0 2px !important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.km-footer-simple-nav ul li>a:hover {
    color: #FFFFFF;
    
}

.km-footer-simple-nav ul li>a:after {
    content: "/";
    padding-left: 10px;
    opacity: .5;
    font-size: 10px;
}

.km-footer-simple-nav li:nth-last-child(1)>a:after {
    content: "";
}

/** Footer Mobile ***/

/*** mobile -  max-width 640px, mobile-only styles, use when QAing mobile issues ***/
@media only screen and (max-width: 40em)  { 
    
    .km-footer .km-footer-wrapper-inner {
        padding: 0 !important;
    }
    
    .km-footer h2 {
        text-align: center;
    }
    
    .km-footer button {
        width: 100%;
    }
    
    .km-footer-col-1 {
        border-right: none !important;
    }
    
    .km-footer-col-2 h2 {
        border-top: 2px solid #9c8477;
        margin-top: 29px;
    }
    
    form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 .hs_email input {
        width: 100% !important;
    }
    
    form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 > .hs_submit input {
        width: 100%;
    }
    
    .footer-social-media > a > i {
        font-size: 2.2em;
    }
    
}

.km-footer {
    color: #fff;
}

.km-footer .km-footer-wrapper-inner {
    background: #a18b7e;
}

.km-footer i {
    font-size: 1.5em;
}

button > a:hover {
    color: #fff !important;
}

.hr-footer {
    border-top: 2px solid #9c8477;
    margin-top: 29px;
}


/****** blog subscription ******/


.km-footer-col-1 {
    border-right: 2px solid #9c8477;
    margin-bottom: 0 !important;
}

.km-footer-col-1 h2 {
   padding-bottom: 0;
}

/***** referral program *****/

.km-footer-col-2 {
    
}

/* blog form */

form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 .hs_email input {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 60%;
    height: 49px;
}

form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 span.hs-form-required {
    display: none;
}

form#hsForm_757a36fb-ee8e-4d27-a531-040172cc2965 > .hs_submit input {
    display: inline-block;
}


/***** footer menus ******/

.km-menu-title {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.km-footer a {
    padding-left: 0 !important;
    transition: all 150ms ease;
}

.km-footer a:hover {
    color: #816b5f;
}

/* service areas */

#km-sa-menu {
    padding-left: 0;
}

/* global top footer */

.top-footer-cta {
  background-color: #F8F8F8;
  padding: 40px 10px;
}

.km-footer .km-btn-info {
    padding: 16px 19px !important;
    text-align: center;
}

.km-footer .km-btn-info:hover {
  color: #fff;
}

/***** sub footer *****/

.km-sub-footer {
    padding-top: 7px !important;
}

.km-sub-footer p {
    font-size: .75em;
    color: #8d7165;
}

.km-sub-footer a {
    color: #8d7165;
    font-size: .75em;
}

.km-icon-divider {
    font-size: 4px !important;
    padding: 0 6px 0 12px;
    color: #8d7165;
    vertical-align: middle;
}

/****** accordion (mobile-only) ******/

#accordion > .accordion-toggle {
    border-bottom: 2px solid #9c8477;
    margin-top: 13px;
}

#accordion > .accordion-toggle > i {
    font-size: 17px;
    float: right;
    vertical-align: bottom;
    padding-top: 5px;
}

.accordion-content {
    background: #ad988c;
    padding-left: 21px;
    padding: 6px 0 10px 21px;
    margin-bottom: 11px;
}

/******* back to top ******/

a.km-to-top {
    padding-left: 1em !important;
}


/*****************************************/
/*             BUTTONS                   */
/*****************************************/

.km-button:focus {
    outline: none;
}

a.km-btn-clear, button.km-btn-clear, .km-btn-clear {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 3px;
    color: #fff;
}

a.km-btn-clear:hover, button.km-btn-clear:hover, .km-btn-clear:hover {
    background: rgba(0,0,0,.3);
  	border: 3px solid #fff;
}

a.km-btn-clear-green, button.km-btn-clear-green, .km-btn-clear-green {
  background: transparent;
  border: 3px solid #799805;
  border-radius: 3px;
  color: #799805;
}

a.km-btn-clear-green:hover, button.km-btn-clear-green:hover, .km-btn-clear-green:hover {
  background: rgba(121,152,5,.1);
  border: 3px solid #799805;
  color: #799805;
}

/** icons **/

.arrow-right::after {
    content: "\f054";
    font-family: fontawesome;
    padding-left: 9px;
    font-size: .9rem;
}



/*****************************************/
/*            SEARCH BAR                 */
/*****************************************/

/** Input Height **/

/* the actual styling is inline, I don't know if you added them on the google CSE page. So I used important tags to override*/
input#gsc-i-id1 {
    height: 32px !important;
    margin: 0 !important;
}



/*****************************************/
/*               FORMS                   */
/*****************************************/

/**** register warranty ******/

form#hsForm_91b32f48-8b59-4b22-b8d2-a6dcd84ad271 {
    background: #fff;
    border: none;
}

/** all tier 3 lead nurturing forms **/

form#hsForm_5272d80c-70a0-4342-b97e-283e5eac1b4d, form#hsForm_b9180cb5-6d33-4207-9f3e-6df5dd2f76ae, form#hsForm_be98610c-79ad-4add-b2dc-752eb24d353b, form#hsForm_ab652419-eced-4162-9c45-73d3c442d38d, form#hsForm_681556be-bff4-4dd6-bfbf-0592418d0692, form#hsForm_81abae39-7ecb-422c-a0da-0eb928df681b{
    background: none;
    border: none;
    max-width: 532px;
}


/* gallery modal estimate popup */

form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 {
    
}

form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 label {
    display: none;
}

form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 select, form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 input {
    width: 100%;
}

form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 input.hs-button {
    width: 90%;
}

form#hsForm_3ecb0607-1bfe-4310-8a84-dfb681c7ae92 .hs-input.error {
    border: 1px solid #ea002a;
    margin: 0 0 1rem 0;
}

.gallery-popup-btn {
    position: fixed;
    bottom: 0;
    left: 3vh;
    z-index: 9999;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
}

.gallery-popup-btn:focus {
    outline: none;
}



/* buttons */

.km-orange-submit {
    background-color: #f98e2b !important;
    border-color: #e37106 !important;
    width: 100%;
    margin-top: 4.8em !important;
}

/* form add ons */

.form-fine-print {
    max-width: 500px;
    font-size: .8em;
    display: block;
    margin: 0 auto;
}

/*****************************************/
/*            HACKS/FIX                  */
/*****************************************/

/* added class to state/local/praise page templates*/
.margin-fix {
    margin-bottom: 0 !important;
}
/* bolded "state" for blockquote module*/
cite span {
    font-weight: bold;
}


/*****************************************/
/*            CONTENT CHANGES            */
/*****************************************/


/**********  CTA graphics *************/
.cta-button img {
    max-width: 820px;
}

.km-sidebar-cta {
    max-width: 255px;
}


/*****************************************/
/*               UTILITIES               */
/*****************************************/

/** margins **/
.lg-margin-t {
    margin-top: 20px;
}

.margin-t {
    margin-top: 10px;
}

.no-margin-b {
  margin-bottom: 0;
}

.hide {
  display: none;
}


/*****************************************/
/*         CUSTOM MODULES                */
/*****************************************/

/****** PRODUCT-GALLERY.CSS

/************ CARD *******************/

/* 
* .product-row: fixes left margin for every 5th child on database grids 
*/

.product-row > .span3:nth-child(4n+1) {
    margin-left: 0;
    
}
    
.product-row > .span4:nth-child(3n+1) {
    margin-left: 0;
    
}

.product-card {
  background: white;
  width: 100%;
  border: 2px solid #ccc;
  transition: all .4s ease;
  padding: 18px 20px 20px 20px;
}

.product-card-clickable {
    cursor: pointer;
}

.product-card img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.product-card:hover {
  transform: scale(1.1);
  z-index: 999;
  border: 2px solid #85695b;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  margin-top: 0;
} 

.product-card:focus {
 outline: none;
}


.product-title {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-top: 12px;
  padding-bottom: 2px;
  color: #555;
}

.product-description {
    text-align: center;
    font-size: 13px;
    color: #85695b;
}

.product-hide {
    display: none !important;
}

.product-number {
    font-size: 11px;
    text-align: center;
    margin-bottom: -9px;
    font-style: italic;
    color: #555;
}

/* before and after module */

.ba-container {
  position:relative;
  display: block;
  overflow:hidden; 
  cursor: pointer;
  width:100%; 
  height: 350px;
  -moz-box-shadow: 0 1px 2px #ddd;
  -webkit-box-shadow: 0 1px 2px #ddd;
  box-shadow: 0 1px 2px #ddd;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.ba-container img {
  position:absolute;
  left:0;
  top:0; 
  width: 100%;
  height: 100%;
  -moz-transition: all 1.5s ease; 
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
  border-bottom: 0;
}

img.before {
    z-index: 2;
}

.ba-container img.after{ 
    z-index: 1;
}

.ba-container:hover img.before{ 
    opacity: 0;
}

.ba-title {
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 999;
  width: 100%;
  color: white;
  text-align: center;
  padding: 7px 0 8px;
  font-size: 17px;
}

.ba-description {
  padding: 15px 20px 20px 20px;
  border-radius: 1px;
  border-top: 0;
  background: white;
  -moz-box-shadow: 0 1px 2px #ddd;
  -webkit-box-shadow: 0 1px 2px #ddd;
  box-shadow: 0 1px 2px #ddd;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}



/**** CABINET GALLERY ****/

.cabinet-card>img {
    display: block;
    margin: 0 auto;
}

/************ TAG *******************/

.tag {
  font-size: 12px;
  background: #5988da;
  background: -moz-linear-gradient(top, #5988da 0%, #4d7ac7 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #5988da), color-stop(100%, #4d7ac7));
  background: -webkit-linear-gradient(top, #5988da 0%, #4d7ac7 100%);
  background: -o-linear-gradient(top, #5988da 0%, #4d7ac7 100%);
  background: -ms-linear-gradient(top, #5988da 0%, #4d7ac7 100%);
  background: linear-gradient(to bottom, #5988da 0%, #4d7ac7 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5988da', endColorstr='#4d7ac7', GradientType=0);
  color: white;
  padding: 2px 18px 2px 15px;
  position: absolute;
  left: -7px;
  top: 10px;
  text-shadow: 0 1px black;
  font-weight: 500;
  border-radius: 1px;
  z-index: 999;
  transition: all .4s ease;
  display: none;
}

.tag:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: solid 7px #4970B5;
  border-bottom: solid 10px rgba(0, 0, 0, 0);
  position: absolute;
  left: 0px;
  bottom: -10px;
  z-index: 1;
  transition: all .4s ease;
}

.tag:hover, .tag:before:hover{
    transform: scale(1.1);
}

.tag-hidden {
    display: none!important;
}

.tag-hidden:hover {
    display: none!important;
}

/* Module Values */

.hide-border {
    border: none!important;
}

.product-card.hide-border:hover {
    box-shadow: none;
}

.product-card.hide-border img {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    transition: all .3s ease-out;
}

.product-card.hide-border img:hover {
    box-shadow: none;
}



.testimonial-card {
    background: #4268a0;
    max-width: 315px;
    min-width: 235px;
    position: relative;
    float: left;
    overflow: hidden;
    padding-top: 120px;
    color: #fff;
    margin-bottom: 20px;
}


.testimonial-container {
    width: 100%;
    background-color: #38598A;
    padding: 25px 25px 40px 25px;
    position: relative;
}

.testimonial-container:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 0 0 400px;
    border-color: transparent transparent transparent #38598A; 
}

.profile {
    position: absolute;
    max-width: 90px;
    bottom: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    border-radius: 50%;
}

.testimonial {
    
}

.testimonial:after {
    font-family: 'FontAwesome';
    content: "\f10e";
    position: absolute;
    font-size: 54px;
    line-height: 1em;
    color: #4268A0;
    font-style: normal;
    right: 26px;
    bottom: 0px;
}

.testimonial-name {
    font-size: 1.3em;
    margin: 25px;
    font-weight: 300;
    position: absolute;
    top: -11px;
    right: 0;
    text-align: right;
    color: #fff;
}

.testimonial-job {
    font-size: .7em;
    display: block;
    color: #F98E2B;
}

/*** Testimonial cards with image ******/

.tc-top-box {
  max-width: 400px;
  height: 250px;
  background-position: center center !important;
  background-size: cover !important;
}

.tc-bottom-box {
  background: #C9C9C9;
  max-width: 400px;
  color: #333;
  text-align: left;
  padding: 65px 30px 30px;
  border-top: 4px solid #fff;
}

.tc-bottom-box h4 {
    text-align: center;
}

.tc-bottom-box p:after {
    font-family: 'FontAwesome';
    content: "\f10d";
    position: absolute;
    font-size: 38px;
    color: #dddddd;
    font-style: normal;
    top: 265px;
    left: 30px;
}

.testimonial-avatar {
  width: 115px;
    height: 115px;
    border-radius: 50%;
    position: relative;
    border: 5px solid #fff;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
}

/************ RESPONSIVENESS *******************/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   
   .product-card {
    border: none;
    width: 100%;
    padding: 0;
    border: 1px solid #85695b;
}

  .product-card:hover {
      transform: none;
  }
   
   .product-card img {
       display: block;
       margin: 0 auto;
       width: 100%;
       
   }
   
   .product-card .product-title {
        font-size: 1.7em;
   }
   
   .product-number {
       font-size:.9em;
       margin-bottom: 5px;
   }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
    .product-card {
    border: none;
    width: 100%;
    padding: 0;
}

  .product-card:hover {
      transform: none;
  }
   
   .product-card img {
       display: block;
       margin: 0 auto;
       width: 100%;
       -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
       box-shadow: 0 10px 6px -6px #777;
   }


}

/************************************ CABINET-GALLERY.CSS */

.cabinet-card {
    width: 100%;
}

.cabinet-card img {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.product-title {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-top: 12px;
  padding-bottom: 2px;
  color: #555;
}


/********** RESPONSIVE ************/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
    
    .cabinet-card img {
        width: 100%;
    }
    
}    

/************* EVENT CARDS **************/

.event-card {
    border: 1px solid #ddd;
    text-align: center;
    padding: 9px 0 20px 0;
    border-radius: 4px;
}

.event-card p {  
    padding: 0;
    margin: 0;
}

.event-card p:nth-child(1) {
    font-size: 2.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #85695b;
}

.event-card p:nth-child(2) {
    font-size: 2.8em;
    line-height: .925em;
    font-weight: 300;
}

.event-card p > span {
    font-size: 15px;
    display: block;
}

.event-info-card {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
}

.event-info-card h3 {
    padding-bottom: 0;
}

.event-info-card p:nth-child(2) {
    font-style: italic;
}

/************ CONTENT BOXES WITH BACKGROUND *******************/

.content-box {
    height: 333px;
    padding: 25px 30px;
    text-align: center;
    color: #fff;
    transition: all 300ms ease;
}

.content-box-sidebar {
    height: 100%;
    text-align: center;
    color: #fff;
    transition: all 300ms ease;
    padding: 1px 20px 6px 20px;
}

.content-box:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.10);
}

.content-box h3, .content-box-sidebar h3 {
    color: #fff; 
    font-family: helvetica neue, helvetica;
    font-weight: bold;
    margin-bottom: 25%;
    margin-top: 25px;
}

.content-box-sidebar h3 {
    margin-bottom: 8px;
}

.content-box p {
    text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}


/*****************************************/
/*            HELPER CLASSES             */
/*****************************************/

.km-grayscale-awards {
    -webkit-filter: grayscale(1);
    filter: grayscale (1);
    opacity: .5;
}

.km-vertical-align {
    display: inline-block;
    vertical-align: middle;
}

/********** Flexbox *********/

.flex-row {
  -webkit-flex-direction: row;
   flex-direction: row;
}

.flex-column {
  -webkit-flex-direction: column;
   flex-direction: column; 
}

.flex-center {
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}
    
/***** Title with Lines*****/

.km-fancy-title {
    text-align: center;
}

.km-fancy-title span {
  display: inline-block;
  position: relative;  
}
.km-fancy-title span:before,
.km-fancy-title span:after {
  content: "";
  position: absolute; 
  height: 5px;
  border-top: 1px solid #bfbfbf;
  top: 50%;
  width: 35%;
}
.km-fancy-title span:before {
  right: 100%;
  margin-right: 15px;
}
.km-fancy-title span:after {
  left: 100%;
  margin-left: 15px;
}   


/********* Hero Titles *********/

/* fixes top padding issue for hero sections */

.hero-section {
    padding: 6em 0 3.1em 0;
}


/*****************************************/
/*             ACCORDION                 */
/*****************************************/
.accordion {
  font-size: 1rem;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1.2em 1.2em;
  background: #A1B564;
  color: white;
  cursor: pointer;
  font-size: 1.2rem;
  transition: all .3s;
  border-bottom: 1px solid #fff;
}

.accordion-header:hover {
  background: #79961D;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fff;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  border: 1px solid #f5f5f5;
  border-top: none;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
    border-bottom: 1px solid transparent;
}

/** .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
} **/


.accordion__item > .accordion-header:after {
  content: "\f078";
  font-family: fontawesome;
  font-size: 1rem;
  float: right;
  position: relative;
  top: 50%;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #79961D;
}

.accordion__item .accordion__item .accordion-header {
  background: #fff;
}


/*****************************************/
/*             ICON BOXES                */
/*****************************************/

.icon-box {
	text-align: center;
  padding: 0 10px;
}

.icon-box__icon {
  max-height: 80px;
  margin-bottom: 30px;
}

.icon-box__title{
  color: #333;
  font-weight: bold;
}
    

/*****************************************/
/*         FORM FIXES / ADD-ONS          */
/*****************************************/    

/** added icon to date field **/
.km-form-calender {
    position: relative;
    top: 1.6em;
    left: 5.8em;
    font-size: 19px;
}    

input#appointment_date_forms_only-d404769a-b244-4245-9adf-882a6dfd6104_8278:hover {
    cursor: pointer;
}


/*****************************************/
/*          LEAD IN POPUPS               */
/*****************************************/

.leadin-preview-wrapper h4, .leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form h4 {
    font-family: helvetica neue, helvetica, sans-serif;
}


/*****************************************/
/*              MODALS                   */
/*****************************************/

/** product modal slider **/

.reveal-modal {
    border-radius: 4px;
}

.reveal-modal:focus {
    outline: none;
}

.reveal-modal .close-reveal-modal {
    color: #ccc;
    transition: all 300ms ease;
}

.reveal-modal .close-reveal-modal:hover {
    color: #b0b0b0;
}

.km-slide-title {
    font-family: perpetua;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.km-product-slider > .slick-prev, .km-product-slider > .slick-next {
    background-color: rgba(255,255,255,.4) !important;
    color: transparent;
    width: 62px !important;
    transition: all 300ms ease;
    height: 662px !important;
    border: none !important;
    top: 12% !important;
}

.km-product-slider > .slick-prev:focus, .km-product-slider > .slick-next:focus {
    outline: none;
}

.km-product-slider .slick-prev:hover, .km-product-slider .slick-next:hover {
    box-shadow: none;
    background-color: rgba(255,255,255,.6) !important;
}


.km-product-slider .slick-next::after {
    content: "\f054";
    font-family: FontAwesome;
    padding-left: 15px;
    position: relative;
    top: 1px;
    right: 56px;
    font-size: 45px;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.7);
}

.km-product-slider .slick-prev::before {
    content: "\f053";
    font-family: FontAwesome;
    padding-right: 15px;
    position: relative;
    top: 1px;
    color: #fff;
    left: -15px;
    font-size: 45px;
    text-shadow: 0 0 6px rgba(0,0,0,.7);
}



/*****************************************/
/*        HERO IMAGE STYLES              */
/*****************************************/

.km-hero-title-large {
    font-size: 2.75rem;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    
}

.km-hero-button-large {
   padding: 1em 3em;
}


/*****************************************/
/*          CAREERS PAGE                 */
/*****************************************/

.km-mini-nav ul {
    list-style: none;
    margin: 1em 0;
    text-align: center;
}

.km-mini-nav ul li {
    display: inline;
    padding: 0 20px;
    color: #5988da;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    text-align: center;
}

.km-mini-nav ul li a {
    font-weight: normal;
}


.km-white-box {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
}

div#jobs-widget {
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.km-white-panel {
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;
    box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    background: rgba(255,255,255,.8);
    padding: 10px 20px;
    border-radius: 2px;
}


.km-blockquote-icon {
    color: #555;
    margin-bottom: 10px;
    opacity: .4;
}

.km-blockquote-lg {
    text-align: center;
    font-size: 2.1em;
    color: #ccc;
}

.km-cite-lg {
    text-align: center;
    color: #555;
}




/*****************************************/
/*       SHARE THE MAGIC PAGE            */
/*****************************************/

.km-hero-title {
    color: #fff;
    text-align: left;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    font-family: helvetica neue, helvetica;
}

.km-hero-description {
    color: #fff;
    padding: 0;
    margin: 0;
}

.km-hero-button {
    background: none;
    border: 1px solid #fff;
}

.km-hero-button:hover {
    background: rgba(0,0,0,.3);
    border: 1px solid #fff;
}

.km-orange {
    color: #F98E2B;
}

.km-blue {
    color: #5988da;
}

.km-btn-fw {
    display: block;
    margin: 0 auto;
}

.learn-more {
    color: white; 
    padding: .2rem; 
    max-width: 100%; 
    display: inline-block; 
    text-align: center; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin-bottom: 4px;
}

.learn-more:before, .learn-more:after {
    content: "";
    border: solid 6px transparent;
    border-top-color: #fff;
    border-bottom-width: 2px;
    margin: 0 8px;
    width: 0;
    height: 0;
    display: inline-block;
}

.learn-more-dark {
    color: #8a939e; 
    padding: .2rem; 
    max-width: 100%; 
    display: inline-block; 
    text-align: center; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin-bottom: 4px;
}

.learn-more-dark:before, .learn-more-dark:after {
    content: "";
    border: solid 6px transparent;
    border-top-color: #8a939e;
    border-bottom-width: 2px;
    margin: 0 8px;
    width: 0;
    height: 0;
    display: inline-block;
}

/*****************************************/
/*          ESTIMATE SPECIALS            */
/*****************************************/

.km-img-circle {
    border-radius: 150%;
    display: block;
    margin: 0 auto;
    margin-bottom: 2em;
}

form#hsForm_f12190c4-922f-4690-9ea0-03846d0b08c3, form#hsForm_78097024-1985-4808-a17a-17a95564f915 {
    background: #5988da;
    border: none;
}

.km-button-orange {
    background-color: #f98e2b !important;
    border-color: #e37106 !important;
    width: 100%;
}

.km-button-yellow {
    background-color: #edba3b !important;
    border-color: #ddab3a !important;
}

.km-button-yellow:hover {
    background-color: #ddab3a !important;
}


/*****************************************/
/*                 SELF SET              */
/*****************************************/

/** thank you self set page **/
body.hs-content-id-3653805926.hs-site-page.page.hs-content-path-thank-you-self-set.hs-content-name-thank-you-post-lead-self-set  {
    background: linear-gradient(to right, rgba(247,147,30,.5) 0%,rgba(212,20,90,.5)100%), url(https://www.kitchenmagic.com/hubfs/images/miscellaneous/kitchen-background.jpg); 
    -webkit-background-size: cover;     
    -moz-background-size: cover;     
    -o-background-size: cover;     
    background-size: cover; 
    background-repeat: no-repeat;
    height: 100%;
    margin: 0;
    background-attachment: fixed;
    background-position: center center;
}

#self-set-form {
    max-width: 500px;
    margin: 0 auto;
    display: block;

}    

/** sweepstakes confirmation self set page **/

body.hs-content-id-5271686399.hs-site-page.page.hs-content-path-sweepstakes-confirmation.hs-content-name-sweepstakes-confirmation-self-set  {
    background: linear-gradient(to right, rgba(247,147,30,.5) 0%,rgba(212,20,90,.5)100%), url(https://www.kitchenmagic.com/hubfs/images/miscellaneous/kitchen-background.jpg); 
    -webkit-background-size: cover;     
    -moz-background-size: cover;     
    -o-background-size: cover;     
    background-size: cover; 
    background-repeat: no-repeat;
    height: 100%;
    margin: 0;
    background-attachment: fixed;
    background-position: center center;
    
}

#self-set-form {
    max-width: 500px;
    margin: 0 auto;
    display: block;
}



/*****************************************/
/*       APPOINTMENT / CALENDAR          */
/*****************************************/


.ui-datepicker-title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}

a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {
    color: #fff;
    text-transform: lowercase;
    font-weight: 300;
    font-size: 14px;
}

a.ui-datepicker-next.ui-corner-all {
	float: right;
}

table.ui-datepicker-calendar {
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #476CAE;
    padding: 2px 10px;
    border-radius: 5px 5px 0px 0px;
}
.ui-datepicker-unselectable.ui-state-disabled.undefined {
    color: #ccc;
}

/*****************************************/
/*             ACCORDION                 */
/*****************************************/

/** linked to accordion.js **/

.accordion-toggle {
    cursor: pointer;
}
.accordion-content {
    display: none;
}
.accordion-content.default {
    display: block;
}


/*****************************************/
/*           PROGRESS BARS               */
/*****************************************/

.progress {
    background-color: #f2f2f2;
    height: 1.2rem;
    margin-bottom: 1rem;
    border-radius: 3px;
    box-shadow: inset 0 2px 9px rgba(255,255,255,0.1), inset 0 -2px 6px rgba(0,0,0,0.1);
}

.meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #5988DA;
    border-radius: 3px;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap;
}

.progress-bar-title {
    color: #555555;
    font-size: 18px;
    margin-bottom: 11px;
    font-weight: bold;
} 

/* tree donation progress bar */

.tree-progress {
    height: 40px;
}


.meter-tree-progress {
    -o-animation: meter-tree-progress 2s 1 forwards;
    -moz-animation: meter-tree-progress 2s 1 forwards;
	-webkit-animation: meter-tree-progress 2s 1 forwards;
    animation: meter-tree-progress 2s 1 forwards;
    background-color: #009b42;
    height: 40px;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);
}

span.meter-tree-progress p {
    font-size: 21px;
    margin-bottom: 0;
    letter-spacing: 2px;
    font-weight: lighter;
    text-transform: uppercase;
    padding-top: 3px;
}

@keyframes meter-tree-progress {
    from { width: 0; }
    to   { width: 100%; }
}

.progress-bar-rating > ul {
    width: 100%;
    margin-left: 0;
    clear: both;
}

.progress-bar-rating > ul > li {
    list-style: none;
    color: #8a8a8a;
    display: inline-block;
}

.progress-bar-rating > ul > li:last-child {
    float: right;
}


/* animation */

.meter-25 {
    -o-animation: meter-25 2s 1 forwards;
	-moz-animation: meter-25 2s 1 forwards;
	-webkit-animation: meter-25 2s 1 forwards;
    animation: meter-25 2s 1 forwards;
}


@keyframes meter-25 {
  from {width: 0; }
  to { width: 25%; }
}

.meter-50 {
	animation: meter-50 2s 1 forwards;
	-o-animation: meter-50 2s 1 forwards;
	-moz-animation: meter-50 2s 1 forwards;
	-webkit-animation: meter-50 2s 1 forwards;
}

@keyframes meter-50 {
	from { width: 0; }
	to { width: 50%; }
}


.meter-75 {
	animation: meter-75 2s 1 forwards;
	-o-animation: meter-75 2s 1 forwards;
	-moz-animation: meter-75 2s 1 forwards;
	-webkit-animation: meter-75 2s 1 forwards;
}

@keyframes meter-75 {
	from { width: 0; }
	to { width: 75%; }
}

.meter-100 {
	animation: meter-100 2s 1 forwards;
	-o-animation: meter-100 2s 1 forwards;
	-moz-animation: meter-100 2s 1 forwards;
	-webkit-animation: meter-100 2s 1 forwards;
}

@keyframes meter-100 {
	from {width: 0;}
	to { width: 100%; }
}

/* rating */ 

.meter p {
    font-size: 12px;
    float: right;
    padding-right: 5px;
    color: #fff;
}

/*****************************************/
/*              TABLES                   */
/*****************************************/


.km-table-centered {
    margin: 0 auto;
}

/*****************************************/
/*       INTERNET EXCLUSIVE OFFER        */
/*****************************************/

/* hero section */

.offer-hero-title, .offer-hero-description, .offer-hero-subtitle {
    font-family: myriad pro, lucida grande, helvetica neue, helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.offer-hero-title {
    
}

.offer-hero-description {

}

.offer-hero-subtitle {
    opacity: .8;
}

.offer-hero-borders {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 13px 0 11px 0;
}


/* form */

form#hsForm_2e47f1a3-d7fd-4987-ad27-f9f6f32dcfa3 {
    background: none;
    border: none;
    max-width: 532px;
}

/* misc */

.ieo-phone {
    font-family: helvetica neue, helvetica;
    font-size: 32px;
    font-weight: bold;
}

.opaque-icon {
    opacity: .3;
}

.ieo-product-title {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin-top: 12px;
    padding-bottom: 2px;
    color: #555;
    margin-bottom: 5px;
}

.ieo-product-description {
    text-align: center;
    font-size: 13px;
    color: #7d7c7c;
}

/* 2nd hero section */

.eoy-title-mobile {
    color: #85695b;
    font-family: helvetica neue,helvetica;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8em;
    padding-bottom: 4px;
    font-weight: 200;
}

.eoy-subtitle-mobile {
    font-family: helvetica neue, helvetica;
    color: #a0437a;
    text-align: center;
    font-size: 2.6em;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: bold;
}

.eoy-subtitle-mobile span {
    color: #85695b;
    font-weight: 200;
    font-size: .4em;
    text-transform: uppercase;
}

.eoy-subtitle-2-mobile {
    font-size: 1em;
    text-align: center;
    padding-top: 1em;
    text-transform: uppercase;
    color: #8d7265;
    font-weight: bold;
}

/* mobile fixes */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) { 

    .eoy-title-mobile {
        font-size: 2.8em !important;
    }
    
    .eoy-subtitle-mobile {
        font-size: 1.25em !important;
    }

}

/** countdown timer **/

#clockdiv, #clockdiv2{
    color: #fff;
    text-align: center;
    font-size: 3em;
    margin: 0 auto;
    display: block;
    font-weight: bold;
}

#clockdiv > div, #clockdiv2 > div{
    padding: 10px;
    border-radius: 3px;
    background: rgba(255,255,255,.2);
    display: inline-block;
}

#clockdiv div > span, #clockdiv2 div > span{
    padding: 15px;
    display: inline-block;
}

.smalltext{
	padding-top: 5px;
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*****************************************/
/*          NEW PRODUCT SHOWCASE         */
/*****************************************/

.new-product-wrapper {
    border: 2px solid #ccc;
    padding: 25px 20px 0;
    border-radius: 4px;
}

.km-ribbon-wrapper {
    width: 108px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: -6px
}

.km-ribbon {
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -4px;
    top: 26px;
    width: 150px;
    background-color: #f98e2b;
    color: #fff;
    letter-spacing: 0.5px;
    box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
}

.km-ribbon:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 4px solid #d77820;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #d77820;
}

.km-ribbon:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 100%;
    z-index: -1;
    border-left: 4px solid transparent;
    border-right: 4px solid  #d77820;
    border-bottom: 4px solid transparent;
    border-top: 4px solid  #d77820;
}

/*****************************************/
/*          NEW PRODUCT SHOWCASE         */
/*****************************************/

.counter-box {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    padding: 25px 20px 12px 20px;
}

.counter {
    margin-bottom: 15px;
    font-weight: bold;
}

.counter-box h3 {
    font-family: helvetica neue, helvetica, sans-serif;
    font-size: 32px;
}


/***********************************************************/
/*      End of 2016, Beginning of 2017 Design Changes       */
/***********************************************************/

/* I created this section to try to subtlely enhance the overall look of the site */
/* I will be creating a sketch file of the enhanced visual look vs the old elements */


/* fix spacing issues between modules by adding padding to all h2's */

h2 {
    padding-top: 1.4rem;
}



/***********************************************************/
/*                BEGIN JOSH MAMROUD STYLES                */
/***********************************************************/

/* FORM
****************************************/

/* Validation
****************/

.body-container-wrapper form .hs-input.suggest, 
.body-container-wrapper form .input.suggest, 
.body-container-wrapper .hs-form .hs-input.suggest, 
.body-container-wrapper .hs-form .input.suggest{
    border: solid 1px solid 1px #00d00d;
}

/* Helper Classes
 ******************************/
.km-post-header-fix{
    margin-top:-47px;
}

.km-remove-child-menu [data-widget-type="menu"]{
    display:none;
}
.km-remove-child-mobile-menu [class="mobile-trigger"]{
    display:none;
}


/* ALERT BOXES
****************************************/

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    /*font-size: 0.72222rem;*/
    font-weight: normal;
    margin-bottom: 1.11111rem;
    padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #008CBA;
    border-color: #0078a0;
    color: #fff;
}

.alert-box.success {
    /*background-color: #43AC6A;*/
    /*border-color: #3a945b;*/
    background-color: #93AE37;
    border-color: #617C03;
    color: #fff;
}
.alert-box.warning {
    /*background-color: #f08a24;*/
    background-color: #FBA455;
    /*border-color: #de770f;*/
    border-color: #C77223;
    color: #fff;
}

.alert-box.info {
    /*background-color: #a0d3e8;*/
    background-color: #7BA0E2;
    /*border-color: #74bfdd;*/
    border-color: #476CAE;
    color: #FFF;
}
.alert-box.alert {
    /*background-color: #f04124;*/
    background-color: #EE3454;
    /*border-color: #de2d0f;*/
    border-color: #BC0022;
    color: #fff;
}

.alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f;
}


/* Thumbnail Gallery
***************************/
.km-slider{}
.km-slider .km-slide{
    
}
.km-slider .km-slide-title{
    text-align:center;
}

.km-slider .slick-prev,
.km-slider .slick-next{
    position: absolute;
    top: 50%;
    z-index: 100;
    background-color: rgba(0,0,0,.5);
    border: solid 1px rgba(0,0,0,.6);
    width: 100px;
}

.km-slider .slick-prev{
    left:0;
}
.km-slider .slick-next{
    right:0;
}
.km-slider .km-slider-img{}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    background: rgba(0, 0, 0, 0);
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}



/***********************************************************/
/*                    Button Group                         */
/***********************************************************/
.button-group {
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
}
.button-group::before,
.button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
}
.button-group::after {
    clear: both;
}
.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.button-group .button:last-child {
    margin-right: 0;
}
.button-group.tiny .button {
    font-size: 0.6rem;
}
.button-group.small .button {
    font-size: 0.75rem;
}
.button-group.large .button {
    font-size: 1.25rem;
}
.button-group.expanded .button {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}
.button-group.primary .button {
    background-color: #2ba6cb;
    color: #0a0a0a;
}
.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background-color: #2285a2;
    color: #0a0a0a;
}
.button-group.secondary .button {
    background-color: #e9e9e9;
    color: #0a0a0a;
}
.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #bababa;
    color: #0a0a0a;
}
.button-group.alert .button {
    background-color: #c60f13;
    color: #fefefe;
}
.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background-color: #9e0c0f;
    color: #fefefe;
}
.button-group.success .button {
    background-color: #5da423;
    color: #0a0a0a;
}
.button-group.success .button:hover,
.button-group.success .button:focus {
    background-color: #4a831c;
    color: #0a0a0a;
}
.button-group.warning .button {
    background-color: #ffae00;
    color: #0a0a0a;
}
.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #0a0a0a;
}
.button-group.body-font .button {
    background-color: #222222;
    color: #fefefe;
}
.button-group.body-font .button:hover,
.button-group.body-font .button:focus {
    background-color: #1b1b1b;
    color: #fefefe;
}
.button-group.header .button {
    background-color: #222222;
    color: #fefefe;
}
.button-group.header .button:hover,
.button-group.header .button:focus {
    background-color: #1b1b1b;
    color: #fefefe;
}
.button-group.stacked,
.button-group.stacked-for-small,
.button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.button-group.stacked .button,
.button-group.stacked-for-small .button,
.button-group.stacked-for-medium .button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.button-group.stacked .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0;
}
@media print,
screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0;
    }
}
@media print,
screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0;
    }
}

/***********************************************************/
/*                 END JOSH MAMROUD STYLES                 */
/***********************************************************/

/***********************************************************/
/*                 HOMEPAGE MOBILE STYLES                  */
/***********************************************************/

 @media (max-width: 1200px) {
    .new-kitchen-header .km-wrapper { max-width: 90%; }
}
 @media (max-width: 1024px) {
    .new-kitchen-header { display: none !important; }
    html .row-fluid .hero-wrapper .flex-hero { margin-top: 100px; }
    
    .hero-wrapper h1 { font-size: 2.5rem; }
    .flex-solutions > span { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .flex-solutions > span > div { max-width: 50%;width: 50%;flex: none;padding-bottom: 30px;padding-top:20px; }
    .remodel-monthly-left { padding:0 0 20px; }
    .remodel-monthly-left { padding:0 0 20px; }
    html .row-fluid .month-slider-wrapper, html .row-fluid  .remodel-monthly-left { width: 100%; }
    .awards-flex > span { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .remodel-header { padding-bottom: 30px; }
    .month-slider-wrapper { margin-bottom: 20px !important; }
    html .row-fluid .month-body-reorder > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    html .row-fluid .month-body-reorder > .row-fluid-wrapper > .row-fluid > div:nth-child(1) { order: 2; }
    
    html .row-fluid .dark-footer .top-left { width: 64%; }
    html .row-fluid .dark-footer .footer-flag { display: none; }
    .dark-footer .footer-middle { padding: 10px 0 40px !important; }
    .dark-footer .footer-middle > .row-fluid-wrapper > .row-fluid > div { display: none; }
    .dark-footer .footer-middle > .row-fluid-wrapper > .row-fluid > .middle-right { display: block;width:100%;padding: 15px 0 0 !important;margin: 0;text-align: center; }
    .dark-footer .hs-menu-wrapper.flyouts ul li { display: inline-block;padding: 0 5px !important; }
    .dark-footer .footer-solutions-menu { border-right: none; }
    .dark-footer .footer-solutions-menu ul { -webkit-columns: auto auto;-moz-columns: auto auto;columns: auto auto; }
    .dark-footer .mobile-flag { display: inline-block; }
    .dark-footer .middle-right em { display: inline-block;padding-left: 20px;width: 400px; }
 }
  @media (max-width: 767px) {
    .hero-wrapper h1 { font-size: 2rem; }
    .hero-wrapper .tagline { font-size: 1.5em; }
    .flex-solutions > span > div { max-width: 100%; width: 100%; padding: 10px 10px 40px; }
    .color-wrapper .km-wrapper > .row-fluid-wrapper > .row-fluid { display: block;padding: 10px 10%; }
    .color-wrapper .widget-type-cta { padding-top: 20px; }
    html a.arrow-after { font-size: 15px !important;padding-top: 10px !important;padding-bottom: 10px !important; }
    .flex-hero a.arrow-after { margin: 5px 0; }
    .slider-overlay .name-bar { font-size: 1.2em;padding: 15px 10px 15px 25%; }
    .remodel-header .widget-type-text { font-size: 1.1em; }
    .solutions-box .solutions-text { padding: 15px 0 10px; }
    .preview-footer-style .km-to-top { display: none !important; }
    .row-fluid-wrapper:nth-last-child(1) .km-wrapper { margin-bottom: 0; }
    html .row-fluid .last-cta { border: none;padding: 0 9% 30px; }
    html .row-fluid .home-section-header { padding: 0 3% 30px; }
    .new-mobile-contact .mobile-call-btns a { display: block;width: 100%; }
    
    .dark-footer form { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .dark-footer form .field, .dark-footer .hs_submit { width: 100%;padding: 0; }
    .dark-footer { text-align: center; }
    .dark-footer h2 { font-size: 1.9em; }
    html .row-fluid .dark-footer .top-left { width: 100%; }
    .dark-footer .footer-contact { padding: 10px 0 0 !important; }
    .footer-privacy { text-align: center !important; }
    .dark-footer .small-6 { width: 100%;text-align: center !important; }
    .dark-footer .middle-right em { padding: 20px 0 0;width: 100%; }
 }

.hs-landing-page .km-fancy-title:after, 
.hs-landing-page .km-fancy-title:before {
  content: none;
}
@media (max-width: 578px) {
  .hs-landing-page .mobile_disable_line .km-fancy-title span:before,
  .hs-landing-page .mobile_disable_line .km-fancy-title span:after {
    content: none;
  }
}
@media (max-width: 400px) {
  .hs-landing-page .header-container-wrapper {
        min-width: 320px;
        overflow: hidden;
  }
}