@charset "utf-8";
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
    overflow-x: hidden;
}
.eBay-wrapper {
    background-color: black;
	color: white;
	font-weight: 300;
	font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	clear: both;
	font-size: calc(12px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
  line-height: normal;
	
}
	h2 {
		font-size: calc(14px + 1.15vw);}
/*	h2 {
		font-size: 1.7vw;}*/
/*	p {
		font-size: 1.5vw;}*/
.bottombar {
    height: 35px;
    width: 100%;
    background-color: #171717;
    position: relative;
    padding-top: 5px;
    box-shadow: 0px 10px 8px black;
}
.nextbar {
    height: 25px;
    width: 100%;
    background-color: #171717;
    position: relative;
    padding-top: 5px;
    box-shadow: 0px 10px 8px black;
}
.eBay-wrapper .navbar.navbar-expand-lg.navbar-dark {
    background-color: black;
	
	
}
.vertical-center-text {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.floatingframes img {
	margin-top: -85%;
}
#AFTH {
	
}
#ROOM {
	
}
#TAGS {
    background-color: #151515;
	
	
}
.FormatsTable {
	width: 100%;
	border:0;
	margin-top: 10%;
	color: white;
}
tr {
	border-bottom: 1px dotted;
}
th,td {
    padding: 2%;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-size: cover;
}
.sprite{
	display:inline-block; 
	overflow:hidden; 
	background-repeat: no-repeat;
	background-image:url('../img/sp1.webp');
}
.icons{
	background-size: 787.692%; width: 40%; padding: 40% 0 0;
}
.BAR{
	background-position: 20.5817% 0.523560%;
}
.LOUNGE{
	background-position: 35.3468% 0.523560%;
}
.KIDS{
	background-position: 50.1119% 0.523560%;
}
.SHED{
	background-position: 64.8770% 0.523560%;
}
.OFFICE{
	background-position: 79.6421% 0.523560%;
}
.fyc{
	background-position: 0.769231% 68.6461%; background-size: 134.031%; padding: 11.91% 0 0;
}
.logo {background-position: 0.236967% 0.600601%; background-size: 568.889%;  width: 100px; padding: 100px 0 0;}
.Aust {background-position: 0.217391% 44.8529%; background-size: 984.615%; width: 70%; padding: 70% 0 0; }
.gift  {background-position: 11.7137% 44.6341%; background-size: 1003.92%; width: 70%; padding: 70% 0 0;}
.hanging {background-position: 33.9827% 44.4175%; background-size: 1024.00%; width: 70%; padding: 70% 0 0;}
.pencil {background-position: 22.9437% 44.4175%; background-size: 1024.00%; width: 70%; padding: 70% 0 0;}
.bhanging {background-position: 92.7473% 0.502513%; background-size: 898.246%; width: 70%; padding: 70% 0 0;}
/*Menus*/
.nav > .nav-header {
/*  display: none;*/
position: relative;
left: 1.5%;
	
}
.nav > .nav-header > .nav-title {
  display: inline-block;
  max-width: 250px;
	
}
.nav > .nav-header > .nav-title > a:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 3px;
  bottom: 0;
  left: 20%;
  background-color: orangered;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.5s ease-in;
  box-shadow: 0 0 50px 5px orangered;
}
.nav > .nav-header > .nav-title > a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
.nav > .nav-btn {
  display: none;
}
.nav > .nav-links {
  text-decoration: none;
  align-items:center;
  display: flex;
  margin: auto;
}
.nav > .nav-links > li {
 /*font-size: 1vw;*/  font-size: calc(3px + 1.15vw);
}
.nav > .nav-links > li > a {
margin: auto;
  text-decoration: none;
  color: #fff;
  position: relative; 
	padding-left: 8px;
	padding-right: 8px;
}
/*.nav > .nav-links > li:first-child > a:before {
  content: "";
  position: absolute;
  width: 330px;
  height: 5px;
  bottom: 0;
  left: 5%;
  background-color: orangered;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.5s ease-in;
  box-shadow: 0 0 50px 5px orangered;
  z-index: 1;
}*/
.nav > .nav-links > li/*:not(:first-child)*/ > a:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 2px;
  bottom: -5px;
  left: 10%;
  background-color: orangered;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.5s ease-in-out;
  box-shadow: 0 0 10px 2px orangered;
}
.nav > .nav-links > li:not(:first-child) > a:after {
content:""; 
    background: grey; 
    position: absolute; 
    bottom: -6px; 
    left: 0; 
    height: 150%; 
    width: 2px;
	
}
.nav > .nav-links > li > a:hover:before {
  visibility: visible;
  transform: scaleX(1);
 
}
.nav > #nav-check {
  display: none;
}
.nav {
  height: 70px;
  width: 100%;
  background-color: #000;
  position: relative;
	align-items: center;
}
@media (max-width: 992px) {
	.bottombar {
	visibility: hidden;
	height: 35px;
	width: 100%;
	background-color: #171717;
	position: relative;
	padding-top: 5px;
	box-shadow: 0px 10px 8px black;
}
  .nav > .nav-btn {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
  }
  .nav > .nav-btn > label {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
	background-color: rgba(0, 102, 102, 102);
  }
  .nav > .nav-btn > label > span {
	display: block;
	width: 25px;
	height: 10px;
	border-top: 2px solid #eee;
  }
  .nav > .nav-links {
	position: absolute;
	display: block;
	width: 100%;
	background-color: #333;
	height: 0px;
	transition: all 0.3s ease-in;
	overflow-y: hidden;
	top: 50px;
	left: 0px;
	text-align: center;
	z-index: 1;
  }
  .nav > .nav-links > li > a {
	display: block;
	width: 100%;
	  font-size: 3vw;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
	height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
	height: calc(50vh - 50px);
	overflow-y: auto;
  }
}
/*Tabs*/
.tabs {
  display: flex;
  flex-wrap: wrap;
  position: relative;
	top: 0px;
	padding-bottom: 0%
}
 
.tabs label {
  order: 1;
  display: block;
  padding-right: 3%;
  cursor: pointer;
  background:  #000;
  font-weight: bold;
  font-size: 120%;
  letter-spacing: -1px;
  
  transition: color ease-in-out 0.5s;
  /*border-right: 2px ridge grey;*/
}
.tabs label:hover  {
	color: orangered;
}
 
.tabs .tab {
    margin-top: 1px;
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background-color: rgba(0,0,0,0.35);
    color: white;
	z-index: 100;
}
 
.tabs input[type="radio"] {
  display: none;
}
 
.tabs input[type="radio"]:checked + label {
  color: orangered;
}
 
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
 
@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs{
	top: 0px;
	padding-bottom: 21%
	 
	}
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
	
  .floatingframes img {
	margin-top: 0%;
  }	
}