:root {
--pic-width1: 300px;
--pic-width2: 300px;
--pic-width3: 300px;
--pic-width4: 300px;
}

html{
	min-height: 100vh;
	min-width: 375px;
	margin: 0;
	font-size: 10px;
	text-size-adjust: 100%;
	overflow-y: scroll;
	scroll-behavior: smooth;
  /*-webkit-overflow-scrolling: touch;*/
}

.darkbckgrnd {	
	background: #292936;
}

.lightbckgrnd{
	background: #D7D0C4;
}

p,h1,h2,h3,h4,h5,ul,ol,dl,img,hr,td,tr,line-height,section,header,footer,label,br,img,input,form,video, body {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

a {
	cursor: pointer;
	outline: none;
	text-decoration: none;
	color: inherit;
}

img {
	 max-width: 100%;
}

ul {
	list-style: none;
}

.ruleline {
	display: block;
    border: 0;
    height: 2.5px;
  background: transparent;
  box-shadow: 
    inset 0 1.5px 0 rgba(41, 41, 54, .8),      /* dark shadow on top */
    inset 0 -1px 0 rgba(170, 163, 151, 0.8); /* light shadow on bottom */
	margin: .9rem auto 0;
    padding: 0;
    width: 66%;
}

body {
	max-width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
    font-family: museo-sans, arial, sans-serif;
}

body::-webkit-scrollbar {
	display: none;
}

::-webkit-scrollbar {
	display: none;
}

.sidenav::-webkit-scrollbar {
	display: none;
}

::-webkit-scrollbar-track {
    display: none; /* Make the track transparent */
    background: transparent;
}

::-webkit-scrollbar-thumb {
	display: none; /* Make the thumb transparent */
	background: transparent;
}


/* For Firefox */
body {
    scrollbar-width: none; /* Hide scrollbars */
}

body {
    scrollbar-color: transparent transparent; /* Hide scrollbars and thumb Firefox*/
}
/*end Firefox*/


#overlayWhite {
	position:fixed; 
	width: 100%;
	top:0; 
	left:0; 
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 10;
	background-color: #504946;
	opacity: .9;
	overflow: hidden;
}

#glossyOverlay {
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	width: 95%;
	min-width: 356px;
	height: auto;
	z-index: 11;
}

.nav {
	width: 100%;
	min-width: 375px;
	height: 100px;
	background-color: #776959;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1.0;
	z-index: 4;
}

.nav:has(.subhead) {
	height: 180px;
}

#MenuIcon {
	position: fixed;
	top: 24px;
	left: 24px;
	width: 42px;
	height: auto;
}

main{
	margin-top: 185px;
}

.no-snap {
	scroll-snap-type: y proximity;
	scroll-snap-stop: normal;
	overflow-y: scroll;
	height: 100vh;
}

#chosenContent {
	position: relative;
	margin-top: 105px;
	overflow-x: hidden;
}

footer {
	position: relative;
}

.instructions {
	margin: 30px auto 10px;
}

.centerme {
	margin: 0 auto;
	padding: 0 20px;
}

.centerme > img {
		margin: -5% auto 0;
}

.active {
	display: block;
}

.off {
	display: none;
}

.chosenItems {
	position: relative;
	padding: 0 10%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: start;
	column-gap: 30px;
	row-gap: 30px;
	flex-wrap: wrap;
	max-width: 100%;
}

.item-1.mat, .item-2.mat, .item-3.mat, .item-4.mat {
	/*margin: 0px 100px 100px 100px !important;*/
	box-sizing: border-box;
	flex: 1 1 100%;
}

.item-1.room, .item-2.room, .item-3.room, .item-4.room {
	margin: 0px 50px 25px 50px;
	box-sizing: border-box;
	flex: 0 1 auto;
}

.item-1 > img, .item-2 > img, .item-3 > img, .item-4 > img {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
}

.noPads {
	padding: 0 0 20px 0 !important;
}

