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

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






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

.btn-hs-primary {
   border: 2px solid #002c73 !important;
   border-radius: 0 !important;
   background-color: transparent !important;
   background-image: none !important;
   color: #002c73 !important;
   box-shadow: none !important;
   text-shadow: none !important;
   text-transform: uppercase;
}

.link-as-blue-blue-button a {
    color: #ffffff;
    /* background-color: rgba(0, 44, 115, 0.6); /* 002c73 */
    background-color: rgba(75, 124, 202, 0.4); /*4b7cca */
    border: 2px solid #4b7cca;
    padding: 1rem 2rem;
    text-transform: uppercase;
    display: inline-block;
}
.link-as-blue-blue-button a:hover {
    background-color: rgba(0, 44, 115, 0.9); /* 002c73 */
    text-decoration: none;
}
.link-as-blue-button a {
    color: #ffffff;
    /* background-color: rgba(0, 44, 115, 0.6); /* 002c73 */
    background-color: #002c73;
    border: 2px solid #4b7cca;
    padding: 1rem 2rem;
    display: inline-block;
}
.link-as-blue-button a:hover {
    background-color: rgba(0, 44, 115, 0.9); /* 002c73 */
    text-decoration: none;
}
.cap-underline-link a {
    text-transform: uppercase;
    text-decoration: underline;
}

.container-fluid {
    max-width: 100%;
    margin: 0;
}

.hs_cos_wrapper_widget img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    max-width: 100%;
}

.body-container-wrapper {
    padding-top: 30px;
}
.container-fluid {
    padding: 0;
}
.container-fluid.body-container {
    margin: 0;
    
}

p, ul, li, .hs-button, .marketing .marketing-byline {
    font-family: arial, sans-serif;
}

.equal-heights > .row-fluid-wrapper > .row-fluid {
  display: flex;
  flex-wrap: wrap;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
h2, h3, h4, h5, h6 {
    font-weight: normal;
}
.mueller-button {
    padding-bottom: 2.0rem;
}
.mueller-button input[type="submit"],
.mueller-button input[type="button"] {
    border-radius: 0px!important;
    background-color: #002c73!important;
    background-image: none !important;
    padding: 4px 2rem!important;
}

.no_list .hs_cos_wrapper_type_rich_text ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0.25rem;
}
.no_list .hs_cos_wrapper_type_rich_text ul li {
    list-style: none;
    margin-bottom: 0.25rem;
}
.no_list .hs_cos_wrapper_type_rich_text ul li:before {
    font-family: none;
    content: "";
    margin-right: 0;
    color: inherit;
}

.grey_box {
    background-color: #e3e5e6;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.image_horiz_margin img {
    margin: 0 10px;
}
.standard_list .hs_cos_wrapper_type_rich_text ul li {
    list-style: initial;
    margin-bottom: 0.25rem;
}
.standard_list .hs_cos_wrapper_type_rich_text ul li:before {
    font-family: none;
    content: "";
    margin-right: 0;
    color: inherit;
}
.product-slideshow .hs_cos_gallery_thumbnails .slick-slide {
    max-height: 75px; /* override to make slide show thumbnails the same (or close) height */
}

#side-menu-box {
    background-color: #e3e5e6;
}
#side-menu-box .row-fluid .widget-type-menu,
#side-menu-box .row-depth-1 {
    min-height:600px;
}
#side-menu-box .widget-type-header {
    margin-bottom: 0;
    padding: 1.0rem 0 0 0.5rem;
}
#side-menu-box .widget-type-header h4 {
    color: #002c73;
    font-size: 1.5rem;
    font-family: "Sentinel A", "Sentinel B", arial, sans-serif !important;
}
#side-menu-box .hs-menu-wrapper a {
    background: none;
}
#side-menu-box::after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e5e6+50,ffffff+100 */
    background: #e3e5e6; /* Old browsers */
    background: -moz-linear-gradient(top, #e3e5e6 5%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e3e5e6 5%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e3e5e6 5%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
    content: " ";
    display: block;
    width: 100%;
    height: 150px;
    bottom: 0;
}

.content-text-std h1, 
.content-text-std h2, 
.content-text-std h3, 
.content-text-std h4 {
    color: #002c73;
    font-weight: normal;
}
.content-text-std .cell-wrapper {
    margin-bottom: 1.0rem;
    font-weight: normal;
}
.content-text-std tbody tr th {
    text-align: left;
}

