/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background: white !important; }
 .header-top{ background: black !important; }
 #search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #373737;
    border: none;
    border-radius: 5px;
}
#header .header-top a[data-depth="0"] {
    color: #ffffff !important;
    text-transform: uppercase;
}
#header .top-menu a[data-depth="0"]:hover {
    color: #ffffff;
    text-decoration: none
}
@media (max-width: 768px) {
    #header .header-nav {
        background: #000 !important;
    }
}
#mobile_top_menu_wrapper {
    padding: 15px;
    background: #000000 !important;
}

@media (min-width: 992px) {
    .container {
        width: 95% !important;
        max-width: 100% !important;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 95% !important;
        max-width: 100% !important;
    }
}
.carousel .carousel-inner {
    height: 512px;
}

.product-flags li.product-flag{
    background: #373737 !important;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #000000 !important;
    border-color: transparent;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #000000 !important;
    text-decoration: none;
}