html {
width: 100%;
height: 100%;
background: url('staunton2.jpg');
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
background-position: 50% calc(100% - 349px);
}

body {
width: 100%;
height: 100%;
}

.smonly {
}

.lgonly {
display: none;
}

.containersoon {
margin: 0 auto;
min-width: 100%;
min-height: 100%;
display: flex;
justify-items: center;
align-items: center;
text-align: center;
background: #fff;
}

.soon {
font-family: 'Merriweather', serif;
font-size: 2em;
color: #8f8f8f;
justify-items: center;
align-items: center;
text-align: center;
width: 100%;
}






.containertop {
width: 100vw;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
letter-spacing: 1px;
color: #000;
position: fixed;
top: 0;
z-index: 9999;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.containertopb {
width: 100vw;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
color: #000;
position: fixed;
top: 0;
z-index: 9999;
}

.navlogo {
object-fit: contain;
height: 70px;
margin-left: 10px;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
}

.navicon {
object-fit: contain;
height: 30px;
}



.navbar-toggler-icon {
color: #8bb7b4;
border-color: #fff;
}

.navbar {
width: 100vw;
border-bottom: 0;
border-right: 0;
border-left: 0;
border-top: 0;
box-shadow: 0px;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
	margin: 0px;
	padding: 0px;
}


.navbar-toggler {
margin-right: 20px;
margin-top: auto;
margin-bottom: auto;
background: #fff;
}

.navbar-light .navbar-toggler {  
border-color: rgba(139,183,180,1);
border-color: #8bb7b4;
}

.navbar .navbar-nav {
  margin-top: 0px;
  border-top: 1px solid #8bb7b4;
white-space: pre;
background: #c7e9e6;
padding: 0;
margin: 0;
}

.nav-item {
padding-left: 20px;
padding-top: 2px;
width: 100vw;
margin: 0;
border-bottom: 1px solid #8bb7b4;
color: #3e4d34;
}

.nav-link {
padding-left: 4px;
padding-top: 8px;
padding-bottom: 8px;
margin: 0;
}


.daiy {
object-fit: contain;
width: 70vw;
}

.nav-itemtop {
padding-left: 20px;
margin-top: 20px;
padding-bottom: 0px;
}

.nav-itembottom {
padding-left: 20px;
padding-top: 4px;
padding-bottom: 25px;
width: 100vw;
border-bottom: #d7e6cd;
}

 
ul {
list-style-type: none;
}

li {
list-style-type: none;
}


.browsebutton {
width: 60vw;
margin-top: 20px;
margin-left: 0 auto;
margin-right: 0 auto;
margin-bottom: 20px;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #8f8f8f;
background: #fff;
font-family: 'New Tegomin', serif;
font-size: 1em;
color: #000;
}

.filigree {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.filigreebottom {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 200px;
}

.filigreefit {
object-fit: contain;
width: 40vw;
}

.filigreeend {
object-fit: contain;
width: 40vw;
padding-bottom: 20px;
}

.main {
width: 100vw;
margin: 0 auto;
padding-top: 100px;
display: flex;
flex-direction: column;
}

.mainc {
width: 100vw;
margin: 0 auto;
padding-top: 100px;
display: flex;
flex-direction: column;
}

.maine {
text-align: center;
}

.mainf {
text-align: center;
padding-left: 30px;
padding-right: 30px;
}

.pagetitle {
font-family: 'New Tegomin', serif;
font-size: 36px;
line-height: 42px;
padding-bottom: 10px;
color: #8bb7b4;
}

.pagetitleb {
font-family: 'New Tegomin', serif;
font-size: 26px;
line-height: 36px;
padding-bottom: 10px;
color: #8bb7b4;
}

.pagetitlec {
font-family: 'New Tegomin', serif;
font-size: 26px;
line-height: 36px;
padding-bottom: 10px;
color: #8bb7b4;
}

.sectionleft {
width: 100vw;
margin-left: 0 auto;
margin-right: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}

.sectionleftc {
width: 100vw;
margin-top: -4px;
margin-left: 0 auto;
margin-right: 0 auto;
}

.sectionleftab {
width: 100vw;
margin-top: -4px;
margin-left: 0 auto;
margin-right: 0 auto;
}

.indexcont {
}

.indexcontc {
}

.textblurb {
margin-top: 20px;
}

.textblurbi {
padding-right: 40px;
padding-left: 30px;
font-family: 'Merriweather', serif;
font-size: 14px;
line-height: 24px;
color: #898989;
}

.textblurbc {
margin-top: 20px;
color: #4c5a4f;
padding-right: 40px;
padding-left: 40px;
font-family: 'Merriweather', serif;
font-size: 14px;
line-height: 24px;
color: #898989;
}

.contsvgholder {
display: flex;
}

.contsvg {
width: 20px;
padding-top: 10px;
}

.conttext {
flex: 1;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.stauntonsketch {
width: 100vw;
}

.smallpic {
object-fit: contain;
width: 100vw;
}

.medpic {
object-fit: contain;
width: 100vw;
}

.largepic {
object-fit: contain;
width: 80vw;
padding-top: 10px;
padding-bottom: 10px;
}

.framescont {
display: none;
}

.framescontmob {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 200px;
}

.frames {
object-fit: contain;
width: 90vw;
margin: 0 auto;
}


.bigtitle {
font-family: 'Ruthie', cursive;
font-size: 2.6em;
padding-top: 20px;
padding-bottom: 20px;
color: #8f8f8f;
}

.bigtitlec {
font-family: 'Ruthie', cursive;
font-size: 38px;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
color: #8f8f8f;
text-align: center;
}

.bigtitlesent {
font-family: 'Merriweather', serif;
font-size: 22px;
line-height: 36px;
color: #b45b48;
padding-top: 10px;
padding-bottom: 20px;
}

.entershop {
display: flex;
justify-content: center;
align-items: center;
}

.entershop a {
color: #000;
text-decoration: none;
}


.sectionfirst {
margin: 0;
padding: 0;
}

.tdccar {
width: 100vw;
margin: 0;
min-height: 300px;
max-height: 300px;
overflow-y: hidden;
background: url('staunton2.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: bottom left;
}

.carousel-control-prev-icon {
position: absolute;
  top: 120px;
  margin:0;
  padding-left:15px;
  padding-right:15px;
}

.carousel-control-next-icon {
position: absolute;
  top: 120px;
  margin:0;
  padding-left:15px;
  padding-right:15px;
}

.carousel-item {
width: 100vw;
}

.carousel-inner {
padding-top: 40px;
width: 100vw;
max-height: 300px;
overflow-y: hidden;
}

.restrictedcar {
position: relative;
object-fit: contain;
width: 100vw;
    animation-name: recent;
    animation-duration: 14s;
}

@keyframes recent {
  0%   {top: -50px;}
50% {top: -150px;}
  100% {top: -800px;}
}

.carousel-caption {
position: relative;
top: 0;
left: 0;
text-align: center;
padding-left: 10px;
padding-right: 10px;
margin-top: -50px;
font-family: 'New Tegomin', serif;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
color: #fff;
}


.smalltextblurb {
font-size: 12px;
line-height: 22px;
width: 80vw;
margin-left: 10vw;
margin-bottom: 30px;
font-family: 'Merriweather', serif;
}

.enqform {
width: 80vw;
margin: 0 auto;
background: #fff;
border: 1px solid #c6c6c6;
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
padding: 20px;
font-family: 'Merryweather', serif;
line-height: 1.6em;
font-size: 1em;
}



.sectionleftbr {
padding-top: 120px;
}

.mainbrowse {
width: 90vw;
margin: 0 auto;
}

.backtotop {
display: none;
}

.backtotopmob {
position: fixed;
right: 0px;
bottom: 20px;
margin-bottom: 20px;
margin-right: 10px;
opacity: 0.4;
z-index: 9999999;
}


.backtotopmob a {
text-decoration: none;
color: #b45b48;
}

.backtotopmob a:hover {
text-decoration: none;
color: #8ab8ab;
}

.backsearch {
margin: 50px;
font-size: 22px;
color: #000;
}

.backsearch a {
text-decoration: none;
color: #000;
}

.backsearch a:hover {
text-decoration: none;
color: #808080;
}

.texttopcont {
width: 90vw;
margin: 0 auto;
display: flex;
flex-direction: column;
}

.textblurbshop {
flex: 1;
text-align: center;
padding-bottom: 10px;
font-size: 1.2em;
font-family: 'Merriweather', serif;
}

.textblurbshop a {
text-decoration: none;
color: #000;
}

.textblurbshop a:hover {
text-decoration: none;
color: #808080;
}

.shopchoices {
width: 90vw;
font-family: 'Merriweather', serif;
font-weight: bold;
font-size: 14px;
height: 100%;
display: flex;
flex-direction: column;
background: #fff;
border-top: 1px solid #c6c6c6;
padding-top: 15px;
padding-bottom: 5px;
}

.searchbar {
flex: 70%;
display: inline-block;
}

.searchaligna {
display: none;
}

.searchalignamob {
text-align: center;
padding-top: 6px; 
float: left;
width: 10%;
}

.searchalignd {
float: left;
width: 100%;
margin-bottom: 20px;
}

.searchalignb { 
float: left;
width: 70%;
}

.searchalignc { 
float: left;
width: 20%;
}

.buttonsearch {
margin-top: 6px;
margin-bottom: 8px;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
font-family: sans-serif;
font-size: 10px;
background: #808080;
color: #fff;
border: 1px solid #838383;
}

.buttonsearch a {
text-decoration: none;
color: #fff;
}

.buttonsearch a:hover {
text-decoration: none;
color: #000;
}

.searchalign input[type=text] {
font-size: 12px;
padding: 4px;
width: 100%;
}

.refine {
width: 100%;
margin-top: 10px;
border-top: 1px solid #c6c6c6;
padding-top: 10px;
text-align: center;
}

.product {
width: 90vw;
min-height: 500px;
max-height: 500px;
background: #fff;
font-family: sans-serif;
margin-left: 0 auto;
margin-right: 0 auto;
margin-bottom: 20px;
border: 1px solid #c4c4c4;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
text-align: center;
}

.productitem {
width: 90vw;
background: #fff;
font-family: sans-serif;
margin-left: 0 auto;
margin-right: 0 auto;
margin-bottom: 20px;
border: 1px solid #c4c4c4;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
text-align: center;
}


.buttoncontb {
width: 100%;
text-align: center;
}

.item {
min-height: 500px;
}

.previewb {
float: left;
object-fit: contain;
width: 80px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
border: 1px solid #c6c6c6;
margin: 5px;
z-index: 1;
}

.previewblg {
object-fit: contain;
width: 60vw;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
border: 1px solid #808080;
margin-left: 0 auto;
margin-right: 0 auto;
z-index: 1;
}

.previewitemimg {
object-fit: contain;
width: 80vw;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0 auto;
margin-right: 0 auto;
}

.mobimageholder {
width: 90vw;
}

.gifcontainer {
text-align: center;
width: 60vw;
position: relative;
margin-left: 0 auto;
margin-right: 0 auto;
}

.gifcontainerlg {
width: 60vw;
position: relative;
margin-left: 0 auto;
margin-right: 0 auto;
}

.soldclass {
position: absolute;
object-fit: contain;
left: 0;
width: 100px;
z-index: 9;
opacity: 0.8;
margin-left: 0 auto;
margin-right: 0 auto;
}

.soldclasslg {
position: absolute;
top: 6px;
left: 6px;
object-fit: contain;
width: 80px;
z-index: 9;
}


.containerw {
width: 100%;
display: flex;
justify-content: center;
max-height: 300px;
overflow-y: hidden;
text-align: center;
}

.prodtitle {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 80px;
padding-top: 20px;
padding-bottom: 0px;
font-size: 14px;
font-family: 'Merriweather', serif;
text-align: center;
}

.prodtitlebold {
display: none;
}

.mobitemtitle {
width: 100%;
font-family: 'New Tegomin', serif;
font-weight: bold;
font-size: 18px;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.mobitemdesc {
width: 90%;
text-align: left;
margin-left: 5%;
margin-right: 5%;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
color: #000;
line-height: 18px;
}

.mobitemprice {
font-size: 18px;
font-family: 'Merriweather', serif;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}


.prodprice {
font-size: 18px;
font-family: 'Merriweather', serif;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}

.proddesc {
font-size: 0.8em;
padding: 5px;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
border: 1px solid #e0e0e0;
border-radius: 5px;
}

.viewmorebutton {
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 10px;
font-family: 'New Tegomin', serif;
font-weight: bold;
padding: 10px;
border: 1px solid #c6c6c6;
text-align: center;
font-size: 16px;
}

.viewmorebutton a {
text-decoration: none;
color: #808080;
}

.viewmorebutton a:hover {
text-decoration: none;
color: #000;
}







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


.iteminfobox {
}

.itemenqbox {
width: 90vw;
flex: 1;
}

.itemenqboxc {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}

.itemenqboxab {
display: none;
}

.itemenquirybox {
border: 1px solid #c6c6c6;
font-family: 'Merriweather', serif;
font-size: 12px;
}

.itemenquiryboxc {
width: 90vw;
border: 1px solid #c6c6c6;
font-family: 'Merriweather', serif;
font-size: 12px;
margin-left: 0 auto;
margin-right: 0 auto;
}

.titleenq {
font-family: 'New Tegomin', serif;
font-weight: bold;
color: #b45b48;
text-align: center;
font-size: 16px;
padding-top: 20px;
padding-bottom: 10px;
}

.buttonsenditem {
font-family: 'New Tegomin', serif;
font-weight: bold;
font-size: 16px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
text-align: center;
color: #b45b48;
border: 1px solid #8ab8ab;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.enqformitem {
margin: 10px;
padding: 10px;
}

.itemimagecont {
display: flex;
flex-direction: column;
justify-content: center;
}

.descpricecontlg {
display: none;
}

.descpricecontmob {
width: 100vw;
}

.itemdesc {
}

.zoomcont {
display: none;
}

.space {
width: 100vw;
height: 350px;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 2px solid #8ab8ab;
background: linear-gradient(to right, rgba(179,218,215,1), rgba(179,218,215,1), rgba(179,218,215,0.6));
color: #fff;
font-family: 'Merriweather', serif;
font-weight: bold;
font-size: 10px;
text-align: left;
}

.space a {
text-decoration: none;
color: #fff;
}

.space a:hover {
text-decoration: none;
color: #8bb7b4;
}

.spacecontent {
display: flex;
align-items: flex-start;
}

.spacesvg {
flex: 5%;
padding-top: 2px;
padding-right: 2px;
text-align: right;
}

.spacetext {
flex: 95%;
width: 100%;
text-align: left;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 5px;
}

.daisychain {
object-fit: contain;
width: 60vw;
padding-top: 10px;
opacity: 0.8;
}

.daisychainb {
object-fit: contain;
width: 40vw;
padding-bottom: 10px;
}

.daisychaincont {
padding-bottom: 20px;
}

/* ------------- JQUERY ---------------- */


a { text-decoration: none; }

h1 { margin: 0; }

#zoom {
}

#wrapper {
}

#content { text-align: center; }

#view {
display: none;
}

#view img {
  border-radius: 8px;
}


#thumbs {
}