/* hover image style */
.image-hover {
	/*background: #000;*/
}
/*.image-hover img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-hover:hover img {
	opacity: .75 !important;
}*/
.image-hover {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.image-hover:hover {
  -webkit-filter: grayscale(100%);
}
.image-hover img:hover {
  -webkit-filter: blur(1px);
}


/* Mueller Header */

#header-grey {
    background-color: #a4a9ad;
    color: #ffffff;
    line-height: 1.0;
}
#header-grey .top-address {
    padding: 10px 0;
    font-size: 0.85rem;
    line-height: 1.0;
    text-transform: uppercase;
}
#header-grey .top-address .cell-wrapper {
    margin-bottom: 0;
}
#header-grey .top-address #coname {
    padding-right: 1.0rem;
}
#header-grey .top-address #phone {
    font-weight: bold;
}
#header-grey .top-address #phone:before {
    font-family: FontAwesome;
    content: "\f095";
    color: #002c73;
}
#header-grey .top-menu {
    text-align: right;
}
#header-grey .top-menu .cell-wrapper {
    margin-bottom: 0;
}
#header-grey .top-menu .cell-wrapper .hs-menu-wrapper ul {
    line-height: 1.0;
    
}
#header-grey .top-menu .cell-wrapper .hs-menu-wrapper a {
    background: none;
    color: #ffffff;
    font-size: 0.85rem;
    /*text-transform: uppercase;*/ /*myMUELLER menu; can't uppercase the menu entries */
}

#mueller-mega-menu {
    margin-top: 15px;
    
    border: 1px solid #ff0000;
}
.header-container .hs_cos_wrapper_type_logo a img {
    /*background-color: #002c73;*/
}
.container-fluid.header-container {
    padding: 0;
    background: #fff;
}

.widget-type-logo .cell-wrapper, 
.custom-menu-primary .cell-wrapper {
    margin-bottom: 0 !important;
}

.no-margin-bottom .cell-wrapper {
    margin-bottom: 0;
}

/* Mueller Footer */

#silver-bg {
    background-image: url("https://cdn2.hubspot.net/hubfs/1645249/2017/Footer/Mueller-Metal-Thin.jpg");
    background-color: #002c73;
    background-repeat: vertical;
    background-position: center top;
    min-height: 500px;
    padding-top: 2rem;
}
#silver-bg .contact-anchor {
    height: 1px;
}
#silver-bg h2 {
    color: #002c73;
}
#silver-bg p {
    color: #000000;
}
#silver-bg form label {
    color: #000000;
}
#silver-bg textarea {
    min-height: 6rem;
}
#silver-bg .offset-header {
    margin-top: 40px;
}

.hs-custom-form .hs_submit, 
.hbspt-form .hs_submit, /* submit button on js included forms. 10/4/18 */
#silver-bg .hs_submit {
    text-align: center;
}
.hs-custom-form input[type="submit"], 
.hbspt-form input[type="submit"], /* submit button on js included forms. 10/4/18 */
#silver-bg input[type="submit"] {
    border: 2px solid #002c73 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #002c73 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 0.5rem 4rem !important;
    text-transform: uppercase;
}
#silver-bg input[type="submit"]:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.hs-button.primary:hover {
    background-image: none !important;
    color: #002c73 !important;
}

#blue-footer {
    background-color: #002c73;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#blue-footer a {
    color: #fff;
    text-transform: uppercase;
}
#blue-footer .bottom-blue-icon {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    width: 20%;
    float:left;
}
#blue-footer .bottom-blue-icon div {
    display: block;
    min-height: 40px;
    margin: 1rem auto;
    width: 100%;
    text-align: center;
    line-height:40px;
}
#blue-footer .bottom-blue-icon img {
    position:relative;
}


.container-fluid.footer-container {
    padding-top: 0;
    background-color: #60676f;
}
.footer-container, 
.footer-container p, 
.footer-container ul, 
.footer-container li {
    color: #fff;
}
.footer-container h3 {
    color: #fff;
    font-size: 1.0rem;
}

#main-footer {
    padding: 1.0rem 0;
}
#main-footer h1, 
#main-footer h2, 
#main-footer h3, 
#main-footer h4, 
#main-footer h5, 
#main-footer h6 {
    font-family: Helvetica, Trebuchet MS, sans-serif;
}
.footer-text-box {
    padding-right: 1.0rem;
    border-right: 1px solid #fff;
    font-size: 0.75rem;
}
.footer-text-box h3 {
    text-transform: uppercase;
}
.footer-text-box .footer-logo {
    padding-top: 1rem;
}

.footer-text-box .widget-type-image .layout-widget-wrapper, 
.footer-text-box .widget-type-linked_image .layout-widget-wrapper {
    text-align: left;
}


