/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    height: 500px;
    margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 500px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
}

.accent-color {
    color: #ee3733;
}

.service-box { text-align: center;}
h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

footer {
    background-color: #222;
    padding-top: 60px;
    border-top: 4px solid #555;
    color: darkgrey;
}
.footer-widget h4 {
    color: #eee;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
footer .ubermenu-image { height: 50px; }
ul.footer-nav { float: right;}
ul.footer-nav li {display: inline-block;     padding: 20px 9px;}
ul.footer-nav li a{
    text-transform: uppercase;
    text-decoration: none;
    color: white
}

.z_products ul li.z_product { width: 169px; margin:9px; padding: 9px; display: inline-block; text-align: center; vertical-align: top; float: left;}
.z_product .z_image_wrapper { width: 140px; height: 140px;}
.z_product .z_image_wrapper img { max-height: 140px; margin: 0 auto;}
.z_product h3, .z_product_title {font-size: 14px; font-weight: bold;}
.z_product:hover { background: white;}
.z_product_teaser {font-size: 12px;}
.z_products ul.z_inactive li.z_product{ opacity: 0.8; border: 2px solid #1bbc9b; background: rgba(38, 194, 57, 0.08); min-height: 185px;}