.overlayArrowRight { 
	display: block;
	position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
	
.overlayArrowLeft {
	display: block;
	position: fixed;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.interiorArrowRight { 
	display: block;
	position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
	
.interiorArrowLeft {
	display: block;
	position: fixed;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.navBack.dark, .navForward.dark {
	font-family: museo-sans, arial, san-serif;
	font-weight: 500;
	font-size: 1.6em;
	line-height: 112%;
	color: #FFF;
	padding-top: 6em;
}

.navForward {
	position: fixed;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    text-align: right;
}

.navBack {
	position: fixed;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
    text-align: left;
}

.orderItems {
	display: flex;
	padding: 2% 10% 0;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 0px;
	row-gap: 30px;
	flex-wrap: wrap;
	max-width: 100%;
}

.orderDetails {
	position: relative;
	text-align: center;
	font-family: museo-sans, arial, san-serif;
	font-weight: 500;
	font-size: 2em;
	line-height: 130%;
	padding: 0 30px;
	width: 440px;
	min-width: 20%;
}

.orderTitle {
	position: relative;
	padding: 4% 10% 0;
	font-family: museo-sans, arial, san-serif;
	font-weight: 700;
	font-size: 3em;
	line-height: 130%;
	color: #292936;
	text-align: left;
}

.orderButton {
	position: relative;
	margin: 2% 10% 0 !important;
	font-family: museo-sans, arial, san-serif;
	font-weight: 700;
	font-size: 3em;
	line-height: 130%;
	color: #292936;
	text-align: left;
}

#totalCost {
	padding: 1em 10% 0;
	text-align: left;
}

#paypal-button-container {
	padding: 0 10%;
}

/******Slide animations*****/

.currentSlide {
	display: flex;
	position: relative;
	top: inherit;
	left: 0;
}

.nextSlide {
	display: none;
	top: inherit;
	left: 112%;
}

.prevSlide {
	display: none;
	top: inherit;
	left: -112%;
}

/*
.goPrev {
	animation: moveToPrev .5s ease 1;
}

.goNext {
	animation: moveToNext .5s ease 1;
}

.goBack {
	animation: moveToRight .5s ease 1;
}

.goForward {
	animation: moveToLeft .5s ease 1;
}

@keyframes moveToPrev { 
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-112%);
  }
}

@keyframes moveToNext { 
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(112%);
  }
}

@keyframes moveToLeft {
  0% {
    transform: translateX(112%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes moveToRight { 
  0% {
    transform: translateX(-112%);
  }
  100% {
    transform: translateX(0%);
  }
}
*/

/******End Slide animations*****/

.break {
  flex-basis: 100%;
  height: 0;
}

.break.mat {
  flex-basis: 100%;
  height: 100px;
}

.break.mat.bitless {
  flex-basis: 100%;
  height: 50px;
}

.break.room {
  flex-basis: 100%;
  height: 15px;
}

select {
   -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   outline:0;
   box-shadow:none;
   border:0!important;
   background: #C0B6AA;
   background-image: none;
   flex: 1;
   max-width: 230px;
   padding: 0 .5em;
   color:#fff;
   cursor:pointer;
   font-family: museo-sans, arial, san-serif;
	font-weight: 500;
	font-size: 1.5em;
}

select.inaroom {
	font-size: 1.4em;
}
  
select::-ms-expand {
   display: none;
}

.drpdwn {
   position: relative;
   display: flex;
   /*width: inherit;
   max-width: 192px;*/
   width: 100%;
   max-width: 202px;
   min-width: 144px;
   height: 3em;
   line-height: 3;
   background: #FFF;
   overflow: hidden;
   border-radius: .25em;
   margin: 15px auto;
   justify-self: center;
}

.drpdwn::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #A0998D;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}

.drpdwn:hover::after {
   color: #83FF00;
}

.frameBlack {
	box-shadow: 0 0 0 10px #000;
	padding: 0;
}

.frameWhite {
	box-shadow: 0 0 0 10px #FFF;
	padding: 0;
}

.frameBlack.room {
	box-shadow: 0 0 0 5px #000;
	padding: 0;
}

.frameWhite.room {
	box-shadow: 0 0 0 5px #FFF;
	padding: 0;
}

.noframe {
	box-shadow: 0 0 0 20px #FFF;
	padding: 0;
}

.noframe.room {
	box-shadow: 0 0 0 10px #FFF;
	padding: 0;
}



/*1*/

.frameWhite.matBlack.standard {
	box-shadow: 0 0 0 60px #000, 0 0 0 70px #FFF;
	margin: 80px auto;
}

.item-1 > img.frameWhite.matBlack.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width1)) #000, 0 0 0 calc(0.22px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matBlack.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width2)) #000, 0 0 0 calc(0.22px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matBlack.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width3)) #000, 0 0 0 calc(0.22px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matBlack.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width4)) #000, 0 0 0 calc(0.22px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
} 

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 100px #000, 0 0 0 110px #FFF;
	margin: 120px auto;
}

.item-1 > img.frameWhite.matBlack.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width1)) #000, 0 0 0 calc(0.3025px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matBlack.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width2)) #000, 0 0 0 calc(0.3025px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matBlack.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width3)) #000, 0 0 0 calc(0.3025px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matBlack.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width4)) #000, 0 0 0 calc(0.3025px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameWhite.matBlack.thin {
	box-shadow: 0 0 0 35px #000, 0 0 0 45px #FFF;
	margin: 55px auto;
}

.item-1 > img.frameWhite.matBlack.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width1)) #000, 0 0 0 calc(0.115px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matBlack.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width2)) #000, 0 0 0 calc(0.115px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matBlack.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width3)) #000, 0 0 0 calc(0.115px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matBlack.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width4)) #000, 0 0 0 calc(0.115px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*2*/

.frameBlack.matWhite.standard {
	box-shadow: 0 0 0 60px #FFF, 0 0 0 70px #000;
	margin: 80px auto;
}

.item-1 > img.frameBlack.matWhite.standard.room {
	box-shadow:  0 0 0 calc(0.185px * var(--pic-width1)) #FFF, 0 0 0 calc(0.22px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhite.standard.room {
	box-shadow:  0 0 0 calc(0.185px * var(--pic-width2)) #FFF, 0 0 0 calc(0.22px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhite.standard.room {
	box-shadow:  0 0 0 calc(0.185px * var(--pic-width3)) #FFF, 0 0 0 calc(0.22px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhite.standard.room {
	box-shadow:  0 0 0 calc(0.185px * var(--pic-width4)) #FFF, 0 0 0 calc(0.22px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 100px #FFF, 0 0 0 110px #000;
	margin: 120px auto;
}

.item-1 > img.frameBlack.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width1)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width2)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width3)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width4)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameBlack.matWhite.thin {
	box-shadow: 0 0 0 35px #FFF, 0 0 0 45px #000;
	margin: 55px auto;
}

.item-1 > img.frameBlack.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width1)) #FFF, 0 0 0 calc(0.115px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width2)) #FFF, 0 0 0 calc(0.115px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width3)) #FFF, 0 0 0 calc(0.115px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width4)) #FFF, 0 0 0 calc(0.115px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*3*/

.frameBlack.matBlack.standard {
	box-shadow: 0 0 0 60px #000, 0 0 0 70px #000;
	margin: 80px auto;
}

.item-1 > img.frameBlack.matBlack.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width1)) #000, 0 0 0 calc(0.22px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matBlack.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width2)) #000, 0 0 0 calc(0.22px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matBlack.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width3)) #000, 0 0 0 calc(0.22px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matBlack.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width4)) #000, 0 0 0 calc(0.22px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 100px #000, 0 0 0 110px #000;
	margin: 120px auto;
}

.item-1 > img.frameBlack.matBlack.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width1)) #000, 0 0 0 calc(0.3025px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matBlack.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width2)) #000, 0 0 0 calc(0.3025px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matBlack.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width3)) #000, 0 0 0 calc(0.3025px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matBlack.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width4)) #000, 0 0 0 calc(0.3025px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameBlack.matBlack.thin {
	box-shadow: 0 0 0 35px #000, 0 0 0 45px #000;
	margin: 55px auto;
}