.footer-menu-row-5 {
      padding-bottom: 1.0rem;
      clear: both;
}
.footer-menu-row-5 .footer-menu-group {
    width: 50%;
    float: left;
}
.footer-menu-row-5 .footer-menu-row {
    color: #fff;
    text-transform: uppercase;
    width: 50%;
    float: left;
}
.footer-menu-row-5 .footer-menu-row h4 {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}
.footer-menu-row-5 .footer-menu-row ul {
    color: #fff;
    list-style: none;
    margin: 0 0.5rem 0 0;
}
.footer-menu-row-5 .footer-menu-row ul li a {
    color: #a6abb3;
    font-size: 0.75rem;
}

.footer-menu-row-5 .footer-menu-main ul li {
    margin-bottom: 1.0rem;
}
.footer-menu-row-5 .footer-menu-main ul li a {
    color: #fff;
}

.footer-menu-row-span4 {
    text-align: right;
}

#icons-social {
    margin-top: 1.0rem;
    text-align: right;
}

#icons-social-left {
    margin-top: 1.0rem;
}

#icons-social-left img {
    width: 50px;
    height: 50px;
}

#icon-social-left a {
    margin-right: 0.5rem;
}

#icons-social a {
    margin-left: 0.5rem;
}
#icons-social img {
    width: 50px;
    height: 50px;
}


/* home items */

#mueller-home-banner {
    background-image: url("//cdn2.hubspot.net/hubfs/1645249/2017/Home/Mueller-banner.jpg");
    background-color: #002c73;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 500px;
}
#mueller-home-banner .home-text {
    padding: 5rem 20%;
    
}
#mueller-home-banner .home-text p, 
#mueller-home-banner .home-text h1 {
    color: #ffffff;
    text-align: center;
}
#mueller-home-banner .home-text p {
    margin-bottom: 3rem;
}

.home-blue-box {
    background-color: rgba(0, 44, 115, 0.6); /* 002c73 */
    margin-top: -185px;
    height: 185px;
}

#home-callouts-4 {
    margin-top: -165px;
    float: left;
    padding: 0 8%;
    max-width: 100%;
}
#home-callouts-4 .home-callouts-4-item {
    padding: 0; /*0 2.5%;*/
}
#home-callouts-4 .home-callouts-4-item .cell-wrapper {
    margin-bottom: 0;
}
#home-callouts-4 .home-callouts-4-item  h3 {
    font-family: arial, sans-serif;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    height: 60px;
    overflow: hidden;
    margin-top: 0.5rem;
}


#home-story {
    border: 2px solid #e3e5e6;
    background-image: url('//cdn2.hubspot.net/hubfs/1645249/2017/Home/Highlight/Story-bg.png');
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #fff;
}
#home-story .home-story-content {
    padding: 0 1.0rem;
}
#home-story .home-story-content p,
#home-story .home-story-content h3 {
    color: #002c73;
}


#home-logo {
    border: 2px solid #e3e5e6;
    padding: 1rem;
}
#home-logo h3 {
    text-align: center;
    color: #002c73;
}

.logos {
    position: relative;
}

.logos .logo-4 {
    width: 25%;
    float: left;
}

.logo_image {
    display: block;
    width: 100%;
    height: auto;
}
.greyscale-img img {
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.5;
}
.greyscale-img:hover img {
    -webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1.0;
}

.overlay1,
.overlay2, 
.overlay3, 
.overlay4 {
    margin-top: -100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #ffffff;
}

.logo-4:hover .overlay1, 
.logo-4:hover .overlay2, 
.logo-4:hover .overlay3, 
.logo-4:hover .overlay4 {
    opacity: 1;
}
.overlay img {
    max-width: 100%;
}

.home-center-content {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
}

.home-blue-message-box {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e68aa+0,193f7c+100 */
    /* background: #3e68aa; /* Old browsers */
    /* background: -moz-linear-gradient(left, #3e68aa 0%, #193f7c 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(left, #3e68aa 0%,#193f7c 100%); /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to right, #3e68aa 0%,#193f7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e68aa', endColorstr='#193f7c',GradientType=1 ); /* IE6-9 */
    
    padding: 3.0rem 10%;
    margin-top: 3.0rem;
    
    /*background-image: url(//cdn2.hubspot.net/hubfs/1645249/2017/Home/Quote-Background.jpg);
    background-repeat: repeat-y;
    background-position: center top;*/
}

.home-blue-message-box p, 
.home-blue-message-box a, 
.home-blue-message-box h1, 
.home-blue-message-box h2, 
.home-blue-message-box h3, 
.home-blue-message-box h4, 
.home-blue-message-box h5, 
.home-blue-message-box h6 {
    color: #fff;
    text-align: center;
}

