 body {line-height: 1.3;}
.text-wrap {
  word-wrap: break-word!important;;
}

.row_rsst {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.item {
 /*  height: 250px; */
}

.cnf{font-size:10px}
.baselineBtm {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    height: auto;
    background-color: #f0f0f0;
    ooverflow-x: auto;
    white-space: nowrap;
	background: rgba(255, 255, 255, .98);
border-top: 1px solid #ccc;
}

.menuBtm {
    display: inline-block;
    padding: 0px 10px;
	padding-bottom: 2px;
	float:right;
}
.poHolding div {display:inline-block}
.p_info_spec{
	font-size:90%;
	color:#000;	
}
.w-9-p {width:90%}
.btn {line-height: 1.3!important;}
.bi_action{
  font-size: x-large;
  -webkit-text-stroke-width: 1px;
  color: #fff !important;
text-shadow: 1px 1px 5px rgb(0, 0, 0) !important;
}
.bi { 
 /*  -webkit-text-stroke-width: 1px; */
}
.shareBtn {
position:absolute;
  font-size: 10px;
  line-height: 1;
  margin-top: 5px;
  bottom:0;
  color:#fff;	
}

.relative{position:relative}
.p_price{position:absolute;
position: absolute;
bottom: 0;
right: 0;
padding: 1em;
  padding-bottom: 1em;
background: transparent;
}
.p_price h4{color: #fff!important;text-shadow: 1px 1px 5px rgb(0, 0, 0)!important;}
.menuBtm ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuBtm li {
    display: inline-block;
    margin-right: 10px; 
    cursor: pointer;
}


/* .wchfix-fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} */
/* .wchfix {
  position: fixed;
  top: 0;
  right: -400px;
  height: 100%;
  width: 400px;
  background-color: #fff;
  z-index: 999999;
  transition: all 0.3s ease-in-out;
} */
/* 
.wchfix.active{
  right: 0;
}

.cmtDiv.active {
  right: 0;
}

.wchfix-gradient {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #000000, #2b2b2b);
 
  z-index: 99999998;
}

.wchfix-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.wchfix-close {
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}

.wchfix-content {
   height: calc(100% - 100px);
  overflow-y: auto;
  padding: 20px;
}







 */


.wchfix.active,.cmtDiv.active{
  right: 0;
}
 
body {
  overflow-x: hidden;
}

.wch-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999991;
  display: none;
}

.wchfix,.cmtDiv{
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  background-color: #fff;
  z-index: 9999999991;
  transition: all 0.3s ease-in-out;
}
/* 
.wchfix.show, .cmtDiv.show {
  right: 0;
} */

.bbshadow {  
box-shadow: 0px 0px 70px rgba(0,0,0,.5) !important;
}
.wch-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px; 
  background-color: aliceblue;  
}

.wch-close {
  cursor: pointer;
}

.wch-inner {
  overflow-y: auto;
  height: calc(100% - 50px);
  padding: 10px;
}
.comment-inner {
  overflow-y: auto;
  height: calc(100% - 250px);
  padding: 10px;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .wchfix, .cmtDiv  {
    width: 100%;
    right: -100%;
  }

  .wchfix.show, .cmtDiv.show{
    right: 0;
  }
}

.sideCommentBox {
  position: absolute;
  bottom: 0;
  background: ;
  right: 0;
  left: 0;
  border-top:1px solid #ccc
}
 


/*parallax effect*/
.vendorBanner {
  height: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.vendorBanner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateZ(0);
}

.vendorBanner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
}

.bannerText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff;
  text-align: center;
  width: 100%;
}

.bannerText h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
}




/*end parallax effect*/
.boxShdBtm {
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
}


/*scrollable left*/
#button-container {
  display: flex; /* Use flexbox to make the buttons align horizontally */
  overflow-x: scroll; /* Enable horizontal scrolling */
  white-space: nowrap; /* Prevent the buttons from wrapping to a new line */
  -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}

.my-scrollable-element {
  overflow-x: scroll; /* Enable horizontal scrolling */
  white-space: nowrap; /* Prevent the content from wrapping to a new line */
  -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}
.my-scrollable-element::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

 
.my-scrollable-element {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
   -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
  scrollbar-width: thin ; /* Hide scrollbar for Firefox */
}

.my-scrollable-element::-webkit-scrollbar {
  height: 8px; /* Adjust the height of the scrollbar as needed */
}

.my-scrollable-element::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 4px; /* Round the corners of the thumb */
}

.my-scrollable-element::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the scrollbar track */
}

/*end scrollable left*/

.maxW3 {
  max-width: 800px;
  font-size: 90%;
}
.topmenuBar{width:100%;align-items:center;min-height: 0px;}

.bt-1{border-top:1px solid #ddd}
.bxShw{
	box-shadow: transparent 0 0 0 3px, rgba(18, 18, 18, .3) 0px 15px 10px;
	/* box-shadow: transparent 0 0 0 3px, rgba(18, 18, 18, .3) 0px 1px 1px; */
}
.bxShwpd{padding: 20px; border-radius: 20px;}

 
.bilabel{font-size:10px}
.pgcontrolMenu{max-width: 50px;
text-align: center;}
.absolute {
  position: absolute!important;
}
/* .cartErr { 
  top: 1.5em;
  position: relative;
} */
 .flex-center {
  display: flex;
  justify-content: center;
}
.max-w-2 {
  display: table;
  width: 100%;
  max-width: 200px;
}

/* buz logo */

.shadow_divL{ box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.1);}
.main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  bbackground-color: #f9f9f9;
 
}