#nav-left-thumbs { left: 70px; }

#nav-right-thumbs { right: 70px; }

#nav-left-thumbs, #nav-right-thumbs {
}

#nav-left-thumbs:hover, #nav-right-thumbs:hover { background: lightgrey; }

#pics-thumbs {
}

#pics-thumbs img {
}



/* ----------------------------------------- */



.mobpriv {
width: 90vw;
margin-left: 5vw;
margin-right: 5vw;
padding-top: 20px;
font-family: 'Merriweather', serif;
font-size: 10px;
}

.privsect {
padding-top: 10px;
padding-bottom: 10px;
}

.privtitle {
font-size: 14px;
}








.buttonsend {
padding: 5px;
border: 1px solid #8f8f8f;
border-radius: 4px;
background: #c6c6c6;
font-family: 'Merryweather', serif;
font-size: 1em;
color: #fff;
}

.cookie-banner {
  position: fixed;
  bottom: 20px;
  width: 100%;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

button.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: #000;
  border-radius: 2px;
  cursor: pointer;
}

.footer {
position: fixed;
bottom: 0;
width: 100%;
background: #95b6b3;
color: #fff;
padding: 2px;
font-size: 8px;
letter-spacing: 1px;
text-align: center;
margin: 0 auto;
}

.footer a {
text-decoration: none;
color: #fff;
}



.spaceright {
display: none;
}



.topleft {
font-size: 1.4em;
font-family: serif;
color: #fff;
margin-left: 20px;
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
}