.item-1 > img.frameBlack.matBlack.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width1)) #000, 0 0 0 calc(0.115px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matBlack.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width2)) #000, 0 0 0 calc(0.115px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matBlack.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width3)) #000, 0 0 0 calc(0.115px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matBlack.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width4)) #000, 0 0 0 calc(0.115px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*4*/

.frameWhite.matWhite.standard {
	box-shadow: 0 0 0 60px #FFF, 0 0 0 70px #FFF;
	margin: 80px auto;
}

.item-1 > img.frameWhite.matWhite.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width1)) #FFF, 0 0 0 calc(0.22px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhite.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width2)) #FFF, 0 0 0 calc(0.22px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhite.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width3)) #FFF, 0 0 0 calc(0.22px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhite.standard.room {
	box-shadow: 0 0 0 calc(0.185px * var(--pic-width4)) #FFF, 0 0 0 calc(0.22px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 100px #FFF, 0 0 0 110px #FFF;
	margin: 120px auto;
}

.item-1 > img.frameWhite.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width1)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width2)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width3)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhite.wide.room {
	box-shadow: 0 0 0 calc(0.27px * var(--pic-width4)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameWhite.matWhite.thin {
	box-shadow: 0 0 0 35px #FFF, 0 0 0 45px #FFF;
	margin: 55px auto;
}

.item-1 > img.frameWhite.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width1)) #FFF, 0 0 0 calc(0.115px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width2)) #FFF, 0 0 0 calc(0.115px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width3)) #FFF, 0 0 0 calc(0.115px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhite.thin.room {
	box-shadow: 0 0 0 calc(0.085px * var(--pic-width4)) #FFF, 0 0 0 calc(0.115px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*5*/

.frameBlack.matWhiteBC.standard {
	box-shadow:  0 0 0 1px #000, 0 0 0 60px #FFF, 0 0 0 70px #000;
	margin: 80px auto;
}

.item-1 > img.frameBlack.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width1)) #FFF, 0 0 0 calc(0.22px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width2)) #FFF, 0 0 0 calc(0.22px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width3)) #FFF, 0 0 0 calc(0.22px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width4)) #FFF, 0 0 0 calc(0.22px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
} 

.frameBlack.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 100px #FFF, 0 0 0 110px #000;
	margin: 120px auto;
}

.item-1 > img.frameBlack.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width1)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width2)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width3)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width4)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameBlack.matWhiteBC.thin {
	box-shadow:  0 0 0 1px #000, 0 0 0 35px #FFF, 0 0 0 45px #000;
	margin: 55px auto;
}

.item-1 > img.frameBlack.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width1)) #FFF, 0 0 0 calc(0.115px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width2)) #FFF, 0 0 0 calc(0.115px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width3)) #FFF, 0 0 0 calc(0.115px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width4)) #FFF, 0 0 0 calc(0.115px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*6*/

.frameWhite.matWhiteBC.standard {
	box-shadow: 0 0 0 1px #000, 0 0 0 60px #FFF, 0 0 0 70px #FFF;
	margin: 80px auto;
}

.item-1 > img.frameWhite.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width1)) #FFF, 0 0 0 calc(0.22px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width2)) #FFF, 0 0 0 calc(0.22px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width3)) #FFF, 0 0 0 calc(0.22px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhiteBC.standard.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.185px * var(--pic-width4)) #FFF, 0 0 0 calc(0.22px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 100px #FFF, 0 0 0 110px #FFF;
	margin: 120px auto;
}

.item-1 > img.frameWhite.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width1)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width2)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width3)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhiteBC.wide.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.27px * var(--pic-width4)) #FFF, 0 0 0 calc(0.3025px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameWhite.matWhiteBC.thin {
	box-shadow: 0 0 0 1px #000, 0 0 0 35px #FFF, 0 0 0 45px #FFF;
	margin: 55px auto;
}

.item-1 > img.frameWhite.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width1)) #FFF, 0 0 0 calc(0.115px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width2)) #FFF, 0 0 0 calc(0.115px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width3)) #FFF, 0 0 0 calc(0.115px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matWhiteBC.thin.room {
	box-shadow:  0 0 0 1px #000, 0 0 0 calc(0.085px * var(--pic-width4)) #FFF, 0 0 0 calc(0.115px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*7*/

.frameBlack.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 60px #BBBCC0, 0 0 0 70px #000;
	margin: 80px auto;
}

.item-1 > img.frameBlack.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 100px #BBBCC0, 0 0 0 110px #000;
	margin: 120px auto;
}

.item-1 > img.frameBlack.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameBlack.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 35px #BBBCC0, 0 0 0 45px #000;
	margin: 55px auto;
}

.item-1 > img.frameBlack.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width1)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameBlack.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width2)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameBlack.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width3)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameBlack.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width4)) #000;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

/*8*/

.frameWhite.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 60px #BBBCC0, 0 0 0 70px #FFF;
	margin: 80px auto;
}

.item-1 > img.frameWhite.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matGrayWC.standard.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.185px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.22px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.3px * var(--pic-width4)) auto !important;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 100px #BBBCC0, 0 0 0 110px #FFF;
	margin: 120px auto;
}

.item-1 > img.frameWhite.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matGrayWC.wide.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.27px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.3025px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.38px * var(--pic-width4)) auto !important;
}

.frameWhite.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 35px #BBBCC0, 0 0 0 45px #FFF;
	margin: 55px auto;
}

.item-1 > img.frameWhite.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width1)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width1)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width1)) auto !important;
}

.item-2 > img.frameWhite.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width2)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width2)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width2)) auto !important;
}

.item-3 > img.frameWhite.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width3)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width3)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width3)) auto !important;
}

.item-4 > img.frameWhite.matGrayWC.thin.room {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 calc(0.085px * var(--pic-width4)) #BBBCC0, 0 0 0 calc(0.115px * var(--pic-width4)) #FFF;
	margin: 0 auto calc(0.2px * var(--pic-width4)) auto !important;
}

.rooms > img{
	margin: 0 5% 5%;
}

/*********** Home page scroll rows ***********/

.scroller {
	overflow-x: auto;
	display: grid;
	grid: auto / auto-flow max-content;
	position: relative;
}

