@import url('coupons.css');
@import url('countdown.css');
@import url('contacts.css');
@import url('footer.css');
@import url('header.css');
@import url('navbar.css');
@import url('slider.css');
@import url('specials.css');
@import url('product_box.css');
@import url('new_products_box.css');
@import url('subcategories.css');
@import url('cat_filters.css');
@import url('product_info.css');
@import url('about_us.css');
@import url('assemble.css');
@import url('specials_page.css');
@import url('partners_program.css');
@import url('products_of_the_week.css');
@import url('franchising.css');
@import url('shopping_cart.css');
@import url('mini_slider.css');
@import url('two_banners.css');
@import url('contacts_box.css');
@import url('signup_box.css');
@import url('new_products_page.css');
@import url('login.css');
@import url('create_account.css');
@import url('checkout.css');
@import url('../fonts/flaticon.css');
@import url('page.css');
@import url('chechout_shipping.css');
@import url('checkout_confirmation.css');
@import url('toTop.css');
@import url('user_pages.css');
@import url('modal.css');
@import url('search.css');
@import url('offer.css');
@import url('tabbies.css');
@import url('compare_box.css');
@import url('favorites.css');
@import url('../owlCarousel/owl.carousel.css');

:root {
    --mainRed: #d51f22;
    --mainBlue: #2d2669;
    --mainWrap: 1280px;
    --headerHeight: 145px;
    --sectionGap: 10px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    
    font-family: 'PT Sans',Verdana,Arial;
}
html {
    scroll-behavior: smooth;
  }
ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}
h1.page_heading {
    display: inline-block;
    color: #2e2467;
    border-bottom: 1px solid #ebebeb;
    font-size: 1.25em;
    width: 100%;
}
h1.page_heading  span {
    display: inline-block;
    border-bottom: 2px solid var(--mainRed);
    padding: 10px 0;
    margin: 0 0 -2px 0;
}
input {
    border: none;
}
button, input, textarea, select {
    -webkit-appearance: none;
}
.s_wrap {
    max-width: var(--mainWrap);
    margin: 0 auto 70px;
    padding: 0 0 30px 0;
    /* border-bottom: 1px solid #666666; */
}
.warning_no_products {
    display: block;
    font-size: 22px;
    color: var(--mainRed);
    text-align: center;
    border: 1px solid var(--mainRed);
    padding: 7px 14px;
}
/* TEMP */
.temp_bottom_banner {
    max-width: var(--mainWrap);
    margin: 40px auto;
    display: flex;
    align-items: center;
}
.temp_bottom_banner a img {
    width: 1280px;
}
.privacy_info {
    max-width: var(--mainWrap);
    position: fixed;
    z-index: 9999;
    bottom: 0vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #333333;
    color: #ffffff;
    padding: 15px;
    text-align: center;
}
.privacy_info a {
    position: relative;
    left: 120px;
    margin: 0 20px;
    color: #add8e6;
}
.privacy_info a:hover {
    text-decoration: none;
    color: #D42427;
}
.boxBars {
    display: none;
}
/* temp */
.temp_wrap {
    max-width: var(--mainWrap);
    margin: 0 auto;
}

@media screen and (max-width: 1300px) {
    :root {
        --mainWrap: 95vw;
        --headerHeight: 134px;
    }
    .privacy_info {
        font-size: 14px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .privacy_info a {
        margin: 0;
        left: 0px;
    }
}
@media screen and (max-width: 1153px) {
    :root {
        --headerHeight: 123px;
    }
}
@media screen and (max-width: 1025px) {
    :root {
        --headerHeight: 118px;
    }
}
@media screen and (max-width: 900px) {
    :root {
        --headerHeight: 105px;
    }
}
@media screen and (max-width: 768px) {
    :root {
        --headerHeight: 155px;
    }
    .privacy_info {
        font-size: 12px;
    }
    h1.page_heading {
        padding-left: 20px;
    }
}
@media screen and (max-width: 480px) {
    :root {
        --mainWrap: 90vw;
        --headerHeight: 107px;
    }
    .privacy_info {
        flex-wrap: wrap;
    }
    .privacy_info span {
        width: 100%;
        margin: 0 0 10px 0;
    }
}