/*
Template Name:      Marketing 360® Bigcommerce Template 103
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwiremedia.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

body {
   background: url(//cdn11.bigcommerce.com/s-585df/templates/__custom/img/bg-body.jpg?t=1685985589);
}

.page {
   background: none;
}

.header-secondary {
    background: #565656 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.header-secondary h3 {
    color: #fff;
    font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
}
.header-secondary h1 {
    color: #fff;
    font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
    margin: 0;
}
.header-secondary span {
    color: #ff7a10;
}

body#home.body-home #LayoutColumn1.Content.Widest .col-sm-12 img {
    display: block;
    margin: 0 auto;
}

.ProductList .pname {
    min-height: 70px;
}

/* Owl  */

#HomeFeaturedProducts.Block.FeaturedProducts.Moveable.Panel div.BlockContent i.icon {
    background: none;!important
        height: 20px !important;
}


ul.ProductList.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-next i.icon.icon-right,
ul.ProductList.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-prev i.icon.icon-left {
         height: 20px !important;   
}

ul.ProductList.owl-carousel li {
width: 100%!important;
}

.Block.FeaturedProducts.Moveable.Panel {
    width: 100%;
}

#home-page-carousel.owl-carousel.visible-md.visible-lg.owl-theme div.owl-wrapper-outer div.owl-wrapper {
    height: 105px;
}
#home-page-carousel.owl-carousel.visible-md.visible-lg.owl-theme div.owl-wrapper-outer div.owl-wrapper div.owl-item {
    width: 165px !important;
}

.owl-carousel .owl-wrapper::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel {
    /*display: none;*/
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #000;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);*/
    overflow: hidden;
    width: 101%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -moz-user-select: none;
}
.owl-prev {
    background-image: url("../img/prev-btn.png");
    background-repeat: no-repeat;
    bottom: 416px;
    color: transparent;
    position: relative;
    right: 12px;
}
.owl-next {
    background-image: url("../img/next-btn.png");
    background-repeat: no-repeat;
    bottom: 435px;
    color: transparent;
    left: 1128px;
    position: relative;
    width: 20px;
}
.owl-item div img {
    padding-left: 10px;
}
.owl-wrapper {
    border: 1px solid #fff;
    width: 1140px;
}
.owl-wrapper-outer .owl-wrapper .owl-item {
    position: relative;
    top: 15px;
}
.grabbing {
    cursor: url("grabbing.png") 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
}





/* Colors */

a,
.btn.btn-link {
   color: #ea4823;
}
a:hover,
.btn.btn-link:hover {
   color: #ff6744;
}

.btn,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
#PrimaryMenu ul li.dropdown ul a:hover,
#SideCatPopOut ul li ul a:hover {
   background: #e21923;
   color: #fff;
}
.btn:hover {
   background: #b3080a;
   color: #fff;
}

/* Secondary Colors  */

.btn.alt {
   background: #b2965a;
   color: #fff;
}
.btn.alt:hover {
   background: #cfb57d;
   color: #fff;
}

/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

.TopMenu,
.TopMenu a,
.TopMenu .phoneIcon,
.TopMenu .CartLink a {
   color: #000;
}

#Header {
   margin-bottom: 0;
   padding-bottom: 15px;
   background: #fff;
   
   color: #000;
}

#Header a {
   color: #000;
}

#header-cart {
   margin-top: 7px;
}

/*  Custom CSS  */

.footer-columns.row p img {
    margin-bottom: 5px;
    }

#header-cart.text-right p.bottom {
    color: #000;   
    }

.newsletter-subscription h4,
.newsletter-subscription p { 
    color: #fff;
    }

/* == Navigation == */

.PrimaryMenu-wrap {
   background: #2b2b2b;
}

#PrimaryMenu > ul > li > a,
#PrimaryMenu ul.category-list > li > a {
   color: #cbcbcb;
}

#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu ul.category-list > li > a:hover,
#PrimaryMenu ul.category-list > li.dropdown.open > a,
#PrimaryMenu ul.category-list > li.ActivePage > a {
   color: #fff;
}

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */


/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */


/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

/* == Newsletter == */

.newsletter-subscription {
   background: #131313;
}

.footer-main {
   background: #0e0e0e;
   color: #fff;
}

.footer-main .sf-menu li {
    float: none;
}

.footer-links {
   background: #0e0e0e;
   color: #fff;
}

.footer-main h4,
.footer-main a,
.footer-links a {
   color: #fff;
}
.footer-main a:hover {
   color: #ccc;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */


/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */


/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.ProductList .inner {
   padding: 15px 10px;
   /*border: 1px solid #ccc;*/
}

.ProductList .ProductDetails a {
   color: #333;
}
.ProductList .ProductDetails a:hover {
   color: #ea4823;
}

/* =============================================================================
   Product !n! !prd
   ========================================================================== */


/* =============================================================================
   Cart !n! !crt
   ========================================================================== */


/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */


/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

/* == Slideshow == */

.slide-show {
   margin-bottom: 30px;
}

.slide-show .flex-control-nav {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 15;
   margin: 0;
   padding: 10px 0 0 5px;
   text-align: left;
}
.slide-show .flex-control-paging li a {
   background: #fff;
   border-color: #fff;
}
.slide-show .flex-control-paging li a:hover,
.slide-show .flex-control-paging li a.flex-active {
   background: #ea4823;
}

/* == CTA == */

.cta {
   display: block;
}
.cta:hover {
   text-decoration: none;
}
.cta span {
   display: block;
   padding: 7px 12px;
   background: #e21923;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
}
.cta:hover span {
   background: #b30810;
}

/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* Medium Devices -- up to 991px */
@media screen and (max-width: 991px) {

}

/* Small Devices -- Tablets up to 767px */
@media screen and (max-width: 767px) {
    
    #Header {
      padding-bottom: 0;
    }

    .cta {
        text-align: center;
    }

}

/* Extra Small Devices -- Phones up to 480px */
@media screen and (max-width: 480px) {

}