* {
    color: #212529;
}

html, body {
    background-color: #333333;
}

body {
    padding-bottom: 24px;
}

a, a * {
    color: #ae4410 !important;
    font-weight: bold;
    border: none;
}

a.btn-xs, input.btn-xs {
    font-weight: bold;
    font-size: 0.7em;
}

a.btn-xs:hover, input.btn-xs:hover {
    text-decoration: none;
}

button, button:hover, button:active, button:focus, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #ae4510;
    color: #ffffff !important;
    border: none;
    ;
    text-decoration: none;
    border-radius: 0px;
}

footer {
    margin-top: 16px;
}

h1, h2, h3, h4, h5, h6 {
    color: #751417 !important;
}

h1 {
    font-size: 3.2em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.0em;
}

.bg-light-transparent {
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 4px;
    padding: 12px !important;
}

.bg-light {
    background-color: #888888 !important;
}

.btn-default, .btn-default:hover, .close {
    color: #1f201b !important;
}

.btn:hover {
    background-color: #751417 !important;
}

button, .btn-primary {
    font-size: 0.8em;
}

.caret-right {
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    color: #ffffff !important;
}

.nav-item > a {
    color: #9e3400 !important;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    height: 74px;
    background-color: #888888 !important;
}

.navbar-collapse.in {
    display: block !important;
}

.ftco-navbar-light.scrolled.awake {
    background-color: #888888 !important;
    height: 74px;
}

.ftco-navbar-light.scrolled .navbar-nav {
    background-color: #888888 !important;
}

.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    height: 58px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-top: -12px;
}

.close:hover {
    color: #ffffff;
}

.content {
    margin: auto;
}

.content-affix {
    padding-top: 38px;
}

.contentPageHeading, .contentPageHeading h1 {
    color: #f1c446 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 4px;
    padding-right: 4px;
}

.dropdown-menu {
    background-color: #656565;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
    background-color: #751417;
    border-radius: 0px;
}

.dropdown-menu > li > a, .categories-menu > li > a {
    color: #000000 !important;
    font-weight: bold;
}

#divSearchDisplayIcon {
    color: #c7cbb9;
    cursor: pointer;
    margin: 8px;
    font-size: 2em;
}

.failingAlert {
    width: 100%;
    margin: 8px;
}

#flashMessages .alert {
    margin: 8px;
}

.form-control {
    height: auto !important;
    border-radius: 2px;
}

.ftco-footer .ftco-footer-widget h2 {
    text-shadow: 1px 1px #000000;
}

.ftco-navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5) !important;
}

.ftco-navbar-light .navbar-nav {
    background-color: #888888;
    padding: 4px;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
    font-size: 14px;
    font-weight: bold;
}

.ftco-section h1.mb-4, .ftco-section h2.mb-4 {
    text-shadow: 1px 1px #000000;
}

.ftco-section, .ftco-section h1, .ftco-section h2 {
    color: #f1c446 !important;
}

.ftco-section {
    padding-bottom: 4px;
}

.header-search-row {
    padding-top: 20px;
}

.hero {
    background: rgba(255, 255, 255, 0.2);
}

.home-services img {
    max-height: 235px;
}

.home-deliveries img {
    max-height: 235px;
}

.hp-image-row {
    background-color: #751417;
}

.hp-image-row, .hp-image-row * {
    color: #ffffff;
}

.hp-image {
    padding-left: 0px;
    background-color: #ffffff;
    padding-right: 4px;
}

.hp-main-categories-row {
    padding: 14px;
}

.hp-right-text {
    padding: 16px;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1em;
}

.hp-right-text > .btn-primary {
    font-size: 0.4em;
}

.hp-white-row {
    background-color: #ffffff;
    height: 14px;
}

.img-prod-blurred {
    position: absolute;
    height: 350px;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 250px;
    display: block;
}

.product .img-prod {
    height: 350px;
}

.product .img-prod img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.product .img-prod:hover img, .product .img-prod:focus img {
    -webkit-transform: scale(1.9);
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -o-transform: scale(1.9);
    transform: scale(1.9);
}

.product-price-box {

}

.logoBox {
    padding: 8px;
}

.loginNavBar {
    background-color: #ffffff;
    margin-bottom: 0px;
    z-index: 200;
    width: 100%;
    border-radius: 0px;
}

.loginBox {
    padding: 4px;
    padding-right: 12px;
    font-weight: bold;
    text-transform: capitalize;
}

.loginBox span {
    background-color: #ffffff;
}

.loginBox button.navbar-toggle, .loginBox button.navbar-toggle * {
}

.loginBox a.btn-xs {
    margin-left: 8px;
    border: none !important;
    background: none !important;
    padding: 6px !important;
}

.loginBox a.navbar-brand {
    padding: 6px !important;
}

.logo-header-image {
    text-align: right;
}

.logo-header-image img {
    max-height: 50px;
    float: right;
}

.logo-header-row {
    background-color: #ffffff;
}

.main-around {
    padding: 0px;
    width: 100%;
    margin: auto;
}

.navbar-brand > img {
    max-height: 60px;
}

.navbar-header-top-line {
    background-color: #000000;
    padding: 2px;
    min-height: 18px;
    margin: 0px;
}

.navbar-header-top-line, navbar-header-top-line * {
    color: #ffffff !important;
    font-weight: normal;
    border-radius: 0px !important;
    text-transform: capitalize;
}