#industry-solutions {
    margin: 0 auto 1rem auto;
}

#industry-solutions h2 {
    text-align: center;
    color: #002c73;
}

#industry-solutions .slick-slider {
    width: 80%;
    margin-left: 10%;
}
#industry-solutions .slick-slide {
    padding: 0 0.5%;
}
#industry-solutions .slick-next:before {
    content: url('https://cdn2.hubspot.net/hubfs/1645249/2017/Home/Solutions/ss-right.png');
}
#industry-solutions .slick-prev:before {
    content: url('https://cdn2.hubspot.net/hubfs/1645249/2017/Home/Solutions/ss-left.png');
}

.slideshow-gradient {
    display:inline-block;
}

.slideshow-gradient::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    margin-top: -130px;
    height: 130px;
    width: 100%;
    content: '';
}

.slide-item .caption {
    margin-top: -3.5rem;
    color: #fff !important;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-align: center;
    padding: 0 10px;
}

.slick-prev:before, .slick-next:before{
    color: #000;
}

/* Industry topper code */
.page-hero-banner {
    padding: 3rem 1rem;
    background-size: cover;
    background-position: center center;

    color: #fff;
    width: 100%;
    float: none;
    margin: 0 0 2rem 0;
    text-align: center;
    background-color: #002c73;
}
.page-hero-banner .page-hero-banner-content {

}
.page-hero-banner .page-hero-banner-content h1 {
    margin-bottom: 10px;
}

.page-hero-banner-content {
    width: 90%;
    float: none;
    margin: 2rem auto 0 auto;
}
.page-hero-banner-content p {
    color: #fff;
    text-align: center;
    margin: 0 20%;
}

.page-hero-banner-content h1 {  
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 2px;
    line-height: 1;
}
.page-hero-banner-content h1, 
.page-hero-banner-content h2, 
.page-hero-banner-content h3, 
.page-hero-banner-content h4 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}

.page-hero-banner-content .page-hero-banner-black, 
.page-hero-banner-content .page-hero-banner-black p {
    color: #000;
}
.page-hero-banner-content .banner-shadow {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}
.page-hero-banner-content .page-hero-banner-black.banner-shadow {
    text-shadow: 4px 4px 2px rgba(255, 255, 255, 1);
}
.page-hero-banner-content .banner-shadow p {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}
.page-hero-banner-content .page-hero-banner-black.banner-shadow p {
    text-shadow: 4px 4px 2px rgba(255, 255, 255, 1);
}
.page-hero-banner-content .banner-glow {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
.page-hero-banner-content .page-hero-banner-black.banner-glow {
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}
.page-hero-banner-content .banner-glow p {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
.page-hero-banner-content .page-hero-banner-black.banner-glow p {
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

@media screen and (min-width: 800px) {
    .page-hero-banner-content {
        
    }
}
@media screen and (min-width: 1280px) {
    .page-hero-banner-content {

    }
}


/* Industry Template */
#industry-top .industry-top-text {
    margin-top: -33%;
    text-align: center;
    color: #fff;
}
#industry-top .industry-top-text h1,
#industry-top .industry-top-text h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}
#industry-top .industry-top-text p {
    text-align: center;
    color: #fff;
    margin: 0 20%;
}

.industry-callout {
    text-align: center;
}
.industry-callout .industry-callout-title .cell-wrapper {
    margin-bottom: 0;
}
.industry-callout .industry-callout-title h3 {
    color: #002c73;
    text-align: center;
    padding: 0 1%;
}
.industry-callout .industry-callout-image {
    margin: auto;
}
.industry-callout .industry-callout-image img {
    width: 100%;
}
.industry-callout .industry-callout-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    margin-top: -80px;
    height: 50px;
    width: 100%;
    content: '';
}
.industry-callout .industry-callout-text {
    margin-top: -2.0rem;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
}

.industry-quote {
    background-color: #e3e5e6;
    float:left;
    width:100%;
}
.industry-quote img {
    max-height: 400px;
    max-width: 50%;
    float:left;
    margin: 0 15px 0 0;
}
.industry-quote .industry-quote-text {
    margin-top: 1rem;
    padding-right: 2.5rem;
    text-align: right;
    overflow: hidden;
}
.industry-quote .industry-quote-text a {
    text-decoration: underline;
}
.industry-quote .industry-quote-text p {
    /*text-align: justify;*/
}
.industry-quote .industry-quote-text h3 {
    color: #002c73;
}
.industry-quote .cell-wrapper {
    margin: 0;
}

.text-bullet-columns ul {
    margin: 9px 0 9px 25px;
}


