@font-face {
 font-family:"Font Awesome 5 Brand";
 font-style:normal;
 font-weight:400;
 font-display:auto;
 src:url(./webfonts/fa-brands-400.eot);
 src:url(./webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
 url(./webfonts/fa-brands-400.woff2) format("woff2"),
 url(./webfonts/fa-brands-400.woff) format("woff"),
 url(./webfonts/fa-brands-400.ttf) format("truetype"),
 url(./webfonts/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
    font-family:"Font Awesome 5 Brand";
    font-weight:400;
    line-height: 0.85;
    border-radius: 3px;
}
.fa-facebook {
    background: #FFF!important;
    color: #3B5998!important;
    width: 32px;
    position: relative;
    top: -4px;
}
.fa-facebook::before {
    content: "\f082";
    font-size: 38px;
}

html, body {
    background-image: url(./img/background.jpg);
}
#main_container1 {
    background: #DDD;
    margin-top: 0!important;
    border-top: 2px solid #000;
}
#main_container2 {
    background: #FFF;
    box-shadow: 0px 4px 13px 4px rgba(255,255,255,0.5);
    margin-bottom: 20px!important;
    border-bottom: 2px solid #000;
}
#main_container1,
#main_container2 {
    background: #FFF;
    -webkit-box-shadow: 0px 4px 13px 4px rgba(255,255,255,0.5);
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}
#logobar {
    margin-bottom: 0!important;
    background: #DDD;
}
.col-12.search {
    padding: 12px;
    background: #EBEBEC;
}
.col-12.search * {
    padding: 0!important;
}
.col-12.search .search {
    float: left;
}
.col-12.search .nav-item {
    float: right;
    line-height: 38px;
}
#toggle_cart, .col-12.cart_box .nav-item.cart.dropdown .nav-link.text-secondary {
    height: 48px;
    padding: 0;
    line-height: 50px;
    text-align: center;
}
.fa-shopping-cart.fa-fw {
    width: auto;
}
.fa-shopping-cart::before {
    padding: 0 8px;
}
#logobar .nav-logo {
    padding: 40px 15px;
}
#logobar .d-sm-block img {
    width: 24px;
}
@media (max-width: 768px) {
	#logobar .col-12.col-md-6>.row.justify-content-end {
		margin-bottom: 15px;
	}
	#logobar .col-12.col-md-6>.row.justify-content-end .d-sm-block {
		display: block!important;
	}
}
.cart_box {
    float: right;
    position: relative;
    top: calc(50% - 64px);
}
#logobar ul, #logobar li.nav-item.cart dropdown {
    padding: 0;
    margin: 0;
}
#logobar li.nav-item.cart.dropdown {
    list-style: none;
    background-color: #2B2624;
    height: 46px;
}
#logobar li.nav-item.cart.dropdown .cart_txt,
.cart-count{
    font-size: 22px;
    line-height: 46px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
}
.cart-count {
    background-color: #BEBEBE;
    line-height: 44px;
    color: #FFF;
    margin: 0;
    float: left;
    width: 46px;
    height: 46px;
    text-align: center;
    font-weight: 600;
}
.dropdown-menu.dropdown-menu-right.toggle_cart {
    margin-top: 5px;
}
.search_button::before {
    content: "\f002";
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: center;
    display: inline-block;
	line-height: 38px;
}
#quick_find .search_button {
    margin: 0;
    padding: 0;
    width: 55px;
    max-height: 38px;
    color: transparent;
    border-radius: 0;
}
.col-12.search #quick_find #inputString {
	padding-left:  4px!important;
}
#col_left {
    padding-left: 0;
    padding-right: 0;
}
#col_right #myCarousel {
    margin: 0 -15px;
}
#col_left #bsCarousel {
    margin: 0;
}
.box_category {
    background: #2B2624;
    color: #FFF;
    border-radius: 0;
    text-transform: uppercase;
}
.box_category a {
    color: #FFF;
}
.box_category .level1 a {
    border-bottom: 1px solid #4f4542;
}
.box_category .level1 ul {
    background-color: #3D3937;
    margin: 0!important;
    border-radius: 0;
}
.box_category .level1 ul li a {
    border-bottom: 1px solid #4f4542;
}
.box_category .nav-pills .nav-link.active {
    color: #909090;
    background-color: #3D3937;
}
@media screen and (min-width:576px){
    .card-deck .card {
      margin-right:0px;
      margin-left:0px
    }
}
#col_left .box_header, #col_left .box_category_header, #bs4_BsCarousel .h1.card {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
#col_left .box_header, #bs4_BsCarousel .h1.card {
	background: #2B2624;
}
#col_left .box_login .box_header {
    background: #BEBEBE;
}
#col_left .box_specials .box_header {
	background: #da0000;
	color: #FFF;
}
#col_left .box_specials .box_header a {
	font-size: 14px;
	line-height: 28px;
	color: #ccc;
}
#bs4_BsCarousel .h1.card {
	padding: 0.75rem 1.25rem!important;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	margin: 0;
}
#bs4_BsCarousel .pt-2, #bs4_BsCarousel .py-2 {
    padding-top: 0!important;
}
#col_right .listingrow .lr_buttons.text-center {
    text-align: right!important;
}
#bs4_BsCarousel .carousel .card:hover, #col_right .listingbox .card:hover, #bs4_TopCarousel .listingbox .card:hover, #col_right .listingrow.card:hover, #col_right .subcat.card:hover, .cat .card:hover {
	box-shadow: none!important;
}
#col_right .listingrow.card:hover, #col_right .listingbox .card:hover {
    border: 1px solid #707070;
}
#col_right .subcat.card:hover {
    background-color: #f8f8f8;
}
.subcat .mt-2 {
    margin-top: 0!important;
}
.breadcrumb {
    background: #EBEBEC;
    margin: 10px -15px;
}
#product_details .pd_infobox {
	text-align: right;
}
#layout_footer .box-heading {
    text-transform: uppercase;
}
#layout_footer .text-secondary {
    color: #FFF!important;
}
#layout_footer .mod_copyright.text-secondary {
    color: rgba(255,255,255,0.3)!important;
}
#layout_footer .box_sub.text-secondary.small a {
    color: #FFF;
}
#layout_footer .box_sub.text-secondary.small a:hover {
    text-decoration: underline;
}
@media screen and (min-width:992px){
    #layout_footer .col-lg-3 {
        flex: 0 0 33%;
        max-width: 33%;
    }
}
.fa-facebook {
    background: #3B5998;
    color: white;
}
.bandcamp-class {
	margin-left: 5px;
    width: 35px;
    height: 35px;
    background: url(img/bandcamp.png);
    background-size: contain;
    position: relative;
    width: 35px;
    height: 35px;
}
/*Home*/
#bs4_TopCarousel .h1.card.p-2.bg-h {
	display: none;
}
@media (max-width: 575.98px) {
	.listingbox {
		max-width: 380px!important;
	}
}
#layout_offline {
    width: 60%;
    margin: 50px auto;
    background: #fff;
    padding: 20px;
    border: 4px solid #000;
    -webkit-box-shadow: 0px 4px 13px 4px rgba(255,255,255,0.5);
    box-shadow: 0px 4px 13px 4px rgba(255,255,255,0.5);
}