.navbar-header-top-line > div > ul > li > a, .navbar-header-top-line > div > ul > li > a * {
    color: #ffffff !important;
    padding: 2px !important;
    line-height: 16px;
}

.navbar-header-top-line > div > ul > li > a > b {
    padding: 0px !important;
    color: #ffffff !important;
}

.navbar-header-top-line > div > ul > li > a:hover {
    border-radius: 0px;
    background: none;
}

.navbar-nav .open .dropdown-menu {
    display: block;
}

.navbar-top-links > div > ul.navbar-nav {
    float: none;
    display: inline-block;
}

.navbar-top-links > div > .navbar-nav > li, .navbar-top-links > div > .navbar-nav > li * {
    font-weight: normal;
    padding-left: 12px;
}

.navbar-top-links > div > .navbar-nav > li > a {
    color: #751417 !important;
    padding: 4px;
    text-transform: uppercase;
    font-weight: normal;
}

.navbar-top-links > div > .navbar-nav > li > a:hover, .navbar-top-links > div > .navbar-nav > li > a:active, .navbar-top-links > div > .navbar-nav > li > a:focus {
    background-color: #751417 !important;
    border-radius: 0px;
}

.navbar-top-links > div > .navbar-nav > li > a > b {
    padding: 0px !important;
    color: #ffffff !important;
}

.navbar-top-links div {
    height: 28px;
    width: auto;
}

.navbar-top-links {
    background-color: #656565;
    text-align: center;
}

.navbar-top-links-sub {
    display: inline-block;
    width: auto;
}

.owl-carousel.home-slider .slider-item .slider-text p {
    color: #000000;
}

.owl-carousel.home-slider .slider-item .slider-text .subheading {
    text-shadow: 1px 1px #000000;
}

.pagination span {
    margin-right: 8px;
}

.pagination span a, .pagination .current {
    font-size: 18px;
}

.pagination .next a {
    border: none;
}

.price-sale {
    white-space: nowrap;
}

.product .text h3 {
    height: 36px;
}

.megamenu a.thumbnail {
    background: none;
    color: #ffffff !important;
    padding: 0px;
    border: none;
    margin-bottom: 4px;
}

.required {
    color: #751417;
}

.row-fluid {
    width: 100%;
}

.tab-pane {
    padding: 4px;
}

.text-info {
    color: #212529 !important;
}

.tbl-home-areas {
    margin: auto;
}

.tbl-home-areas > tbody > tr > td {
    padding: 14px;
}

.testimony-section {
    padding: 1em;
}

.text-center a img {
    margin: auto;
}

.well {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 16px !important;
}

.wrap-about {
    padding-left: 18px !important;
}

.bannerContainer {
    text-align: center;
    padding: 0.8em;
}

/* Top banner */
.bannerContainer div {
    width: 85%;
    margin:auto;
    padding: 12px;
    text-align: center;
}

/* frontend css override */

.contentTeaser {
    box-shadow: 8px 8px #a1a1a1;
    border: solid 1px #751417;
    margin-bottom: 16px !important;
}

.contentTeaserReadMore a.btn-primary {
    margin: 12px;
    background-color: #888888;
    color: #ffffff !important;
    font-weight: normal;
}

.contentTeaserReadMore a.btn-primary b {
    margin-left: 18px;
}

.contentDetailsRow {
    background-color: #c7cbb9 !important;
}

/* Mini Search Form */

.miniSearchFormForm {
    margin: auto;
    float: none;
    display: inline;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.miniSearchForm {
    display: inline-table;
    width: auto;
    padding-right: 12px;
    padding-left: 22px;
    padding-top: 8px;
    border-radius: 2px;
    background-color: #888888;
    margin: 2px !important;
}

@media screen and (max-width: 800px) {
    .miniSearchForm {
        float: right;
    }
}

.searchButtonMini {
    background-color: #751417 !important;
    color: #ffffff !important;
    padding: 6px !important;
    border: none;
    border-radius: 2px;
    margin: 2px;
}

.searchTextInput {
    width: 10em;
    font-weight: normal !important;
    padding: 4px;
    border: none;
    background-color: #efefef;
    border-radius: 2px;
}

.shopping-cart-item-count {
    color: #ae4410 !important;
    position: relative;
    top: 0px;
    left: 0px;
}

.miniSearchForm .radio * {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.miniSearchForm .radio select {
    border-color: #ffffff;
}

.miniSearchForm .radio select, .miniSearchForm .radio option {
    color: #717171;
    padding: 2px;
    line-height: 12px;
    height: 24px;
}

.miniSearchForm .radio label {
    display: inline-table;
    margin-right: 6px;
    position: relative;
    top:-2px;
}

.miniSearchForm .radio input {
    display: inline-table;
    margin-right: 2px;
}

/* Bootstrap overrides */

.page-header {
    margin: 8px !important;
    padding: 2px !important;
}

.monthName {
    background-color: #18964C;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.carousel-caption {
    padding-bottom: 128px;
}

.carousel-indicators {
    top: -20px;
}

.carousel-indicators li {
    background-color: #18964C;
    border: solid 1px #000000;
}

.carousel-indicators .active {
    background-color: #751417;
}

.fileGalleryItem span {
    background: none !important;
}

@media screen and (min-width: 800px) {
    .fileGalleryItem span {
    }
}

@media all and (max-width: 800px) {

    a.btn-xs, input.btn-xs {
        font-size: 0.5em;
    }

}