.logo-container {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.btnSite:focus {
	border:2px solid black;
  outline: none; /* remove the default focus outline */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* add a larger box-shadow when the button is focused */
}

.btnSite:active {
	border:2px solid black;
  box-shadow: none; /* remove the box-shadow when the button is clicked */
  transform: translateY(2px); /* move the button down by 2 pixels when clicked */
}

.font-1-h{font-size:85%!important}
.HighlightText {
  background: yellow!important;
}
.logo-img-container {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Vlogo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.f-1e5 {
  font-size: 1.5em;
}
.b-b {
  color: #000!important;
  font-weight: bold;
}
.logo-img-container img {
  max-width: 80%;
  max-height: 80%;
}

.company-container {
  mmargin-top: 20px;
  text-align: center;
}

.company-container h1 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.follow-me-button {
  background-color: #0077b5;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}

.follow-me-button:hover {
  background-color: #005e8b;
}
.dateComment {

    color: #000;
    font-size: 80%;

}
.bbtm {
  border-bottom: 1px solid #ccc;
}


/* end buz logo */


.lineShadow {
  box-shadow: 3px 2px 4px #555;
}


.btnSite {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px;
  box-sizing: border-box;
  color: #121212;
  cursor: pointer;
  display: inline-flex;
  flex: 1 1 auto;
  font-family: Inter,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 1rem 1.2rem;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .2s,-webkit-box-shadow .2s;
  white-space: nowrap;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.btnSite:hover {
  box-shadow: #121212 0 0 0 3px, transparent 0 0 0 0;
}

.inline{display:inline}
.ml-0{margin-left:0px!important}
.errdiv {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
  html{scroll-behavior:scroll}
  html,body{font-size:16px}
	body{overflow:auto!important}
	body{padding:0!important;color:#000!important}
.seperator{    border-bottom: 3px solid;
    width: 100%;}	
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: text-top!important; 
}	
.inlineFlexLinks .p-btn {margin-right:15px}
.inlineFlexLinks {
  display: flex;
  display: inline-flex;
  margin-right: 15px;
  padding: .5em;
}
.mb-pt3{ margin-bottom: .3rem;}
.shadow-sm {
  box-shadow: 90 .125rem .25rem rgba(0,0,0,.075) !important;
}

.gomap{width:30px; 	transition: 1.3s in-out; cursor:pointer; animation-duration: .3s;animation: bounce;}
...gomap:hover{width:30px;-webkit-transform:rotate(360deg) translateZ(0);transition:.3s ease-in-out}
.mapdiv {padding:15px;border-radius:15px;width:150px}
.mapdiv:hover {background:#eee}
.mapdiv:hover div a img{width:30px;-webkit-transform:rotate(360deg) translateZ(0);transition:.3s ease-in-out}
.flex-col{display:flex; flex-direction:column}

.quick-btn:hover{background:#fff;  box-shadow: 0 0 10px 3px rgba(0, 204, 255, 0.7)!important;}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-top: 8px solid linear-gradient(to right, #0288d1, #03a9f4, #039be5, #0288d1);
  border-radius: 50%;
  width: 40px; 
  height: 40px;
  animation: loader 1s linear infinite;
  margin: 0 auto;
  position: absolute;
left: 43%;
top: 50%; 
transform: translate(-50%,-50%);
}

.roll{display: block!important;}




/* .detailpad { max-width:290px} */
/*defaults*/
.pad-pnt4 {padding: .4em !important;}
.rounded-block { border-radius: 0 0 .25rem .25rem!important;}
.cl{top: -35px; position: relative;}
.pfl{width:100%; display:table}
.fl{width:90%; display:table}
.zi-1{z-index: 1!important;}
.bR-30{border-radius:10px}
.pad-0{padding:0px!important}
.maxW-3{max-width: 300px}
.pad-15{padding: 15px !important;}
.mg-tp{margin-top:10px}
.mg-xtp{margin-top:.4em}
.mg-bttom{margin-bottom:1em}
.mtp_z { margin-top: 0;}
.border-0{border:0px!important}
.b-0{border:0px!important}
.xspad{padding: .5em;}
.borderX{border:2px solid #333}
.innerBorder{border-top: 5px solid #f7f7f7; border-bottom: 15px solid #f7f7f7;}
.pad6{padding:.6em}
.padLRN{padding-left:.0em!important;padding-right:.0em!important}
.mlx{margin-left:.8em}
.mtb{margin-top:15px; margin-bottom:15px;}
.sf{font-size:.5em}
..flickity-viewport{height:300px!important}
.topFeatures {}
.topStoryIntro{margin: 15px }
.TpNav{width: auto!important; ddisplay:table; box-shadow: 1px 30px 6px 7px rgba(0,0,0,.15);border-radius: 14px;   }
.pointer{cursor:pointer; transition:all .3s}
.pointer:hover{color:#000;}
.listPlate{position: absolute;z-index:9999!important;cursor:pointer}
.listInfo{color:darkgreen;bottom: -19px;font-size:80%; position: absolute}
.loc{color:#000;font-weight:bold}
.loc:hover{color:#097969;}
.TpNavBtn{bbox-shadow: 5px 5px 1px 1px rgba(0, 0, 0,.15);border-radius: 14px; font-size:1.1em ;border: 1px solid;
background: #fff;}
.post {
  background: rgb(120, 200, 0) none repeat scroll 0% 0%;
  bborder-color: rgb(88, 167, 0);
  color: rgb(255, 255, 253);
  font-size: 1.3em;
max-width: 150px;
width: 100%;
box-shadow: 5px 5px 1px 1px rgba(120, 200, 0,.45);
}
.postBox{padding-top:1em;padding-bottom:1em;margin:1em}
.remove{display:table}
.topNavmenu li {
  display: inline-block;
  padding: .5em;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  cursor:pointer;  
}
.topNavmenu li:hover { 
  padding: .5em;
  background: #555;   
  border: 1px solid transparent;
  color:#ddd
}


.handle {
  background: white;
  display: table;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #ccc;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
  font-size: 20px;
  margin-bottom: 15px;
  border-left: 15px solid;
}

.headline{position:relative; mmargin-bottom:1em; height:50px;height:auto; background:#000;background:#f9f9f9;bbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);display: table;width: 100%;transition: all 0.5s ease;clear:both;bborder-radius: 20px; bborder-radius: 0px 0 20px 20px;}
.bb_1{ border-bottom: 1px solid #ddd;}
.sticky {
 position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 70px;
  top: 74px;
  top: 90px;
  top: 60px;
 /* top: 60px;*/
  background-color: #fff;
  ppadding-top: 10px;
  
  bborder-bottom: 1px solid #ddd;
  bborder-top:  1px solid #ddd;
  opacity: 1;
  z-index: 99;
  z-index: 1020;
  --webkit-box-shadow: 30px 3px 60px rgba(0,0,0,.15);
  --webkit-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
}
.list-group-item:focus, .list-group-item:hover {
background: #fff!important;
}
 
.headlineBulleting:hover{color:#000;}
.headlineBulleting{
  color: #f9f9f9;
  padding: .9em .6em;
  padding: .4em;
  
  display: inline-block;
  color:#555;
  cursor:pointer;
}
 


.setgItemimg{display:none}
.overlay{padding-bottom:15%}
.btnDefBg {background-color: #d9edf7;transition:all .3s}
.btnDefBg:hover {background-color: #fff;box-shadow: 1px 10px 16px rgba(0,0,0,.15) !important;}
.buttonP {
  padding: .5em 1em;
  margin-bottom: 10px;
  font-size: ;
  border-radius: 50px;
  border: 1px solid transparent;
  color: #555;
}
.grid-item-wrapper-c {background: #fff!important;box-shadow: 1px 1px 3px rgba(0,0,0,0.2)!important;}
.abs-right {
  position: absolute;
  right: 0;
  margin-right: 15px;
}
.form-control::placeholder { color: #ccc;}
.copy-link {
  position: absolute;
  opacity: 0;
  z-index: -999;
}


.flex-center{display:flex;align-items:center}
.sE{border-radius: 4px 0 0 4px!important; border-right:0px;border-radius: 15px 0 0 15px !important;}
.goSearch {
font-size: 1.5em;
background: #eee;
border-radius: 0 5px 5px 0;
padding: 0.9px 5px;
padding: 1px 10px;
font-size: 1.5em;
margin-top: 1.8px;
cursor:pointer;
border-radius: 0px 15px 15px 0px !important;
}
.locSearch{
	cursor: pointer;
padding: 1em;
background: #fff; 
border-bottom: 1px solid #eee;
padding: 0 1em 1em;
padding: 0px;
position: sticky;
top: 60px;
top: 55px;
z-index: 9911;
z-index: 1040;
font-size: 90%;
padding-left:5px;
padding: 10px;
padding: 8px 10px;
}
.filterBox{display:none;}
.img-thumbnail{border:0px}
.p-btn-group{justify-content: space-evenly;justify-content: left;}
.p-icons-det{
	font-size: 10px;
margin-top: 5px;
position: absolute;
top: 0;
text-align: center;
left: 50%;
transform: translate(-50%,-50%);
}
.sm-f-13{font-size:14px;line-height: 1;
margin-top: 0px;

}

.black{color:#000!important}
.mt-10 {margin-top: 10px;}
.f-15{font-size:15px;}
.p-btn{margin-bottom:10px}
.f-50pc{width:100%;max-width: 100%;}
.m-auto{margin:auto;}
.paddoff { padding: 0px!important;}
.centerDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.quick-btn{
/* 	margin-right: 10px;
	margin-right: 10px;
bbackground: #000; 
margin-bottom: 10px;*/
border-radius: 50%;
}
.tShw_0{color: #000!important; ttext-shadow: 1px 1px 4px #000!important;}

.iconTouch{
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: black;
ttext-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.iconTouch:hover {background: #fff; border-radius:50%;-webkit-text-stroke-width: 1.5px;}

.RN-v{margin-right:-17px}

.commentBoxWidget {
/*   position: fixed;
  bottom: 0;
  right: 0;
  width: 500px; 
  background-color: #f2f2f2;
  padding: 10px;
  box-sizing: border-box; */
}
.shadowBlink{box-shadow: 0 0 10px 3px rgba(0, 204, 255, 0.7)!important;}

.swal2-container{z-index: 999999999999999999999999999999!important;}
 
.grid-item-wrapper {animation: blink 2s 5;}

@keyframes blink {
  0%, 100% {
    box-shadow: 0 0 10px 3px rgba(0, 204, 255, 0.7);
  }
  50% {
    box-shadow: none;
  }
}
.commentContainer {
  display: flex;
   align-items: center; 
 /* margin-right: 17px;*/
padding: 1em;
}
.border-danger{border:1px solid red}
.userIcon {
  margin-right: 10px;
}

.userIcon img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.commentInput {
  flex-grow: .9;
}

.commentInput input {
  /* width: 100%;
  padding: 5px;
  border: none;
  border-radius: 3px; */
}
.commDoctext{margin-right:5px}
.commentInput button {
 
  padding: 5px;
  border: none;
  bbackground-color: #4CAF50;
  ccolor: white;
  border-radius: 3px;
  cursor: pointer;
}
.imgH-80{height: 80px;}

.commentInput button:hover {
  background-color: #45a049;
}

.detailpad { padding: 10px 50px}
.padSpace {
  padding: 0 2em;
}
.rowLine{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.modal {
  right: -17px;
}
.fbase_fv{
	/* flex-basis:50%!important;margin: auto; */ 
	columns:2!important;transition: all 0.4s ease-in-out;
}
.fbase_fu{
	/* flex-basis:100%!important;margin: auto; */ 
	columns:1!important;transition: all 0.4s ease-in-out;
}
.shortInfo{display:none!important; transition: .3s all}
.content_inner{margin-top:5em}

.grid-row .grid-item-Fvw {
  oopacity: 0.3;
  position: relative;
  ttransform: translateX(30px);
  transition: all 0.4s ease-in-out;
}
.plink {
  padding: 20px !important;
  border-radius: 30px;
  display: inline-block;
} 
.swiper-wrapper {height: auto!important;}
.wrap { flex-wrap: wrap;}
.connect{justify-content:right}
.mr-20{margin-right:20px}
.padtop {padding-top: 50px!important;}
.m-all-1{
  display: flex;
  padding: 5px;
  align-items: center;
  margin: 0 10px;
}
.vendorTitle {
  min-height: 150px;
}
.abs{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.m-1-auto {margin: 1em auto;zz-index:99; position:relative}
.sideFlex{flex-basis: 50%;}
.flex-center{display:flex; align-items:center;transition: all .3s;}
.searchRight{border-radius: 50px 0 0 50px;box-shadow: 0 0 0 .2rem rgba(0,0,0,.06);box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);}
.searchRightIcon { border-color: silver;  border-radius: 0 50px 50px 0;}
/* 
.s-icon {
  margin-left: -30px;
  z-index:999;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  cursor:pointer;
} */
.overlay_cart,.CmtOverlay{display:none;top:0;bottom:0;left:0;right:0; position:fixed; background:rgba(0,0,0,.3);z-index:99999; }
.dirInfo{text-align:center;}
.dirInfo li{display:inline-block}


/*search flickity*/
.searchPan .flickity-viewport {overflow: initial!important;}
.searchPan .flickity-viewport .flickity-slider {} 
.searchPan {  padding: 0 4em!important;z-index:1041!important;padding: 0 0 0 4em !important;padding: 0 0 0 1.5em !important;}
.flickity-button:disabled { opacity: 0!important;}

/*end search flickity*/
/*zindex*/
.modal-backdrop {  z-index: 1043!important;}
/* .inmenubox {  z-index: 1042!important;} */
/*end zindex*/

..btn{border-color: #ddd!important;}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  background-color: #555!important;;
  border-color: #6c757d;
  border-color: #555!important;;
}
#topNavHeaderFilter,#placeFilter,#genFilter,#topVendNavHeaderFilter{
display:none;	
} 
.vendorBanner img{}
.defaultBtn { 
background:transparent; border:0px;
}
.btn-link { 
  box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); border:0px;
}
#topNavHeaderAbout{
	display:none;width:100%;height:auto; background:#f8f8f8; bbackground:#ccc;border-bottom: 2px solid #ccc;border-radius: 7px;position: fixed;
z-index: 9999;top:0;top: 80px;top: 99px;top: 92px;top: 0px;
}
..topLocFilter {
  max-width: 90%;
  width: 100%;
  ffloat: left;
  overflow:hidden;
}
.owl-item{width:auto!important; display:inline-block!important}
.content_products { 
  width: calc(100% - 299px);
}
.bg_wool{bbackground:#fff;border-left: 1px solid #ddd;}
.btncourse   {background:transparent!important}
.underscore { border-bottom: 6px solid!important;border-radius: 0;margin-bottom: -3px;}
.topNavBodyMargin {
  mmargin-left: 2em;
  ppadding-top: 3em;
  margin:1em;
  
}
.smaller{font-size:smaller}
.price {
  font-size: 2em;
  color:#000;
}
.cur{font-size:60%}
.carTlabel {
  font-size: 1.5rem; color:#222;
}
#wsm{z-index: 9999999;}
.cartType{font-size:90%;color:blue}
.selectClr{display: inline-block; margin-right: .2em;padding: 5px;border:1px solid #333; width:10px; height:10px; border-radius:50%}
.padL-0{padding-left:0}
.pad-0{padding:0}
.flexCenter {
  justify-content: unsafe;
  display: flex;
  justify-content: center;
}
.text-left{text-align:left}
.pad1{padding:0 2em}
.heading5{margin-bottom:.5em}
.vSearchBox{width: 100%;mmax-width: 500px;margin-right: 10px;}

.vendorHeaderUl li{display:inline-block}
.SearchFeed,.VSearchFeed {display:none;position: absolute;z-index: 999;margin: 107px auto!important;}
.searchResultdropBox{ margin: 205px auto !important; margin: 217px auto !important;transition: .3s all}
.opacZ{display:none; transition: 1s all in-out}
.VendorShopSearch{width: 100%; max-width: 500px; }
.vshadow-sm{position:absolute !important;box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);width: 100%; max-width: 500px;    border-radius: 30px!important;}
.vendorInfo {width:100%; mmax-width:600px}
.vendorlogoBx {width: 70px!important;height: 70px!important;}

.pgbtnSelect {
  border-bottom: 3px solid #f8f8f8;
  border-radius: 0;
  margin-bottom: -1px;
}
.shadow-sm {
  background: gray none repeat scroll 0% 0%; 
  /* position: absolute; */
  z-index: 105;
  z-index: 1;
  z-index: 1234;
  z-index: 12;
  width: 100%;
  wwidth: -moz-available;
}
.list-group-item{border-bottom: 10px solid rgba(0,0,0,1);}
.swiper{z-index:101!important;padding:0 15px 10px !important}
.darkc{background:#000!important}
ol, ul { padding-left: 0rem!important;}
.clositpops{display:inline-block!important}


.distinctCol{color: #0bbbd4!important;}

.private{
background: aqua;
padding: 0 15px;
}

#result {
    overflow-x: scroll;
    bborder: 1px solid #ddd;
    padding: 3% 0 2% 0;
    border-radius: 15px;
}
.scrollfa {
    font-size: 100px;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.trackingBoxElement{text-align:center; font-weight:bold}
.invitetrack{border-radius: 20px 20px 0 0!important;}
.invitbox{ background: #fff;  padding: 2em;  border-radius: 1em;margin-bottom:2em;box-shadow: 5px 5px 10px rgba(0,0,0,.1) !important;}
.invitedlinkdetail{}
.invitedlinkdetail li{display:inline-block;display: inline-block;background: #ddd;color: black;padding: 0 1em 0 1em;border-radius: .4em;}
.green{color:green;}
.red{color:red;}
#spinnerimg2{background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;display:none}
#headline{margin-bottom:1em;margin-left: 15px;margin-top: 15px;}

.table{display:table}
.labelSpanDetail{color:; text-decoration:italic}
.flex{display:flex}
.fwrap{display:flex;flex-wrap:wrap}
.ss{font-size: .7em;
text-decoration: underline;
font-style: italic;
display: block;}
.added {
background: greenyellow;padding: 1em;float: left;box-shadow: 1px 3px 5px 2px;width: 100%;
}
.divNumcircle_side{margin-right:10px}
.btn-default,.close,.action  {
    color: #333;
    background-color: #fff;
    border-color: transparent!important;
}
.action { background-color: transparent;}
.id_header{padding:1.5em;}
.cart_del_alert{
width: 200px;
height: auto;
background: darkcyan;
background: #000;
background: rgba(0,0,0,);
padding: 10px 20px;
text-align: center;
position: fixed;
top: 40%;
right: 0%;
z-index: 99999999;
color: mintcream;
font-weight: bold;box-shadow: 8px 8px 8px rgba(0,0,0,.6);
border-radius: 50px 0px 0px 50px;display:none
}
.weight_normal{font-weight:300}
.top_acc_form{padding:15px}
.top_menu_div{    
width: 100%; height: auto; background: #000; background: #f5f7f8; display:none;z-index: 99;position: fixed;
box-shadow: 0px 30px 10px rgba(0,0,0,.15) !important;hheight: 100vw;height: 80%;overflow-y: auto;

}
.locfont{font-size:90%}
.user_id_code{font-size: 1.5em;}
.section_menu{border-right:1px solid silver;padding:30px; ppadding-bottom:0px}
.menu_container {padding:50px 50px 20px 0px}
.acc_bottom{padding-bottom:30px; border-left: 1px solid silver;}
.top_menu_div_inner{
	position: absolute;
	display: table;
	width: 100%;}
.legend {
    color: #615d5c;
    color: #00abc1;
}
.menu_legend{margin:0;padding:0px 20px 20px 0px;line-height:1.2}
.fa_top_close { 
    font-size: 1.5em;
    position: absolute;
    right: 0;top: 0;
    padding: 15px;
    cursor: pointer;
    z-index: 9;
}
.facircle {
    border: 1px solid gray;
    border-radius: 50%;
    padding: 5px;
}
.divUserName{margin-bottom: 10px;}
.button_transparent{
    background: transparent;    
    border: 1px solid #000;
    height: auto;
    padding: 0 30px;
    text-decoration: none !important;
    color: #000;
}
.remove_info{margin:0px;text-shadow: 1px 1px 1px red;}
.main_pg {    margin: 80px 0 0 0;}
.uploadpos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);	
}
.cartTauto_headline{padding:15px; border:1px solid gray; margin:auto; display:table;}
.modal-content{padding:30px}
.menuright {  display: flex; padding: 15px;align-items:center;} 
.cartTotal{color:red; font-weight:bold;}
.uploadmod { margin-right: 30px;position:relative}
#form-payment-errors{color: darkred;margin-bottom: 30px;display: table;margin-left:15px	}
.payh1{padding: 40px 50px 20px 0px;}
.btnshape{border-radius:30px!important;}
.btnshape-10{border-radius:10px!important;}
.btnshape-10:hover{box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);!important;}
.itemimg {  cursor: pointer;  width: 100%;  overflow: hidden;text-align: center;}
/* .product_dv_sz{max-height: 250px;} */
.starR__ { font-size: 25px;}	
.noborder{border:0px!important}
#spinnerimg{background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9}
#scrollfa{font-size: 100px;position: fixed;z-index: 999;top: 50%;left: 55%;transform: translateX(55%);}
.starR{-webkit-transition: -webkit-transform 1s;}
.starR:hover{-webkit-transform:rotate(360deg) translateZ(0);}
.sortbtn:hover{background:#f8f8f8}
.starR_{
	float: right;position: absolute;
	left: 90%;bottom: 84.5%;font-size:20px;color:olivedrab !important;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.starR_py {  
	font-size: 60px;color: gray !important;font-weight:300;position:absolute;
	-webkit-animation: spin .3s linear infinite;
    -moz-animation: spin .3s linear infinite;
    animation: spin .3s linear infinite;}


.spinstar{
	font-size: 50px;
	color: gray !important;
	font-weight: 300;
	position: absolute;
	right: 100;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,.1);
	width: 400px;
	height: 400px;
	justify-content: center;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 50%;
	z-index:9;
}
.starR__{
	font-size:20px;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.starRi__{
	 
	-webkit-animation: spin .1s linear infinite;
	-moz-animation: spin .1s linear infinite;
	animation: spin .1s linear infinite;
}

@-webkit-keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

@keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

.upload {
    font-size: 2em; 
	bborder:3px dotted silver; padding:20px;border-radius:50%; cursor:pointer;transition:all;transition:.35s ease-in-out;
}
.uploadp{font-family: 'Bangers', cursive;font-size:30px;text-align:center;color:yellow;color: black;
font-weight: 900;padding-bottom: 20px;line-height:1}
.uploadp:hover{color:pink}
.activebtn{    
	background: transparent;
    border: 1px solid black!important;
    border-left: 0px solid black!important;
    color: black;	
}
.fselected{ border: 1px solid #ddd; border-left: 5px solid black;cursor:pointer; background:lemonchiffon;transition: 1.3s in-out;}
input[type="checkbox"], input[type="radio"] {
    margin: 4px 0 0;
    width: 10px;
    line-height: normal;
    min-height: 2px;
}
.checkboxlable{display:inline-block}
.removefooter{padding: 0px;
text-align: left;
border-top: 0px solid #e5e5e5;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px;  bborder: 0px solid #ddd!important;}
	.table-bordered { bborder: 0px solid #ddd;}
	.table-bordered2 { bborder: 1px solid #eee;}
.fselected::after{
	font-family:'Font Awesome 5 great';
	content:'\f058';
	color:green; transition: 1.3s in-out;	
	font-weight: 900;font-size: 20px;	font-size: 25px;display: block;padding: 5px;
} 
.uploadbox{width:250px; height:200px;margin:auto;text-align:center;}
.fileimg{cursor:pointer; width:100px;}
.uploadbox:hover .fileimg{width:120px;transition:.3s ease-in-out}
.upload:hover{border:10px dotted #000;}
.custom-file-upload {
  border: 0px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
/*.menu{top: 93px;}*/
.shad{box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);}
.pad-15{padding:15px}
.dt{display:table}
.hidemain{}
.btn-info:hover { color: #fff; background-color: #31b0d5;  border-color: #269abc;}
.side_menu .selected {border-color: #337ab7!important;font-weight:bold!important}  
  *{ffont-family: 'Hanalei', cursive;}
  .well,.panel {border:0px}
  .poptions {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    display: list-item;
list-style-type: square;
	margin-left: 60px;
  }
.alloptions_holder{margin-top:-10px}
.content_inner {   padding-top: 0em;}
.weight_th{font-weight:300}
/*.special{fonts-size:1em;display:table;margin-left:20px; font-weight:700}*/
label {color:#222} 
.poptions {font-size:19px }
/*br{margin: 0 0 10px;} */
.page_name{padding:2em;border-bottom: 1px solid #ddd;}
.mainpoints{ font-size: 20px;lline-height:2;mmargin: 0 0 10px;display:table;width:auto}
.that_mainpoints{margin: 25px 0 20px;}
.alloptions{display: ;margin-bottom:1.5em; margin-bottom:0.5em; margin-left: 20px;}
.padr{background:#fff;padding:0}
.service_galary_box{display:table;width:100%;margin-bottom:50px}
.service_img{width:auto;height:300px;}
#items{margin-bottom:5em;}
.button, input[type="submit"], input[type="reset"], input[type="button"] {
	background:#000; ccolor:#fff; border: 3px solid #000!important;height:auto; padding: 0 30px;text-decoration: none !important; 
	color:ghostwhite;
	color:gray;
}
.form-group{border-radius:15px;padding-left:15px}
input, select, textarea {max-width: 100%;}
.holder_buttons{height:300px;position:relative;}
.sidelist:hover {  color: #31b0d5!important;  border-color: #269abc!important;}
 .side_menu li:hover {  background: #f9f9f9;}
 .side_menu .selected {
	color:#00abc1 ;
    background: #f4f4f4;
  /*  border-bottom: 1px solid #00abc1!important; 
	border-top: 1px solid #00abc1!important;
	border-left: 1px solid #00abc1!important;
        border-left-color: rgb(0, 171, 193)!important;
		*/
}

   .dark{background-color:#000!important} 

      body {
        bbackground: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        ffont-size: 14px; overflow-x:hidden!important;
      }
	  
.list-group-item {text-align:left;font-size: 85%;}

      .swiper {
        width: 100%;
        hheight: 100%;
        hheight: 100px;
      }
 .swiper { overflow: initial!important;}

      .swiper-slide {
        text-align: center;
        ffont-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      ..swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
	  
	  .swiper-slide{max-width:250px!important; width:100%!important}
	  .settingSlide{max-width: 100px !important;margin-right: 0px!important}
	 


	 .mmy-3{
		  box-shadow: 10px 1px 5px 1px rgba(64,60,67,.16);
		  box-shadow: 1px 1px 40px 1px rgba(64,60,67,.16);
		  box-shadow: 1px 30px 40px 1px rgba(64,60,67,.3);
		max-width: 375px;	
		mmargin-left: 2em; 
		padding: 1rem !important;
 
margin-top: -.5em;
mmargin-top: 2.3em;
border: 1px solid #999; 
border-top: 0;
	  }

h1{ color: #333; color: #444; font-weight: bold;padding-top:0.5em}

.logfieldset {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: auto;
}
 #limg1{
	height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
}
.log_img_bag{height:430px}
.contact_image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.mmenu{bBackground-color: #343a40!important;}
nav > ul,nav{bbackground:transparent}
.ulnav li, .ulnav a{}
.drop-menu li{color:#333!important}
nav > ul > li:hover{background:transparent!important}
.sublists:hover{font-weight:bold;}
ul.drop-menu li { background: silver;border: 1px solid #ddd;}
ul.drop-menu {left: -90%;left: -20%;}
.nobackground:hover{background:transparent}

ul.drop-menu li { background: #333;background: #fff;}
.sendmailbtn	{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:150px;width:100%}
.content_inner {   padding-bottom: 0em;}
.pg_foota{text-align:center; background:#fff;padding:1em;margin-top:0em;background:transparent;color:cadetblue;padding:3em;border-top: 2px solid #145467;}
.pg_quote{font-size:2em; display:block;line-height:1;}
.fa, .fas {  color: #535355;}
.fa:hover, .fas:hover {  color: #000; font-weight:bold}

.productsMod { position: relative;  padding: 30px;padding-bottom:0px;}
.titleitem {  color: #444;  font-weight: bold;}
.divNumcircle{background:black;color:#fff; position:relative;border:1px solid #ddd;border-right:0;border-bottom:0;border-radius:50%;padding:20px;width:20px;height:20px; }
.divNumcircle2{display: inline-table;height: 30px;border-radius:50%;width: 30px;padding: 10px;color: black;background: white;border: 2px solid black;position:relative;}
.divNumcircle2 div{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);text-align:center}
.relate_common{
	border-top: 0px solid #ccc; cursor:pointer;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

}
.tablett tr td{padding: 15px;}
.table-cell,.divNumcircle{display:table-cell;}
.table-cell{padding:10px;}
.divNumcircle div {
    position: absolute;
    transform: translate(-50%,-50%);
    text-align: center;
    top: 50%;
    left: 50%;
}

.newdiv_container {  padding:5px 20px;}

.starR_ {  left: 70%;}

	
	
	@font-face {
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/feather/feather.eot?1gafuo');
	src: url('../fonts/feather/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('../fonts/feather/feather.woff2?1gafuo') format('woff2'), url('../fonts/feather/feather.ttf?1gafuo') format('truetype'), url('../fonts/feather/feather.woff?1gafuo') format('woff'), url('../fonts/feather/feather.svg?1gafuo#feather') format('svg');
}
 
.action--close{color:#000}
.icon {
	color:#000;
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
	font-weight:bold
}
	.nobackground a{color:gray; text-decoration:none}
	.modal_p{font-weight:300}
	
	.par_point{display:table}
	.left{float:left}
	.right{float:right}
	.points{width:10%}
	.points_par_box{max-width:85%}
	
	
	.none{display:none!important}
	.table-cell-number{
		width: 50px;
		height: 20px;
		border-radius: 50%;
		background: black;
		color: white;
		padding: 10px 20px 10px 20px;
		display: table;
		text-align: center;
		margin-right: 50px; background:black; color:white;}
.table-responsive {
     min-height: .01%; 
    overflow-x: none!important;
}
/* .dp { font-size: 2em;} */

.FormFieldHolder  {max-width:300px;width:100%;  ddisplay: table;  padding-bottom: 1em;}
..action--open { font-size: 1.5em;top: auto; top: 23px;left: 10px;}
.acc_pA_box{border:2px dotted #999;padding:20px}
.jobOrder_title{border-radius: 50px;margin-bottom:1em;}
.flash_padding{padding: 5px;}

.dataheading{margin-bottom:10px}
.pg_foota{background:transparent; border-top:2px solid #145467}
.jobOrderbox_inn{bbox-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1); background:#f8f8f8; background:#fff; border-radius: 30px 30px 30px 0;padding: 1em;}
.pingeneratbox{background:aliceblue;border-radius:50px;padding:20px 0px;margin:0px 0 50px 0;display: table;width: 100%;}
.pingeneratespan{font-weight:normal;font-size:0.9em;display: table;width: 100%;}
.sortbtn{padding:3px 10px 3px 10px;margin-bottom:4px;bborder:0px}
.sort_title{padding:15px}

.inmenubox{position:fixed; background:#fff; width:100%;z-index:99999; z-index: 1040;

/*box-shadow: 0 0.1px 10px #000;box-shadow: 0px 1px 10px #f2f2f2;
-webkit-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
-moz-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
-o-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
box-shadow: 30px 30px 60px rgba(0,0,0,.15)!important; */
bborder-bottom: 1px solid #eee;
}
.content_info{padding: 10px 0 50px 0;}


#main{position:relative;margin-top:110px;margin-top:75px;margin-top: 59px;display: flow-root;width: 100%;display: -webkit-inline-box;}
.bgsuccess, .bgdanger { position:absolute; width:100%;z-index:9999;padding:.7em;}
.profileinfo	{border-radius: 0px 50px 50px 0px;width:100%; height:auto; background:#f9f9f9;padding:15px;margin-bottom:50px; display:table}
.logobox{height:70px;}
.logobox img{height:100%;}
.nobg{background: transparent;}




/*.side_menu_title{margin: 0px 10px;font-size:16px}*/
@media screen and (max-width:992px){
	ul.drop-menu {left:0}
	.side_menu_title{ margin: 0px 1px;font-size:12px;
	}
	.menu {   font-size: 1em;}
	.pg_foota{ background: #145467;}
	..hidemain, nav > ul > li { height: 80px;}
	nav > ul > li{text-transform: normal;}
	.main_pg {margin: 90px 0 0 0;}

}
@media screen and (max-width:960px){

	#scrollfa {
    font-size: 100px;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translateX(55%);
    transform: translate(-50%,-50%);
}
}

pp{font-family: 'Noto Sans JP', sans-serif;}
p,body,a,h1,h2,h3,h4,h5,.lable_name{font-family: 'Spartan', sans-serif;}
.h2,.lable_name{font-weight:900; color:#111;font-size:13px}
.lable_name{ttext-decoration:underline}
.data{font-weight: 300;  color: #333;font-size:14px;display:block;}
.title,..data{text-indent:10px}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    ppadding: 3px;
    line-height: 1;
    vertical-align: middle;
    bborder-top: 1px solid #ddd;
}
.image-upload>input {
  display: none;
}
 .label_select{font-size: 115%;color: #111;}
 .label_select_box{margin-bottom:10px}
.table > tbody > tr > th{font-size: 90%;padding: 10px 10px 10px 10px;}
.table > tbody > tr > .td{font-size: ; padding: 15px 5px;}
  
.cartpadd{ padding:15px;overflow:hidden;}
.cartupdate{border:1px solid #eee;overflow-x:scroll; }
.tdspace{padding:10px!important;border: 1px solid #f7f7f7 !important;}	


a:focus {
  outline: thin dotted;
  outline: 0px!important;
}


/* .topSearchCanvas {
  line-height: 1;
  font-size: 80%;
  padding-left: .3em;
  padding-right: .9em;
  width: min-content;
}

 */



/* referral pg*/

.table-bordered{bborder: 1px solid #ddd !important;}
 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px;
    bborder: 1px solid #ddd !important;
}
.totalp{font-size:2em}
.receipt_heading{margin:0px; padding:0px}
.xpad {  padding: 20px 0!important;}
.border { border-top:5px solid #eee; border-bottom:5px solid #eee;}

.feature_div{margin-bottom:20px}
.feature_div h4{font-weight:300}

.divpin {
  border: 1px solid #fff;
font-size: 30px;
line-height: 20px; 
background-color: #000;
color: #981;
display: table;
padding: 10px;
width:100%;
max-width: 500px;
font-weight: 700;
border-radius: 10px;
}
.small{display:table;}
.content_info{display: table;width: 100%;}
.divpadding{padding:10px 0px}
.track{background:darkcyan;background:#f8f8f8;width:100%;font-size:20px;border-radius:20px;padding: 20px;bborder:10px solid #000;  
    border-radius: 20px;box-shadow: 5px 5px 10px rgba(0,0,0,.1) !important; margin-top: 1em;
}
 
.track p{color:#6a7989;text-shadow: 10px 5px 50px #fff;}
.track a{font-weight:bold;font-size: .9em;}
.removepadding{padding:0px}
.pad0{padding:0px!important}
.copy{ cursor:pointer; font-weight:bold; display:block;margin: 1em 1em 2em; text-align:center}
.copy:hover{color:#337ab7}
.offerMssg{font-size: .8em;line-height: 1.2;display: block;ttext-shadow: 1px 1px 2px #f5f5f5;}

 
.filterBox { 
  padding: 20px 10px;
  background: #f7f7f7;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-top: 0px solid #eee;
  border-left: 0px solid #eee;
  /* margin-bottom: 30px;
 position: fixed; */
z-index: 9991;
z-index: 1040;
width:100%;
}

.vendorHeader{padding: 30px 0;max-width:400px;max-width:550px}
.font-69{font-size:70%}




/*

.clipcopied {   border: 1px solid #ddd;   border-left: 5px solid black; background: #000;  transition: 1.3s in-out;   width: 100%;   ddisplay: inline-flex;  
}
.copy{color:red}
.cclipcopied::after {
    font-family: 'Font Awesome 5 great';
    content: '\f058';
    color: green;   
    transition: 1.3s in-out;
    font-weight: 900;
    font-size: 20px;
    font-size: 45px;
    display: block;
    padding: 0px;
	position: absolute;
	text-align: left;
    right: 0;
    top: 50%;
	margin-left: 10px;
	 
}
#cT{
    float: right;
    right: 15px;
    top: 10;
    bottom: 50px;
	font-style: italic;
	color:#000;
	
	font-weight:bold;
	transition: 1.3s in-out;
	animation-duration: .3s;
}


*/
.ordertracker{color:darkcyan;margin-top:10px}
.anim{animation: bounce; animation-duration: .3s;}

.on {
    -webkit-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -moz-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -ms-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -o-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
	}

@keyframes cartbtnFade {
  0% {
    opacity: 0;
    transform:translateY(-100%);
  }
  10% {
  	transform:translateY(-100%);

  }
  15% {
	  transform:translateY(0);
	}
	30% {
	  transform:translateY(-50%);
	  
	}
	40% {
	  	transform:translateY(0%);

	}
  100% {
    opacity: 1;
  }
}
.table{display:table;width:100%}
.pageLayer {  padding: 0 5em;}




/* end referral pg*/
.pointDefine
{
	display:table;
    background: #2e6da4;
    padding: .5em;
    border-radius: 10px;
}
.text-excite{font-weight:900}
.subtitles{margin-bottom:.5em; margin-top:1em}
.mt-1e{margin-top: .1em;}
 .pinfo h3 {margin-bottom:.5em}
 .pointDefine h3{margin-bottom:0em; color: azure;}
 .pinfo {
    background: #f8f8f8;
    border-left: 3px solid #2e6da4;
    border-radius: 15px;
    margin: 20px 0;
    padding: 1em;
} 
.overflowhid{overflow:hidden}
.thumb__title p{margin-bottom: 0rem;}
.fas_info{ color: #2e6da4;font-size: 1.5em;margin-right: .5em;}
.white{color:#fff}
.signupbtn{background:transparent; color:#2e6da4;border: 1px solid #007bff;}


@media screen and (max-width:992px){
	
.vendorBanner { height:120px;}
}
@media screen and (max-width:992px){
	body{ }
	.s_point,.holder_buttons{height:auto}
 .service_img{width:100%;height:auto;}
 .logmd6 { height: 200px;}
 .sendmailbtn{height:auto!important; margin-top:1em}
 
 .pg_foota {
    text-align: center;
    background: #fff;
    padding: 1em;
    margin-top: 0em;
    background: #145467;
    color: cadetblue;
    padding: 3em;
	border-top: 0px solid #145467;

}
 
 
}


.poHolding{padding-bottom:0px!important;font-size: 13px;}