/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
 
element.style {
}
.card-title {
    margin-bottom: 1.75rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
    a:link {
	color: #474747;
}
    a:hover {
	color: #3C00E8;
	text-decoration: none;
}
    a:visited {
	color: #474747;
}

body {
  padding-top: 54px;
  /*background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,.8)), url(../images/background.jpg);*/
	background-attachment: fixed;
	background-position: center;
	background-size: cover}
.matt_filter_bars{
	text-align:center;
	border: #BBBBBB solid 1px; 
	margin:4px 20px 4px 20px; 
	border-radius:10px;
	background-color:#8202C3;
	padding:6px;
	color:white;}
	.matt_filter_bars:hover{
	background-color:#AF18FC}
	
.matt-banner-text {
	position: absolute;
	/*font-family: 'Luckiest Guy', cursive;
	font-size:1.1em;*/
	font-weight:600;
	letter-spacing: 0.07em;
	/*color:yellow;*/
	top: 0.5vw;
	left: 3rem;
	/*text-shadow: 1px 1px 10px #000000, -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000;*/
	 text-shadow: 1px 1px 10px #ffffff, -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	}
.quick_add {
    font-size: 20px;
    height: 38px;
    width: 38px;
    background-color: #FFB600;
    border-radius: 50%;
    border: 1px solid #FFB600;
    /*box-shadow: 3px 3px 3px #919191;*/
    align-content: center;
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 90;}
.top2-features
{padding:5px 40px 0px 40px;
margin: 15px 15px -2px 15px;
border: 1px solid rgba(0,0,0,.3);
    border-radius: .30rem;
	width:46.5%;
	font-size:24px;
	font-weight:600;
	cursor: pointer; 
}
.matt_home_image_frame {
	width: 100%;
	/*max-height: 350px;*/
	overflow:hidden;
	border-bottom-right-radius: calc(.25rem - 2px);
	border-bottom-left-radius: calc(.25rem - 2px);
	border-top-right-radius: calc(.25rem - 2px);
	border-top-left-radius: calc(.25rem - 2px)
			}
.matt_mobile_basket {
	position:absolute;
	right: 25px; 
	top: 59px; 
	padding: 6px 6px 6px 12px; 
	border-bottom-right-radius: 1rem; 
	border-bottom-left-radius: 1rem; 
	border-left: 1px solid #B3B3B3; 
	border-right: 1px solid #B3B3B3; 
	border-bottom: 1px solid #B3B3B3;
	background-color:#FFF6C9;
	}
	.matt-mob-search {
		padding:6px 2px 6px 6px
		}
	.matt_shadow:hover {
		box-shadow: 0px 0px 8px rgba(0,0,0,0.49)
		}
	.m_price_thumbs{
		bottom: 5px; 
		position:absolute; 
		text-align:center; 
		width: 100%; 
		border-top: 1px solid #CCCCCC;
		padding-top: 2px;
		}
		.hain_section_head {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 1rem;
	/*border-right: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid rgba(0,0,0,0.2);*/
	max-height: 90px;
	overflow:hidden;
	border-radius-bottom-left: .25rem!important;
	border-radius-bottom-right: .25rem!important
	}
	.m_filter_bar {
		/*width:100%;*/
		margin-top:-15px; 
		padding:12px 12px 15px 12px;
		font-size: 1.0rem;
		color:#515151
		}
		.m_menu_stick{
		position: -webkit-sticky; 
		position: sticky; 
		top: 125px;
		}
		.m_menu_stick2{
		position: -webkit-sticky; 
		position: sticky; 
		top: 200px;
		}
		.info_txt_g{
			white-space:pre-wrap; 
			padding:60px 10px;
			text-align:center}
		
		/* The Modal (background) */
.modal_m {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
}

/* Modal Content */
.modal-content_m {
  background-color: #fefefe;
  z-index: 1;  /*Sit on top */
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 320px;
  border-radius: 6px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
   margin-top: -10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
	/* The Modal (background) */
.modal_sd {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2040; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
}

/* Modal Content */
.modal-content_sd {
  background-color: #fefefe;
  z-index: 1;  /*Sit on top */
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 400px;
  border-radius: 6px;
}

/* The Close Button */
.closesd {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.closesd:hover,
.closesd:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.bg-light{
	    border-bottom: 0px solid #C3C3C3;}
.txt-50{
	width:47%;
	display:inline-block;
	text-align:center;
	font-size: 0.9rem;
	}
.txt-100{
	width:100%;
	text-align:center;
	
	}
	.txt-l{
		text-align:left}
	.txt-r{
		text-align:right}
	.txt-float-left{
			float:left}
	.txt-float-right{
			float:right}
	.m-card-details{
		font-size: 0.95rem;}
		.stock-drop{
	background-color: red;
    color: white;
    width: 100%;
    height: 60px;
    position: relative;
	cursor:pointer;
	 margin-right:-18px;
	 z-index:500;
	}
	.stock-drop:hover{
	background-color: #FF4D4D;
		}
	.basket_tab_container{
	z-index:1000;
	}
@media (min-width: 1200px) {
	.top2-features
{width:47.0%;


}}
@media (max-width: 1200px) {
	.top2-features
{width:100%;
}
}
	@media (max-width: 1500px) {
	.basket_tab_container {
	max-width: 100%;
	}}
	@media (max-width: 991px) {
	.basket_tab_container {
	display: none
	}
	.hainenko_tab {
		border-right: 0px solid #D7D7D7;
  border-bottom: 0px solid #D7D7D7;
  border-left: 0px solid #D7D7D7;
  }
  .list-group {
	margin-left: -18px;
    margin-right: -18px;
	    text-align: center;
    font-size: 1.05rem;
	}
	.margin-reduce{
		margin-top:-50px;
		}
.list-group-item {
	padding: 15px;
}
.hain_section_head {
	max-height: 90px;
}
.matt_mob_fixed_bottom{
	width:100%; 
	background-color:#484848; 
	position: fixed;
	bottom: 0px;
	color:white !important;
	padding:8px 5px 12px 5px;
	text-align:center;
	font-size: 0.8em;
	z-index: 200;
	}
.matt_mob_fixed_bottom_txt {
    color: white !important;}
	.rounded-bottom {
    margin-left: -18px;
	margin-right: -18px;
  }
  .m_filter_bar {
	margin-left: -12px;
	margin-right: -12px;
	}
	
  }
  @media (min-width: 992px) {
  .matt_head_txt{
	  color:white !important;}
	  .matt_head_txt:link{
	  color:white !important;}
	  .matt_head_txt:hover{
	  color:#E5E5E5 !important;}
	.matt_mob_fixed_bottom{
		display:none;
		}
		.stock-drop{
	margin-bottom:-20px
	}
	.height_top_banner {
		height:120px}
  }
	@media (max-width:1200px) {
.top-left {
	
	left: 2rem;
	}
	}
  @media (max-width:768px) {
	  .hain_section_head {
	max-height: 70px }
	.txt-50{
	font-size: 0.8rem;
	}
	.m-card-details{
		font-size: 0.8rem;}
	.card-title {
    margin-left: -12px ;
	margin-right: -12px
    /* background-color: rgba(239,239,239,1.00); */
}
	
	}
	@media (max-width:531px) {
	.contact_possition {
	margin-right:0.6rem
					}
	.hain_section_head {
	max-height: 52px;
}
  }

@media (min-width: 993px){
.bg-light {
    padding: 0px 18px 18px 18px;}}
	</style>