.scroll-item {
	width: 420px;
	height: auto;
	display: flex;
}

.scroll-item > picture img.selected,  .slides > div > img.selected {
	box-sizing: border-box;
	outline: 5px solid #83FF00;
	outline-offset: -5px;
	padding: 0;
}

ul.scroller li:first-child {
	width: 240px;
}

ul li.scroll-item:first-child {
	justify-content: center;
	align-items: center;
}

.scroll-item > img.bigger:hover {
	animation: zoom-in-out .5s ease-in-out;
	z-index: 10;
}

@keyframes zoom-in-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  75% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

*.scroller {
	padding: 6px 0;
}

*.scroll-item {
	padding-right: 12px;
}

.rowArrowRight {
	display: block;
	position: sticky;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.rowArrowLeft {
	display: none;
	position: sticky;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    grid-column: 1;
}

.bigger {
	align-self: flex-end;
	z-index: 2;
	margin-left: -25px;
	margin-bottom: 3px;
}

.SelectDone, .BuyIt, .CommentIt, .makeChanges {
    font-family: museo-sans, arial, sans-serif;
    font-size: .7em;
    font-weight: 500;
    line-height: 100%;
    color: #292936;
	background: #83FF00;
	box-shadow: inset -9px -9px 18px #6fd900,
            inset 9px 9px 18px #97ff00;
    border: 1px solid #292936;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    display: inline;
    border-radius: 12px;
    margin: 20px 0 0;
    cursor: pointer;
    }
 
.deleteItem {
	height: 40px;
	flex: 0 0 140px;
	font-size: 1.8em !important;
	margin: 0 0 20px 0 !important;
 }
    
.SelectDone:hover, .BuyIt:hover {
	color: #FFF;
}

p.orderDetails .BuyIt{
	margin-top: 1em !important;
}

.totheright {
	float: right;
	padding: 40px;
}

/******************Overlay Slider***********/

#overlay {
	display: none;
	position:fixed; 
	width: 100%;
	top:0; 
	left:0; 
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 10;
	background-color: #000;
	opacity: 1;
	overflow: hidden;
}

#overlayInterior {
	display: none;
	position: fixed;
	width: 80%;
	max-width: 768px;
	min-width: 240px;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin: 0 auto;
	z-index: 11;
}

.slider {
	width: 100%;
	text-align: center;
	overflow: hidden;	
	max-width: 768px;
	min-width: 240px;
}

.slides {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
}

.slides.rooms {
	overflow-x: hidden;
	scroll-snap-type: x mandatory;
}

.slides::-webkit-scrollbar-track {
  background: transparent;
}

.slides > div {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  max-width: 768px;
  margin-right: 60px;
  padding: 10em 0;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;  
  display: flex;
  justify-content: center;
  align-items: center;
}

.roomSlide {
	max-width: 100% !important;
	padding: 0 !important;
	margin-right: 0 !important;
	margin-top: -40px;
	}
	
.roomSlide > img {
	padding: 0 40px;
	box-sizing: border-box;
}

.slides > img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlayCaption {
	font-size: 3em;
	font-weight: 500;
	text-align: center;
	padding: 15px 0 0;
	position: absolute;
	top: 88%;
	left: 50%;
	z-index: 12;
	transform:translateX(-50%);
	min-width: 100%;
	color: #FFF;
	-webkit-text-stroke: 1px #292936;
	letter-spacing: -1px;
}

.centerArrows {
	text-align: center;
	position: relative;
	z-index: 11;
}

.goLeft {
	padding: 0 10px 0 0;
}

.goRight {
	padding: 0 0 0 10px;
}


/*********Text Styles**********/

h1{
	color: #FFF;
}

.homeTitle {
	font-family: calluna, serif;
	font-weight: 700;
	font-size: 7em;
	text-align: center;	
	margin: 0 auto;
	padding-top: 12px;
	line-height: 100%;
	color: #E3DCD0;
}

h2{
	font-family: museo-sans, arial, san-serif;
	font-weight: 500;
	font-size: 4em;
	color: #FFF;	
}

.subhead {
	font-family: museo-sans, arial, san-serif;
	font-size: 2.8em;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	line-height: 100%;
	margin: -11px auto 0;
}

.nobutton {
	margin: 12px auto 0;
	color: #E3DCD0;
}

.noseeum {
	color: transparent;
}

.rowLabelRight {
	font-family: museo-sans, arial, sans-serif;
	font-weight: 500;
	font-size: 3.5em;
	line-height: 100%;
}

.wakeUp {
	font-family: museo-sans, arial, sans-serif;
	text-align: center;
	line-height: 100%;
	width: 80%;
	color: #593611;
	font-weight: 700;
	font-size: 4em;
	letter-spacing: -.5px;
	position: absolute;
	top: 4.5%;
	left: 50%;
	transform: translateX(-50%);
}

.secondLine {
	font-size:.625em; 
	font-weight: 300;
	color: #664431;
}

.bottomLine {
	font-size:2em; 
	font-weight: 300;
	line-height: 120%;
	text-align: center;
	color: #FFF;
	padding: 0 5%;
	display: none;
}

.overlayTitle {
	text-align: center;
	padding: 0 0 20px;
}

h3 {
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 2.8em;	
}

.bodycopy.light {	
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 2.6em;
	line-height: 150%;
	color: #EEE;
	text-align: center;
}

.bodycopy.dark {	
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 2.6em;
	line-height: 150%;
	color: #292936;
	text-align: center;
	}
	
*.bodycopy a:hover, .emph:hover {
	color: #83FF00;
}

.mygreen {
	color: #83FF00 !important;
	line-height: 225% !important;
}

.tagline {
	font-family: calluna, serif;
	color: #E3DCD0;
	font-size: 2em;
	font-style: italic;
	font-weight: 300;
	margin-top: .5em;
}

.cpyrght.light {
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #DDD;
	padding: 60px 0;
	text-align: center;	
}

.cpyrght.dark {
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #292936;
	padding: 100px 0 60px;
	text-align: center;	
}

.emph {
	text-decoration: underline;
}

.narrow {
	max-width: 720px;
}

/*************** Slide Menu **********************/