#solutions-display {
    margin-top: 2rem;
}
#solutions-display h2 {
    text-align: center;
    color: #002c73;
}
.solution-item {
    width: 100%;
    cursor: pointer;
    float: left;
    margin-bottom: 0.5rem;
}
.solution-item:hover {
    background-color: #e3e5e6;
}
.solution-item:hover .solution-text a {
    text-decoration: none;
}
.solution-item .solution-img {
    float: left;
    width: 40%;
    text-align: center;
}
.solution-item .solution-img img {
    max-height:200px;
}
.solution-item .solution-text {
    float: left;
    width: 55%;
    padding: 0.5rem 0 0 2%;
    color: #000;
    background-color: none;
}
.solution-item .solution-text h4 {
    color: #002c73;
    font-size: 1.25rem;
}

.blue-horiz-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3967b1+0,174289+100 */
    background: #3967b1; /* Old browsers */
    background: -moz-linear-gradient(left, #3967b1 0%, #174289 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3967b1 0%,#174289 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3967b1 0%,#174289 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3967b1', endColorstr='#174289',GradientType=1 ); /* IE6-9 */
}


/* Product Category Template */
.product-image img {
    /*width: auto !important;
    max-height: 600px;*/
}
.product-box-callout {
    border: 2px solid #e3e5e6;
}
.product-box-callout-text {
    padding: 0 1.0rem 0.5rem 1.0rem;
}
.product-box-callout h2 {
    color: #002c73;
    font-size: 1.25rem;
}
#genericServices-callout .genericServices-text h2,
#genericServices-callout .genericServices-text p {
    color: #fff !important;
}

#genericServices-callout .genericServices-text {
    margin-top: 2rem;

}

#brewmasters-callout .brewmasters-text {
    margin-top: 1rem;
}
#brewmasters-callout .brewmasters-text h2,
#brewmasters-callout .brewmasters-text p {
    color: #fff;
}
#brewmasters-callout .brewer-logos {
    width: 100%;
    text-align: center;
    max-height: 100px;
    margin-top: 0.5rem;
}
#brewmasters-callout .brewer-logos img {
    max-width: 20%;
    margin-right: 3%;
    max-height: 100px;
}

#prod-grid-group h2 {
    text-align: center;
}

.prod-grid {
    width: 100%;
    float: left;
    display: block;
}
.prod-grid .prod-grid-col-10 {
    float: left;
    width: 10%;
}
.prod-grid .prod-grid-col-20 {
    float: left;
    width: 20%;
}
.prod-grid .prod-grid-col-30 {
    float: left;
    width: 30%;
}
.prod-grid .prod-grid-col-40 {
    float: left;
    width: 40%;
}
.prod-grid .prod-grid-col {
    float: left;
    width: 19%;
    text-align: center;
    
    position: relative;
    /*height: 260px;*/

    /*padding: 3px;*/
    border: 1px solid #e3e5e6;
    margin: 0 4.5px;
}
.prod-grid .prod-grid-image {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.prod-grid .prod-grid-image img {
    max-height: 190px;
}
.prod-grid .prod-grid-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4c4c4c 100%);
    margin-top: -50px;
    height: 50px;
    content: '';
}
.prod-grid .prod-grid-title {
    color: #fff;
    /*text-transform: uppercase;*/
    line-height: 1.2rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
}

/* Services Templates */

#blue-header {
    background-color: #002c73;
    padding: 1rem;
    margin-bottom: 2rem;
}
#blue-header .cell-wrapper {
    margin-bottom: 0;
}
#blue-header p,
#blue-header h1 {
     color: #fff;
}
#blue-header h2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}

.service-grid {
    width: 100%;
    float: left;
    display: block;
}
.service-grid .service-grid-col-10 {
    float: left;
    width: 10%;
}
.service-grid .service-grid-col-20 {
    float: left;
    width: 20%;
}
.service-grid .service-grid-col-30 {
    float: left;
    width: 30%;
}
.service-grid .service-grid-col-40 {
    float: left;
    width: 40%;
}
.service-grid .service-grid-col {
    float: left;
    width: 25%;
    padding: 3px;
    text-align: center;
}
.service-grid .service-grid-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    margin-top: -100px;
    height: 100px;
    content: '';
}
.service-grid .service-grid-title {
    margin-top: -2.85rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 0 10px;
}


.product-slideshow .hs_cos_gallery_main .slick-slide img, 
.product-slideshow .hs_cos_gallery_thumbnails .slick-slide img, 
.product-slideshow .hs_cos_gallery_lightbox .slick-slide img {
    width:auto !important;
    max-height: 400px;
}

