body{
	background-color:#f8f9fa;
}

img:before { 
  content: " ";
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  height: calc(100% + 30px);
  width: 100%;
  background-color: rgb(230, 230, 230);
  border: 2px dotted rgb(200, 200, 200);
  border-radius: 5px;
}

img:after { 
  content: "Missing Image";
  display: block;
  font-size: 16px;
  font-style: normal;
  color: rgb(100, 100, 100);
  
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}


#testimonials{
	background-color:#f4fbf6;
	padding:40px;
}
#testimonials .card{
	background-color:#f4fbf6;
}
#testimonials h1{
	margin-left:15px;
}
.lead {
	font-weight:unset!important;
}
.btn-call-to-action{
	font-size:14pt;
	background-color:#A0F97B;
	padding:7px 20px 7px 20px;
}
.hero-overlap{
	margin:1px;
	margin-top:-200px;
}
.hero-overlap3{
	margin-top:-300px;
}
@media (max-width: 750px) {
	.btn-call-to-action{
		margin-left:30px;
	}
	.container .align-items-center{
		justify-content:left;
	}
	.container .logo{
		margin-left:20px;
	}
	.widget-header:first-child{
		margin-left:16px;
	}
	.display-4{
		font-size:2rem;
	}
}
.grid-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.centered {
  font-size:60px;
  line-height: 1em;
  font-weight:600;
  color:#fff;
  position: absolute;
  top:var(--centertop,350px); 
  left: 40%;
  transform: translate(-50%, -50%);
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.62);
  background-image: linear-gradient(to right, rgb(33 37 41 / 57%), rgb(33 37 41 / 0%));
  padding:20px;
}
@media (max-width:990px){
       	.centered{
		font-size:30px !important;
		top:210px !important;
		line-height: 1.2em !important;
	}
	.hero-overlap{
		margin-top:-100px;
	}
	.hero-overlap3{
		margin-top:-150px;
	}
  	.grid-list{
  		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:510px){
       	.centered{
		font-size:18px !important;
		top:150px !important;
		line-height: 1.2em !important;
	}
	.centered .btn{
		font-size:12pt!important;
	}
	.hero-overlap{
		margin-top:-10px;
	}
	
	.hero-overlap3{
		margin-top:-50px;
	}
  	.grid-list{
  		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width:400px){
       	.centered{
		font-size:15px !important;
		line-height: 1.2em !important;
	}
	.centered .btn{
		font-size:9pt!important;
	}
	.hero-overlap{
		margin-top:-80px;
	}
  	.grid-list{
		grid-template-columns: repeat(1, 1fr);
	}
}
#main_nav{
	white-space: nowrap;
}
.icon-sm {
	font-size:20pt;
}
.header-margin{
	margin-left:20px;
	margin-right:20px;
}
.catalog-listing{
	padding:10px;
}
.navbar-light{
	font-weight:bold;
}
.nav-item{
	margin-right:20px;
}

.card-img-top{
	padding-left:1px;
}
.p-20{
	padding:20px;
}
.p-15{
	padding:15px;
}
.pt-15{
	padding-top:15px;
}
.pt-20{
	padding-top:20px;
}
.pb-40{
	padding-bottom:40px;
}
.border-md{
	border:1px solid #c0c0c0;
}
.category-title{
	font-size: 1.00rem;
	margin-bottom:0px;
}
.title{
	font-size: 1.75rem;
}
.owl-prev {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 30%;
    left: 0px; 
    margin-left: 0px;
    display: block !important;
}
.section-ornament{
	background-image: url("/assets/img/bg-lines-3.png");
}
.bg-gray{
	background-color:#e9ecef;
}
.more{
    padding:15px;
    border-radius: .25rem;
    display: flex;
    background-color: #f8f9fa;
    margin-bottom:20px;
}
.owl-next {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 30%;
    right: 0px;;
    display: block !important;
}
.owl-carousel{
	margin-bottom:20px;
}
.announcement{
	background-color:var(--accent-primary);
	text-align:center;
	color:#fff;
	padding:10px;	
	font-weight:bold;
}
.announcement a{
	color:#fff;
	text-decoration: underline;
}

.announcement a:hover{
	color:#c0c0c0;
}

.stock{
	padding:4px 8px 4px 8px;
}
.in{
	color:white;
	background-color:green;
}

.align-items-center{
	justify-content:center;
}
.out{
	color:white;
	background-color:#c9002c;
}

.brand-wrap .logo{
	max-height:60px;
}
.padding-y{
	padding-top:25px;
}
.list-item-cat{
	border:0px;
	border-bottom: 1px solid rgba(0,0,0,.125);

}
.content-body{
	margin:20px 0px 20px 0px;
	padding-top:10px;
	padding-bottom:10px;
}
.content-body h6{
	font-weight: 900;
}
#nav-tab{
	margin-bottom:20px;
}
#error-container{
	padding:0px;
}
.weblog{
	border: unset;
}
.weblog:first-child{
	border-top-right-radius: unset;
	border-top-left-radius: unset;
}
.weblog:last-child{
	border-bottom-right-radius: unset;
	border-bottom-left-radius: unset;
}
.breadcrumb-section{
	margin-bottom:0;
	padding-bottom:0!important;
}
#content-container{
	background-color:#fff;
	box-shadow: 0px 15px 15px rgb(153 153 153 / 30%);
}
#content-container .cardcat{
	border-bottom: 1px solid rgba(0,0,0,.125);
	border-right: 1px solid rgba(0,0,0,.125);
}
#content-container .card{
	border:0px;
}
#content-container .card-header{
	border:0px;
}
#content-container .card-footer{
	border:0px;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