.sidenav {
  height: 100%;
  min-height: 50%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -1px;
  background: #C0F996;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: inset 0 0 0 1px #292936;
  box-sizing: border-box;
}

.sidenav a, .sidenav p {
  padding: 10px 8px 10px 32px;
  text-decoration: none;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 120%;
  color: #707966;
  display: block;
  transition: 0.3s;
}

.sidenav a.disabled {
	font-style: italic;
}

.sidenav a:hover, .sidenav a.disabled:hover {
  color: #000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 24px;
  font-size: 36px;
  margin-left: 60px;
}

.sidenav a.bolder, .sidenav p.bolder {
	font-weight: 700;
	font-style: italic;
	}
	
.sidenav a.bitmore, .sidenav p.bitmore {
	margin-top: 12px;
}

.sidenav a.youRhere {
	color: #000;
}

.sidenav a:last-child {
	padding-bottom: 40px;
}

/*************** Contact form ***********************/

.contact_form {
	width: 50%;
	max-width: 600px;
	padding-top: 20px;
}

.formtext {
	font-family: museo-sans, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	line-height: 100%;
	font-weight: 300;
	color:  #EEE;
	border: none;
	border-bottom: 1px solid #E3DCD0;
	width: 100%;
	height: 2em;
	margin: 0 0 3em;
	padding: .5em .2em;
	background-color: transparent;
	box-sizing: border-box;
}
.formtext:hover {
	border-bottom: 1px solid #83FF00;
}
.formtext:focus, .formtext:active {
	outline: none;
	border-bottom: 1px solid #83FF00;
}

.formtextblock {
	font-family: museo-sans, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	line-height: 155%;
	font-weight: 300;
	color: #EEE;
	border: 1px solid #E3DCD0;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 7.5em;
	min-height: 7.5em;
	margin: 1.5em 0;
	padding: 1em .5em .5em;
	box-shadow: none;
	background-color: transparent;
	box-sizing: border-box;
}

.formtextblock:hover {
	border: 1px solid #83FF00;
}

.formtextblock:focus, .formtextblock:active {
	outline: none;
	border: 1px solid #83FF00;
}

.contact {
	font-size: 2em;
	float: right;
	padding: 10px 15px;
}

.theresponse {
	font-family: museo-sans, arial, san-serif;
	font-weight: 300;
	font-size: 1.6em;
	text-align: left;
	padding: 0 0 2.2em 0;
}

/*************** Media Queries **********************/

@media only screen and (max-width: 1920px) {
.scroll-item {
	width: 384px;
	height: auto;
}

.rowLabelRight {
	font-size: 3.4em;
}
}

@media only screen and (max-width: 1440px) {
.homeTitle {
	font-size: 6.5em;
}

.subhead {
	font-size: 2.6em;
}

.tagline {
	font-size: 2em;
}

ul.scroller li:first-child {
	width: 220px;	
}

.rowLabelRight {
	font-size: 3.2em;
}

.wakeUp {
	font-size: 3.5em;
	line-height: 0.95; 
}
}

@media only screen and (max-width: 1366px) {

*.scroller {
	padding: 5px 0;
}

*.scroll-item {
	padding-right: 10px;
}

.instructions {
	margin: 15px auto 10px;
}

.scroll-item {
	width: 300px;
	height: auto;
}

.rowLabelRight {
	font-size: 3.1em;
}
}

@media only screen and (max-width: 1280px) {
.rowLabelRight {
	font-size: 3em;
}

.nav {
	height: 90px;
}

#chosenContent {
	margin-top: 95px;
}

.nav:has(.subhead) {
	height: 160px;
}

#scrollercontent {
	margin-top: 165px;
}

#glossyOverlay {
	top: 160px;
}

.wakeUp {
	font-size: 3.4em;
	top: 4.2%;
}

.homeTitle {
	font-size: 6em;
	padding-top: 10px;
}

.subhead {
	font-size: 2.4em;
}

.tagline {
	font-size: 2em;
}

ul.scroller li:first-child {
	width: 200px;	
}
}

@media only screen and (max-width: 1180px) {
.rowLabelRight {
	font-size: 2.9em;
}

.wakeUp {
	font-size: 3.2em; 
}
}

@media only screen and (max-width: 1035px) {

.slides > div {
	max-width: 384px;
}

.overlayCaption {
	top: 79%;
	font-size: 2.6em;
}
}

@media only screen and (max-width: 1024px) {

.homeTitle {
	font-size: 5.8em;
}

.sidenav a, .sidenav p {
  font-size: 2.2em;
}

*.scroller {
	padding: 4px 0;
}

*.scroll-item {
	padding-right: 8px;
}

.scroll-item {
	width: 240px;
	height: auto;
}

ul.scroller li:first-child {
	width: 180px;	
}

.rowLabelRight {
	font-size: 2.7em;
}

.rowArrowRight, .rowArrowLeft, .interiorArrowLeft, .interiorArrowRight, .overlayArrowRight, .overlayArrowLeft {
	width: 32px;
}

.wakeUp {
	font-size: 3em; 
	top: 4%;
}
}

@media only screen and (max-width: 980px) {

.scroll-item > picture img.selected, .slides > div > img.selected {
	outline: 4px solid #83FF00;
	outline-offset: -4px;
}

.totheright {
	padding: 30px;
}

.totheright > img {
	width: 30px;
}

.rowLabelRight {
	font-size: 2.6em;
}
}

@media only screen and (max-width: 900px) {
.nav {
	height: 65px;
}

#chosenContent {
	margin-top: 70px;
}

.nav:has(.subhead) {
	height: 120px;
}

#scrollercontent {
	margin-top: 125px;
}

#glossyOverlay {
	top: 125px;
}

.wakeUp {
	font-size: 2.6em; 
}

.instructions {
	margin: 10px auto 0;
}

.bodycopy.light, .bodycopy.dark {
	font-size: 2.4em;
}

.homeTitle {
	font-size: 4em;
	padding-top: 8px;
}

.ruleline {
    margin: .6rem auto 0;
    width: 66%;
}


ul.scroller li:first-child {
	width: 160px;	
}