.product-slideshow .slick-dots {
    display: none !important;
}


.product-price-display {
    text-align: right;
}
.product-price-display .product-price-display-range {
    font-weight: bold;
    color: #000;
}
.product-price-display a {
    text-transform: uppercase;
    text-decoration: underline;
}

.product-tabs .tabber-tabs > li > a {
    padding: 0.5rem 2.0rem;

    margin-right: 0.75rem;

    line-height: 20px;
    
    border: 1px solid #e3e5e6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    display: block;
    color: #000;
    cursor: pointer;
    background-color: #ffffff;
}
.product-tabs .tabber-tabs > .active > a, 
.product-tabs .tabber-tabs > .active > a:hover, 
.product-tabs .tabber-tabs > .active > a:focus {
    background-color: #e3e5e6;
}
.product-tabs .tabber-content ul {
    padding: inherit;
    margin: inherit;
    margin-left: 1.5rem;
}
.product-tabs .tabber-content ul li {
    margin-top: 0.5rem;
}
.product-tabs .tabber-content {
    background: #fff;
    padding: 0.75rem 0;
    border: none; /* 1px solid #e3e5e6; */
    border-top: 1px solid #e3e5e6;
}
.product-tabs .tabber-content .tab-feature-content {
    border-top: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6;
    padding: 1.0rem 0;
}
.product-tabs .tabber-content .tab-specs-content table {
    width: 100%;
    color: #000;
}
.product-tabs .tabber-content .tab-specs-content table tr {
    border-top: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6;
}
/* .product-tabs .tabber-content .tab-specs-content table tr td {
    padding: 0.25rem 1.5rem; */
}
.product-tabs .tabber-content .tab-downloads-content {
    padding: 0 1.5rem;
}
.product-tabs .tabber-content .tab-downloads-content .tab-downloads-download {
    border-bottom: 1px solid #e3e5e6;
    width: 100%;
    margin-top: 0.75rem;
}
.product-tabs .tabber-content .tab-downloads-content .tab-downloads-download a {
    padding-left: 0.75rem;
    color: #000;
    text-decoration: none;
}
.product-tabs .tabber-content .tab-downloads-content .tab-downloads-download a .fa {
    color: #002c73;
    font-size: 1.25em;
}
.product-tabs .tabber-content .tab-downloads-content .tab-downloads-download span {
    text-align: right;
    float: right;
    color: #002c73;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.75em;
}
.product-tabs .tabber-content .tab-videos-content {
    border-top: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6;
    padding: 0 1.5rem;
}
.product-tabs .tabber-content .tab-parts-content {
    border-top: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6;
    padding: 0 1.5rem;
}


