.noshow{
display: none;
}

.modal{
  z-index:5001;
  position:fixed;
  top:20vh;
  right:10vw;
  width:80vw;
  height:60vh;
  
  }
  
.pane{
width:100vw;
height: 100vh;
background-color: #fff;
padding: 0px;
margin: 0px;
position:fixed;top:0px;right:0px;
z-index: 1100;
}
.medium, .medium *{
font-size:14px;
}

.D{
border-radius:90px 90px 0px 0px;
}
.bas{
border-radius: 1px 8px 1px 1px;
}
.rbas{

  border-radius: 8px 1px 1px 1px;
}

.zeroPoint
{
  transform: translate(0%) !important;
}

.fv
{
color:#111;
background-color: rgba(255,255,255,.8);
font-weight: 480;
}

.hscroll
{
overflow-x: scroll;
overscroll-behavior:contain;
}

.vscroll
{
overflow-y: scroll;
overscroll-behavior:contain;
}

.broadbg
{
  background-size:auto 100% !important;
}

.singlebg
{
  background-size:100% 100% !important;
}

.flexa,.flexb
{
	display: flex;
	flex-direction: row;
}

.flexb button, .flexb .button{

max-width: inherit !important;
-moz-max-width:inherit !important;
}


.flexd
{
	display:flex;
	flex-direction: column;
}

.flexc
{
  flex-basis: 0;
  flex: auto;
  flex-grow: 1;
  flex-shrink:3;
min-width:0;
width:auto !important;
}

.flexc.button{
width:auto !important;
max-width: inherit !important;
-moz-max-width:inherit !important;
}

.flexci
{
  display: flex;
 flex-flow: row nowrap;
 align-items: center;
}

.flexe
{
  display: flex;
  flex-wrap: wrap;

}


.flexf
{
	display:flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fshu
{
  color:#111 !important;
  background-color: white;
}

.sharp{
font-weight: 480;
letter-spacing: .3em;
font-size:16px;
}

.invert
{
  background-color:black !important;
  color:beige !important;
}



.center {
  margin: 0px auto;

}

.tcenter{

text-align: center;
  text-align: -webkit-center;

}

.padded {
padding:5px;
}

.rounded {
  border-radius: 4px;
 }

.board
{
  border-radius: 45px;
}

.dotted {
  border: 1px dotted rgba(10,0,0,1);
}

.solid
{
  border:1px solid black;
}

.round {
  border-radius: 90%;
}

.fine ,.fine *{
  font-size:10px !important;
}

.fixed {
  position: fixed;
}

.shaded {
  background-color: rgb(255, 0, 0, .03);
}

.shadedd {
  background-color: rgb(16, 16, 0, .4);
}

.shadow
{

  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
}

.plain {
  shadow: none;
  border: none;
}

.licon {
  width: 42px !important;
  height: 42px !important;
}
.ezicon {
  width: 100px !important;
  height: 100px !important;
}

.icon {
  width: 32px !important;
  height: 32px !important;
}


.icon2 {
  width: 100%;
  height: 32px !important;
}

.sicon {
  width: 24px !important;
  height: 24px !important;
}

.emoji {
  width: 16px !important;
  height: 16px !important;
}

.spaced
{
  margin-top:6px;
}

.inlineb
{
display:inline-block;
}

.dp
{
  width:64px;
  height: 64px;
}

.dform
{
  width: 95%;
  margin:0px auto;
  
}

.dform input, .dform select
{
  display: inline-block;
  padding:16px 8px 16px 8px;
  width:90%;
  
  vertical-align: middle;
}

.dform button{
  width:100%;
  padding: 10px;
}

.dform textarea
{
  
  margin:0px auto;
  width:95%;
  height: 160px;
  max-height: 200px;
  max-width: 100%;
}

.aun *
{
  color:inherit;

}

.aun {
  margin: 0px auto;
  height:42px;
  color:inherit;
  border-radius: 8px;
  width: 95%;
  background-color:rgba(0,0,0,0);
}



.dp
{
width:72px;height:72px;
}

.redlabel
{BORDER:1PX solid BEIGE;
height:8px;
background-color: darkred;
line-height:8px;
font-size:8px;
font-family: sans-serif;
}


.vendor, .post
{
  width:99%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;

}

.post,.post *,.vendor,.vendor *
{
  word-wrap: break-word;
}
/*post*/
.post {
  max-width: 100%;
box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px !important;
  margin-bottom: 16px;
}

a .post {
  font-size: inherit;
  color:inherit;
}

a .post :hover
{
  color:green;
}


.post span {
  font-size: 14px;
}

.post #bar {
  font-size: 12px;
  width: 100%;
}

.post img {
  width: auto;
  height: auto;
max-height: 60vh;
max-width:99%;
}

.post button {
  border-radius: 1px;
  background: none;
  border: 1px solid gray;
  margin: 1px;
  padding: 8px;
  color:black;
  width: 100%;
}

.post .pp {
  width: 100%;
  border-radius: 8px;
}
.desc,a .desc
{
  max-width: max-content;
  padding: 4px;
  text-overflow: ellipsis;

}

.price,a .price
{
  background-color: rgb(207, 232, 169);
  color:#111;
  font-size:10px !important;
  font-family:Poppins !important;
  padding:8px;
  font-weight:900;
}

.type{
  background-color: #6a271c;
  color:#ff9700;
  font-size:10px !important;
  font-family:sans-serif !important;
  padding:8px;
}


.contactinfo
{
  border-left: 1px solid darkgoldenrod;
  word-wrap: break-word;
  display:block;
  width:61.8%;
  background-color:white;
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 8px 0 rgba(0, 0, 0, 0.1);
border-radius:4px;
}


.nip
{
  width: 100vw;
}

.desktop
{
  display: none !important;
}

.linkDiv
{
  width:60%;
}

.flexa {
  flex-direction: column;

}


  .keybar
  {
    position: fixed;
    bottom: 0;
  height:40px;
  right:0;
  width:100%;
  z-index:100;
  padding-top:8px;
  padding-bottom:8px;
  border-radius: 8px 8px 0px 0px;
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
   background-repeat: repeat-x;
}


  .keybar *
  {
    color:inherit;
    font-size:10px !important;
    font-weight: bold;
  }

  .nyt{
  background-color:#ff601f;
  }


.blink {
  animation: blink-animation 1.6s linear infinite;
}

@keyframes blink-animation {
  0% { opacity: 1; }
  50% { opacity: 0.1; }
  100% { opacity: 1; }
}



  .mainslide{
  width: 100%;
  right:0%;
  position:fixed;
  bottom:62px;
  top:116px;
  scroll-behavior:smooth;
  }

  .webslide
  {
    width: 100%;
  }

  @media only screen and (min-width: 800px) {
  .mainslide{
  width: 60%;
  right:20%;
  }

  .webslide{
    width: 60%;
    margin:0px auto;
  }

  }