.rowLabelRight {
	font-size: 2.4em;
}

.subhead {
	font-size: 2em;
}

.subhead.done {
	margin: -12px auto 0;
}

.tagline {
	font-size: 1.6em;
}

.SelectDone {
	padding: 6px 8px;
	border-radius: 8px;
}

.contact {
	font-size: 2em;
	padding: 10px 15px;
}

.rowArrowRight, .rowArrowLeft, .interiorArrowLeft, .interiorArrowRight, .overlayArrowRight, .overlayArrowLeft {
	width: 30px;
}

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 90px #000, 0 0 0 100px #FFF;
	margin: 110px auto;
}

/*.frameWhite.matBlack.wide.room {
	box-shadow: 0 0 0 45px #000, 0 0 0 50px #FFF;
}*/

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 90px #FFF, 0 0 0 100px #000;
	margin: 110px auto;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 90px #000, 0 0 0 100px #000;
	margin: 110px auto;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 90px #FFF, 0 0 0 100px #FFF;
	margin: 110px auto;
}

.frameBlack.matWhiteBC.wide {
	box-shadow:  0 0 0 1px #000, 0 0 0 90px #FFF, 0 0 0 100px #000;
	margin: 110px auto;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 90px #FFF, 0 0 0 100px #FFF;
	margin: 110px auto;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 90px #BBBCC0, 0 0 0 100px #000;
	margin: 110px auto;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 90px #BBBCC0, 0 0 0 100px #FFF;
	margin: 110px auto;
}
}

@media only screen and (max-width: 800px) {

.item-1.mat > img, .item-2.mat > img, .item-3.mat > img, .item-4.mat > img {
	max-width: 384px;
}

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 80px #000, 0 0 0 90px #FFF;
	margin: 100px auto;
}

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 80px #FFF, 0 0 0 90px #000;
	margin: 100px auto;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 80px #000, 0 0 0 90px #000;
	margin: 100px auto;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 80px #FFF, 0 0 0 90px #FFF;
	margin: 100px auto;
}

.frameBlack.matWhiteBC.wide {
	box-shadow:  0 0 0 1px #000, 0 0 0 80px #FFF, 0 0 0 90px #000;
	margin: 100px auto;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 80px #FFF, 0 0 0 90px #FFF;
	margin: 100px auto;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 80px #BBBCC0, 0 0 0 90px #000;
	margin: 100px auto;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 80px #BBBCC0, 0 0 0 90px #FFF;
	margin: 100px auto;
}

.overlayCaption {
	font-size: 2.4em;
}

.totheright > img {
	width: 26px;
}

.wakeUp {
	font-size: 2.4em;
	line-height: 0.875;
	width: 90%;  
}

.secondLine { 
	font-weight: 500;
}
}

@media only screen and (max-width: 680px) {

.wakeUp {
	top: 6%; 
}

.secondLine {
	display: none;
}

.bottomLine {
	display: block;
}

.sidenav a, .sidenav p {
  padding: 10px 8px 10px 24px;
  font-size: 2em;
}

.bodycopy.light, .bodycopy.dark {
	font-size: 2.3em;
}

ul.scroller li:first-child {
	width: 150px;	
}

.rowLabelRight {
	font-size: 2.2em;
}

.rowArrowRight, .interiorArrowRight, .overlayArrowRight {
	width: 28px;
	right: 20px;
}

.rowArrowLeft, .interiorArrowLeft, .overlayArrowLeft {
	width: 28px;
	left: 20px;
}

.item-1.mat > img, .item-2.mat > img, .item-3.mat > img, .item-4.mat > img {
	max-width: 320px;
}

.rooms > img{
	margin: 0 5% 10%;
}

.overlayCaption {
	font-size: 2.2em;
}

.contact_form {
	width: 66%;
}
}

@media only screen and (max-width: 640px) {
.overlayCaption {
	top: 77.5%;
}

.homeTitle {
	font-size: 3.8em;
}
}

@media only screen and (max-width: 600px) {

.subhead {
	font-size: 1.8em;
}

.subhead.done {
	margin: -9px auto 0;
}

.tagline {
	font-size: 1.6em;
}

.bodycopy.light, .bodycopy.dark {
	font-size: 2.1em;
}

.SelectDone {
	padding: 4px 8px;
	border-radius: 6px;
}

.contact {
	font-size: 1.8em;
	padding: 8px 12px;
}

.formtext {
	font-size: 1.7em;
}

.MenuIcon {
	width: 38px !important;
	height: auto;
}

.item-1.mat > img, .item-2.mat > img, .item-3.mat > img, .item-4.mat > img {
	max-width: 300px;
}

.frameWhite.matBlack.thin {
	box-shadow: 0 0 0 30px #000, 0 0 0 40px #FFF;
	margin: 50px auto;
}

.frameWhite.matBlack.standard {
	box-shadow: 0 0 0 50px #000, 0 0 0 60px #FFF;
	margin: 70px auto;
}

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 70px #000, 0 0 0 80px #FFF;
	margin: 90px auto;
}

.frameBlack.matWhite.thin {
	box-shadow: 0 0 0 30px #FFF, 0 0 0 40px #000;
	margin: 50px auto;
}

.frameBlack.matWhite.standard {
	box-shadow: 0 0 0 50px #FFF, 0 0 0 60px #000;
	margin: 70px auto;
}

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 70px #FFF, 0 0 0 80px #000;
	margin: 90px auto;
}

.frameBlack.matBlack.thin {
	box-shadow: 0 0 0 30px #000, 0 0 0 40px #000;
	margin: 50px auto;
}

.frameBlack.matBlack.standard {
	box-shadow: 0 0 0 50px #000, 0 0 0 60px #000;
	margin: 70px auto;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 70px #000, 0 0 0 80px #000;
	margin: 90px auto;
}

.frameWhite.matWhite.thin {
	box-shadow: 0 0 0 30px #FFF, 0 0 0 40px #FFF;
	margin: 50px auto;
}

.frameWhite.matWhite.standard {
	box-shadow: 0 0 0 50px #FFF, 0 0 0 60px #FFF;
	margin: 70px auto;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 70px #FFF, 0 0 0 80px #FFF;
	margin: 90px auto;
}