a.ad-wide-500:hover {
    text-decoration: none;
}
.ad-wide-500 div.ad-wide {
    background-image: url("https://academy.paulmueller.com/hubfs/2017/Ads/Ad-Background-500.jpg");
    background-color: #002c73;
    padding: 2.0rem;
    font-family: "Sentinel A", "Sentinel B", arial, sans-serif;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
.ad-wide-500 div.ad-wide .ad-wide-head {
    color: #002c73;
    font-size: 36px;
    font-weight: bold;
}
.ad-wide-500 div.ad-wide .ad-wide-body {
    color: #fff;
    font-size: 24px;
    padding-right: 25%;
    margin-bottom: 1.0rem;
    line-height: 1.25;
}
.ad-wide-500 div.ad-wide .ad-wide-callout {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    padding-right: 50%;
    line-height: 1.0;
}
.ad-wide-500 div.ad-wide .ad-wide-button {
    border: 2px solid #000000;
    text-shadow: none;
    margin: 1.0rem 10%;
    padding: 0.5rem 2rem;
    text-align: center;
    font-family: arial, sans-serif;
    background-color: rgba(255, 255, 255, 0.4);
    font-weight: bold;
    text-transform: uppercase;
}

/* Case Studies */

.case-study-top-video {
    margin-top: 1.0rem;
}

.industry-case-study-list-item:hover {
    background-color: #e3e5e6;
}
.industry-case-study-list-item a:hover {
    text-decoration: none;
}

.industry-case-study-list-item img {
    width: 100%;
}

.case-study-callout-item {
    border: 2px solid #e3e5e6;
    display: flex;
    align-items: center;
    margin-bottom: 2.0rem;
}
.case-study-callout-item img {
    max-width: 55%;
}
div.row-fluid-wrapper:nth-child(even) .case-study-callout-item-align, 
div.hs_cos_wrapper_widget:nth-child(even) .case-study-callout-item-align {
    flex-direction: row-reverse;
}
div.row-fluid-wrapper:nth-child(odd) .case-study-callout-item img, 
div.row-fluid-hs_cos_wrapper_widget:nth-child(odd) .case-study-callout-item img{
    float: left;
}
div.row-fluid-wrapper:nth-child(even) .case-study-callout-item img, 
div.row-fluid-hs_cos_wrapper_widget:nth-child(even) .case-study-callout-item img{
    float: right;
}
.case-study-callout-item .case-study-callout-text {
    color: #60676f;
    margin-left: 1.0rem;
}
.case-study-callout-item .case-study-callout-text .cs-subtitle {
    font-size: 1.2rem;
}
.case-study-callout-item .case-study-callout-text .cs-desc {
    
}
.case-study-callout-item .case-study-callout-text .cs-link a {
    text-transform: uppercase;
    text-decoration: underline;
}

.blue-quotes blockquote,
.blue-quotes blockquote p {
    border: none;
    color: #002c73 !important;
    font-weight: bold;
}

.case-study-list {
    background-color: #002c73;
    color: #fff;
    float: left;
    margin-bottom: 2.0rem;
}
.case-study-list .case-study-list-row {
    background-color: #002c73;
    width: 100%;
    float: left;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid #4b7cca;
}
.case-study-list .case-study-list-row:last-child {
    border: none;
}

.case-study-list-img {
    width: 50px;
}
.case-study-list-text {
    padding-left: 10px;
    display: table;
    height: 50px;
}
.case-study-list-text span {
    display: table-cell;
    vertical-align: middle;
}

.case-study-right-column-images img {
    margin-bottom: 20px;
}

/* careers */
.career-tabs {
    padding: 0.75rem 0rem;
}
.careers-display .hs-rss-item {
    border: 1px solid #e3e5e6;
    padding: 0.5rem;
}

/* Bios */
.leader-bio {
    margin-bottom: 2.0rem;
}
.leader-bio .leader-bio-img {
    text-align: center;
}
.leader-bio .leader-bio-name {
    font-size: 1.5rem;
    color: #002c73;
    font-family: "Sentinel A","Sentinel B",arial,sans-serif;
}
.leader-bio .leader-bio-position {
    font-size: 1.25rem;
    color: #002c73;
    font-family: "Sentinel A","Sentinel B",arial,sans-serif;
}
.leader-bio .leader-bio-years {
    font-size: 1.25rem;
    color: #002c73;
    font-family: "Sentinel A","Sentinel B",arial,sans-serif;
}
.leader-bio .leader-bio-text {
    
}


/* dwownload object style */
.download-area {
    margin-bottom: 1.0rem;
}
.display-download  {
    border-bottom: 1px solid #e3e5e6;
    width: 100%;
    margin: 0.75rem 0;
}
.display-download a {
    padding-left: 0.75rem;
    color: #000;
    text-decoration: none;
}
.display-download a .fa {
    color: #002c73;
    font-size: 1.25em;
}
.display-download span {
    
}
.display-download download {
    text-align: right;
    float: right;
    color: #002c73;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.75em;
}


/* mobile styles */
.mobileHide {
    display: block;
}
.mobileShow {
    display: none !important;
}

.hs-responsive-embed {
    position: relative; 
    height: 0; 
    overflow: hidden; 
    padding-top: 0; 
    padding-left: 0; 
    padding-right: 0;
}

.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border: 0;
}

.hs-responsive-embed, 
.hs-responsive-embed.hs-responsive-embed-youtube, 
.hs-responsive-embed.hs-responsive-embed-wistia, 
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 56.25%;
}

/* left menu styling */
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: inherit;
    left: 2rem;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children > ul { /* temp style; display all children in hierarchy */
    display: none;
    /*display: block;*/
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children.active-branch > ul {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    padding-left: 1.0rem;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    padding: 0.25rem 0 0.25rem 1.0rem;
    font-size: 0.9rem;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    width: 90%;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children>a::before {
    content: '+ ';
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children.active-branch>a::before {
    content: '- ';
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
   text-transform: uppercase;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1.active-branch>a {
    font-weight: bold;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2.active>a, 
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-3.active>a, 
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-4.active>a {
    font-weight: bold;
}

/* mobile menu selected style */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    text-transform: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal .active-branch>a {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #e3e5e5;
}

/* odd safari issue; 6 column in the bootstrap is computing too large for safari 11.0.3 */
#home-story.span6,
#home-logo.span6 {
    width: 48.5% !important;
}

/* searechbox in header */
.searchbox {
    margin-top: 0.5rem;
}
.searchbox .cell-wrapper {
    margin-bottom: 0;
}
.searchbox form {
    margin: 0;
    width: 85%;
    float: left;
}
.searchbox input[type="text"] {
    width: 85%;
    padding: 6px 6px;
    height: 1.5rem;
    font-size: 14px;
    cursor: auto;
    background-color: rgb(255, 255, 255);
}
.muellerGlobeLink {
    font-size: 24px;
}

@media (max-width: 1280px) {
    .page-center-no-padding {
        padding: 0 5px !important;
    }
}

@media (max-width: 1200px) {
    #header-grey .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    #header-grey .top-address #phone {
        width: 100%;
        float: left;
        margin-top: 0.5rem;
    }
    #header-grey .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        padding-left: 10px;
    }
    #mueller-home-banner {
        min-height: 550px;
    }
    #home-callouts-4 {
        padding: 0 1%;
    }
}