#breadcrumb{
	padding:0px;
}
#breadcrumb .breadcrumb{
	background-color:#fff;
	border-radius:0px;
}
small{
	color:#777;
}
.cart-qty{
	padding:4px;
	border:1px solid #dee2e6;
	border-radius: .25rem;
}
.cart{
	margin-left:0!important;
}
.cart-table td,th{
	text-align:center;
}
.cart-table{
	margin-top:20px;
}
.show {
	display: inline;
}
.hide{
        display: none;
}
.card-body img{
	margin: 10px;
	max-width:100%;
}
#shoppingCart article.border-bottom:last-child{
	border-bottom:none!important;
}

a:hover {
	text-decoration:underline;
}
.pay{
	color: var(--accent-primary);
	font-size:20pt;
}
.widget-header a {
	color: var(--accent-primary);
}
.widget-header a:hover {
    color: #000;
    text-decoration:underline;
}
.widget-header:hover i {
    color: var(--accent-primary);
}
.badge-danger{
	background-color:#c9002c;
}
.notify {
	background-color:#c9002c;
}
.list-group-item.active {
	background-color: var(--accent-secondary);
	border-color: var(--accent-secondary);
 
}
#content-container .list-group-item.active{
	border-radius:5px;
}
.btn-primary:disabled{
    color: #fff;
    background-color: var(--accent-secondary);
    border-color: var(--accent-secondary);
}
.btn-primary {
    color: #fff!important;
    background-color: var(--accent-secondary);
    border-color: var(--accent-secondary);
}
.btn-primary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.section-footer .title{
	color:#fff;
}
.section-footer a{
	color:#fff;
}
.section-footer ul a:hover {
	color:#fff;
	text-decoration:underline;
}
.bg-primary {
	//background-color:#225651!important;
	color:#fff;
	background-image: linear-gradient(270deg, var(--accent-secondary) 50%, var(--accent-primary) 100%);

}
.btn-google {
	background-color:#989898;
}
.pb-75{
	padding-bottom:75px;
}
.section-pagetop {
	padding: 15px;
}
a {
	 color: var(--accent-primary);
}
a:hover {
	color:#000;
}
.pagination li a {
	color: var(--accent-primary);
}


.page-item.active .page-link {
	background-color: var(--accent-secondary);
	border-color: var(--accent-secondary);
}
.pagination li a:hover {
	color:#000;
}
.contact{
	padding-left:20px;
}
.indoff:hover{
	background-color:#336460;
	border-color:#336460;
}
.form-control:focus{
	border-color:#3f8c82;
	box-shadow: 0 0 0 0.2rem rgba(1,99,86,.25);
}
.indoff{
	border-color:#336460;
	color:#336460;
}
#productPictures .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}
#productPictures .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#productPictures .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}
#pictureUrl {
	border: unset;
}
#productPictures .carousel-indicators > li.active img {
	border:1px solid #c0c0c0;
	opacity: 0.7;
}
.carousel-item{
	text-align: center;
	valign:top;
}