.frameBlack.matWhiteBC.thin {
	box-shadow:  0 0 0 1px #000, 0 0 0 30px #FFF, 0 0 0 40px #000;
	margin: 50px auto;
}

.frameBlack.matWhiteBC.standard {
	box-shadow:  0 0 0 1px #000, 0 0 0 50px #FFF, 0 0 0 60px #000;
	margin: 70px auto;
}

.frameBlack.matWhiteBC.wide {
	box-shadow:  0 0 0 1px #000, 0 0 0 70px #FFF, 0 0 0 80px #000;
	margin: 90px auto;
}

.frameWhite.matWhiteBC.thin {
	box-shadow: 0 0 0 1px #000, 0 0 0 30px #FFF, 0 0 0 40px #FFF;
	margin: 50px auto;
}

.frameWhite.matWhiteBC.standard {
	box-shadow: 0 0 0 1px #000, 0 0 0 50px #FFF, 0 0 0 60px #FFF;
	margin: 70px auto;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 70px #FFF, 0 0 0 80px #FFF;
	margin: 90px auto;
}

.frameBlack.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 30px #BBBCC0, 0 0 0 40px #000;
	margin: 50px auto;
}

.frameBlack.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 50px #BBBCC0, 0 0 0 60px #000;
	margin: 70px auto;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 70px #BBBCC0, 0 0 0 80px #000;
	margin: 90px auto;
}

.frameWhite.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 30px #BBBCC0, 0 0 0 40px #FFF;
	margin: 50px auto;
}

.frameWhite.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 50px #BBBCC0, 0 0 0 60px #FFF;
	margin: 70px auto;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 70px #BBBCC0, 0 0 0 80px #FFF;
	margin: 90px auto;
}

.cpyrght.light, .cpyrght.dark {
	font-size: 1.4em;
}
}

@media only screen and (max-width: 520px) {

.wakeUp {
	font-size: 2.2em;
}

.bottomLine {
	font-size: 2em;
}
}

@media only screen and (max-width: 480px) {

.nav {
	height: 60px;
}

#chosenContent {
	margin-top: 65px;
}

.nav:has(.subhead) {
	height: 110px;
}

#scrollercontent {
	margin-top: 115px;
}

#glossyOverlay {
	top: 115px;
}

.wakeUp {
	font-size: 2em;
}

.bottomLine {
	font-size: 1.8em;
}

.homeTitle {
	font-size: 3.2em;
}

.subhead {
	font-size: 1.6em;
}

.tagline {
	font-size: 1.5em;
}

.SelectDone {
	padding: 4px 6px;
	border-radius: 5px;
}

.contact {
	font-size: 1.7em;
	padding: 6px 10px;
}

.MenuIcon {
	width: 36px !important;
	height: auto;
}

.bodycopy.light, .bodycopy.dark {
	font-size: 1.9em;
}

ul.scroller li:first-child {
	width: 140px;	
}

.rowLabelRight {
	font-size: 2.1em;
}

.rowArrowRight, .interiorArrowRight, .overlayArrowRight {
	width: 25px;
	right: 10px;
}

.rowArrowLeft, .interiorArrowLeft, .overlayArrowLeft {
	width: 25px;
	left: 10px;
}
	
.slides > div {
	max-width: 330px;
}

.item-1.mat > img, .item-2.mat > img, .item-3.mat > img, .item-4.mat > img {
	max-width: 240px;
}

.frameWhite.matBlack.thin {
	box-shadow: 0 0 0 25px #000, 0 0 0 33px #FFF;
	margin: 43px auto;
}

.frameWhite.matBlack.standard {
	box-shadow: 0 0 0 40px #000, 0 0 0 48px #FFF;
	margin: 58px auto;
}

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 60px #000, 0 0 0 68px #FFF;
	margin: 78px auto;
}

.frameBlack.matWhite.thin {
	box-shadow: 0 0 0 25px #FFF, 0 0 0 33px #000;
	margin: 43px auto;
}

.frameBlack.matWhite.standard {
	box-shadow: 0 0 0 40px #FFF, 0 0 0 48px #000;
	margin: 58px auto;
}

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 60px #FFF, 0 0 0 68px #000;
	margin: 78px auto;
}

.frameBlack.matBlack.thin {
	box-shadow: 0 0 0 25px #000, 0 0 0 33px #000;
	margin: 43px auto;
}

.frameBlack.matBlack.standard {
	box-shadow: 0 0 0 40px #000, 0 0 0 48px #000;
	margin: 58px auto;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 60px #000, 0 0 0 68px #000;
	margin: 78px auto;
}

.frameWhite.matWhite.thin {
	box-shadow: 0 0 0 25px #FFF, 0 0 0 33px #FFF;
	margin: 43px auto;
}

.frameWhite.matWhite.standard {
	box-shadow: 0 0 0 40px #FFF, 0 0 0 48px #FFF;
	margin: 58px auto;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 60px #FFF, 0 0 0 68px #FFF;
	margin: 78px auto;
}

.frameBlack.matWhiteBC.thin {
	box-shadow:  0 0 0 1px #000, 0 0 0 25px #FFF, 0 0 0 33px #000;
	margin: 43px auto;
}

.frameBlack.matWhiteBC.standard {
	box-shadow:  0 0 0 1px #000, 0 0 0 40px #FFF, 0 0 0 48px #000;
	margin: 58px auto;
}

.frameBlack.matWhiteBC.wide {
	box-shadow:  0 0 0 1px #000, 0 0 0 60px #FFF, 0 0 0 68px #000;
	margin: 78px auto;
}

.frameWhite.matWhiteBC.thin {
	box-shadow: 0 0 0 1px #000, 0 0 0 25px #FFF, 0 0 0 33px #FFF;
	margin: 43px auto;
}

.frameWhite.matWhiteBC.standard {
	box-shadow: 0 0 0 1px #000, 0 0 0 40px #FFF, 0 0 0 48px #FFF;
	margin: 58px auto;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 60px #FFF, 0 0 0 68px #FFF;
	margin: 78px auto;
}