@media (max-width: 860px) {
    #header-grey .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        font-size: 0.75rem;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        padding: 10px 10px;
    }
}

@media (max-width: 768px) {
    .mobileHide {
        display: none !important;
    }
    .mobileShow {
        display: block !important;
    }
    
    .image-hover {
    	background: none;
    }
    #header-grey .top-address #coname {
        padding-left: 1.0rem;
    }
    #header-grey .top-address #phone {
        width: 50%;
        float: right;
        text-align: right;
        margin-top: 0;
        padding-right: 1.0rem;
    }
    
    /* home mobile overrides */
    #mueller-home-banner {
        min-height: 250px;
    }
    #mueller-home-banner .home-text {
        padding: 5rem 5%;
    }
    .home-blue-box {
        background-color: #fff;
        margin-top: 0;
        height: 0;
    }
    #home-callouts-4 {
        margin-top: 0;
    }
    #home-callouts-4 .home-callouts-4-item {
        border-bottom: 1px solid #002c73;
        margin-bottom: 1rem;
    }
    #home-callouts-4 .home-callouts-4-item h3 {
        color: #002c73;
        height: inherit;
    }
    .logos .logo-4 {
        width: 50%;
    }
    
    #silver-bg .offset-header {
        margin-top: 0;
    }
    
    #blue-footer .cell-wrapper {
        margin-bottom: 0;
    }
  	#blue-footer .row-fluid .page-center {
    		padding: 0;
		}
    #blue-footer .bottom-blue-icon {
        border-left: none;
        border-right: none;
        width: 50%;
        float:left;
        border-top: 2px solid #fff;
    }
  	#blue-footer .bottom-blue-icon:nth-child(2n) {
    		border-left: 2px solid #fff;
		}
  	#blue-footer .bottom-blue-icon:last-child {
        width: 100%;
    }
  
    .footer-text-box {
        padding-right: 0;
        border-right: none;
    }
    .footer-menu-row-5 .footer-menu-group {
        width: 100%;
    }
    #icons-social {
        text-align: center;
    }
    
    #side-menu-box {
        display: none !important;
    }
    #side-menu-box .row-fluid .widget-type-menu {
        min-height: 10px;
    }
    #side-menu-box .row-fluid {
        min-height: 10px;
    }
    #side-menu-box::after {
        background: none;
        height: 0;
    }
    
    
    #industry-top img {
        min-height: 225px;
    }
    #industry-top .industry-top-text {
        /*margin-top: -36%;*/
    }
    #industry-top .industry-top-text h1,
    #industry-top .industry-top-text h2 {
        font-size: 24px;
        line-height: 24px;
    }
    #industry-top .industry-top-text p {
        margin: 0 10%;
    }

    .industry-quote .industry-quote-text {
        margin-top: 1rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    
    .prod-grid .prod-grid-col {
        width: 100%;
        padding: 0;
    }
    .product-tabs .tabber-tabs > li > a {
        padding: 0.5rem 0.5rem;
        margin-right: 2px;
        font-size: 0.75em;
    }
    
    .product-slideshow .hs_cos_gallery_main .slick-slide img, 
    .product-slideshow .hs_cos_gallery_thumbnails .slick-slide img, 
    .product-slideshow .hs_cos_gallery_lightbox .slick-slide img {
        max-height: 200px;
    }
    
    
    .industry-quote img {
        max-height: 400px;
        max-width: 100%;
        float: left;
        margin: 0;
    }
    .industry-quote .industry-quote-text {
        width: 100%;
        margin-top: 1rem;
        padding-top: 1rem;
        padding-right: 0;
        text-align: left;
        overflow: hidden;
    }
} /* (max-width: 768px) */

@media (max-width: 480px) {
    #industry-top .industry-top-text {
        margin-top: -200px
    }
    #industry-top .industry-top-text p {
        margin: 0 5%;
    }
}