.frameBlack.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 25px #BBBCC0, 0 0 0 33px #000;
	margin: 43px auto;
}

.frameBlack.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 40px #BBBCC0, 0 0 0 48px #000;
	margin: 58px auto;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 60px #BBBCC0, 0 0 0 68px #000;
	margin: 78px auto;
}

.frameWhite.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 25px #BBBCC0, 0 0 0 33px #FFF;
	margin: 43px auto;
}

.frameWhite.matGrayWC.standard {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 40px #BBBCC0, 0 0 0 48px #FFF;
	margin: 58px auto;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 60px #BBBCC0, 0 0 0 68px #FFF;
	margin: 78px auto;
}

.cpyrght.light, .cpyrght.dark {
	font-size: 1.3em;
}

.contact_form {
	width: 75%;
}
}

@media only screen and (max-width: 420px) {

.sidenav a, .sidenav p {
  padding: 10px 8px 10px 20px;
  font-size: 1.8em;
}

.scroll-item {
	width: 185px;
	height: auto;
}

*.scroller {
	padding: 3px 0;
}

*.scroll-item {
	padding-right: 6px;
}

.bodycopy.light, .bodycopy.dark {
	font-size: 1.8em;
}

ul.scroller li:first-child {
	width: 130px;	
}

.rowLabelRight {
	font-size: 2em;
}

.homeTitle {
	font-size: 3em;
}

.subhead {
	font-size: 1.5em;
}

.tagline {
	font-size: 1.4em;
	margin-top: .25em;
}

.nav:has(.subhead) {
	height: 100px;
}

#scrollercontent {
	margin-top: 105px;
}

#glossyOverlay {
	top: 105px;
}

.wakeUp {
	font-size: 1.8em;
}

.bottomLine {
	font-size: 1.6em;
}

.SelectDone {
	padding: 3px 6px;
	border-radius: 4px;
}

.contact {
	font-size: 1.6em;
	padding: 6px 10px;
}

.formtext {
	font-size: 1.6em;
}

.MenuIcon {
	width: 34px !important;
	height: auto;
}

.item-1.mat > img, .item-2.mat > img, .item-3.mat > img, .item-4.mat > img {
	max-width: 200px;
}

.frameWhite.matBlack.thin {
	box-shadow: 0 0 0 20px #000, 0 0 0 26px #FFF;
	margin: 36px auto;
}

.frameWhite.matBlack.wide {
	box-shadow: 0 0 0 50px #000, 0 0 0 58px #FFF;
	margin: 68px auto;
}

.frameBlack.matWhite.thin {
	box-shadow: 0 0 0 20px #FFF, 0 0 0 26px #000;
	margin: 36px auto;
}

.frameBlack.matWhite.wide {
	box-shadow: 0 0 0 50px #FFF, 0 0 0 58px #000;
	margin: 68px auto;
}

.frameBlack.matBlack.thin {
	box-shadow: 0 0 0 20px #000, 0 0 0 26px #000;
	margin: 36px auto;
}

.frameBlack.matBlack.wide {
	box-shadow: 0 0 0 50px #000, 0 0 0 58px #000;
	margin: 68px auto;
}

.frameWhite.matWhite.thin {
	box-shadow: 0 0 0 20px #FFF, 0 0 0 26px #FFF;
	margin: 36px auto;
}

.frameWhite.matWhite.wide {
	box-shadow: 0 0 0 50px #FFF, 0 0 0 58px #FFF;
	margin: 68px auto;
}

.frameBlack.matWhiteBC.thin {
	box-shadow:  0 0 0 1px #000, 0 0 0 20px #FFF, 0 0 0 26px #000;
	margin: 36px auto;
}

.frameBlack.matWhiteBC.wide {
	box-shadow:  0 0 0 1px #000, 0 0 0 50px #FFF, 0 0 0 58px #000;
	margin: 68px auto;
}

.frameWhite.matWhiteBC.thin {
	box-shadow: 0 0 0 1px #000, 0 0 0 20px #FFF, 0 0 0 26px #FFF;
	margin: 36px auto;
}

.frameWhite.matWhiteBC.wide {
	box-shadow: 0 0 0 1px #000, 0 0 0 50px #FFF, 0 0 0 58px #FFF;
	margin: 68px auto;
}

.frameBlack.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 20px #BBBCC0, 0 0 0 26px #000;
	margin: 36px auto;
}

.frameBlack.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 50px #BBBCC0, 0 0 0 58px #000;
	margin: 68px auto;
}

.frameWhite.matGrayWC.thin {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 20px #BBBCC0, 0 0 0 26px #FFF;
	margin: 36px auto;
}

.frameWhite.matGrayWC.wide {
	box-shadow:  0 0 0 1px #FFF, 0 0 0 50px #BBBCC0, 0 0 0 58px #FFF;
	margin: 68px auto;
}
}

@media only screen and (max-width: 400px) {

.subhead {
	font-size: 1.4em;
}

.nobutton {
	margin: 10px auto 0;
}

.MenuIcon {
	width: 32px !important;
	height: auto;
}

.wakeUp {
	font-size: 1.7em;
}

.bottomLine {
	font-size: 1.5em;
}


.rowArrowRight, .rowArrowLeft, .interiorArrowLeft, .interiorArrowRight, .overlayArrowRight, .overlayArrowLeft {
	width: 24px;
}
}

@media only screen and (max-width: 360px) {

.subhead {
	font-size: 1.3em;
}

#glossyOverlay {
	width: 300px !important;
	left: 53%;
}

#chosenContent {
	max-width: 100vw !important;
}

.interiorArrowRight {
	right: 20px;
}

.orderDetails {
	font-size: 1.6em;
}
}

@media only screen and (max-width: 344px) {

.subhead {
	margin-left: -6%;
}

.totheright {
	padding-right: 50px;
}

#glossyOverlay {
	width: 300px !important;
}

.interiorArrowRight {
	right: 25px;
}
}

@media only screen and (max-width: 320px) {

#glossyOverlay {
	left: 58%;
}

.interiorArrowRight {
	right: 28px;
}
}