@import url('https://fonts.googleapis.com/css?family=Chivo:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import "nav.css";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	padding: 0px;
	margin: 0px;
	border: 0px;
	scroll-behavior: smooth;
}

body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
	font-family: 'Chivo', serif;
	font-weight: bold;
	background-color: #000932;
}

body.wait *{
	cursor: wait!important;
}

address {
	font-style: normal;
}
h1, .h1 {
	margin: 0em 0em 0em 0em;
	font-size: 2.5em;
	color: #00154A;
	font-weight: 900;
	line-height: 1em;
}

h2 {
	margin: 0em 0em 0.2em 0em;
	font-size: 2.0em;
	color: #00154A;
	font-weight: 900;
	line-height: 1em;
}

h3 {
	margin: 0em 0em;
	font-size: 1.3em;
	color: #9C0A0D;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
}

h4 {
	margin: 0em 0em 0.2em 0em;
	font-size: 1.5em;
	color: #003366;
	font-weight: bold;
	margin-top: 15px;
	clear: left;
	font-family: arial;
	font-style: italic;
	line-height: 1.1em;
}

.tbl{
	display: table;
	width: 100%;
}
.tr{
	display: table-row;
}
.td{
	display: table-cell;
}

.skiplink{
	position: fixed;
	left: -10000px;
	top: 10px;
	background-color: white;
	border: 2px solid rgba(0,55,124,1.00);
	color: rgba(0,55,124,1.00);
	padding: 5px 1em;
	filter: drop-shadow(0 0 1em black);
	z-index: 100;
	border-radius: 5px;
	transform: translate(-50%);	
}
.skiplink:focus {
	left: 50%;
}
.skiplink-target{
	overflow: hidden;
	width: 0;
	height: 0;
}


/*---------------- TITLE -----------------------------------------*/

.titleContainer {
/*	background-image: linear-gradient(0deg, rgb(200, 200, 200), rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, rgb(200, 200, 200));
	background-color: rgb(230,230,230);*/
	background-image: linear-gradient(0deg, rgb(200,200,200), rgb(255,255,255) 90%);
	padding: 1px 0px;
	min-width: 300px;
	padding: 0px;
	padding: 1em 0;
	position: relative;
	z-index: 2;
}

.title {
	margin: 0px;
	padding: 10px;
	background-color: transparent;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.title img {
	vertical-align: top;
}

.title-bullets {
	display: block;
	float: left;
	text-align: right;
	white-space: nowrap;
	color: #F8BA0F;
	text-transform: uppercase;
	font-size: 0.9em;
	text-align: right;
	direction: rtl;
	margin: 10px 0px;
}

.top-logo{
	max-width: 800px;
}

.mobileSocial {
	display: none
}

.mobileSocial {
	position: relative;
	float: right;
	padding: 0px;
	display: block;
	width: auto;
	text-align: right;
}

.mobileSocial img {
	float: right;
	margin: 0px 2px;
	width: 25px;
	height: auto;
	border-radius: 20%;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.titleSocial {
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	right: 0px;
	margin-right: 1%;
	width: 14%;
	max-width: 180px;
	min-width: 100px;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.3);
	padding: 0px;
	background-image: url(../images/bkgrd-social.jpg);
	background-size: 100% 100%;
	text-align: center;
	padding: 0.5em;
}

.titleSocial img {
	display: inline-block;
	float: none;
	margin: 2%;
	width: 25%;
	height: auto;
	min-width: 0px;
	border: none;
	border-radius: 20%;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.btnDivider {
	width: 4px;
	height: 95%;
	margin-top: 2%;
	position: absolute;
	top: 0px;
	left: 64%;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-left: none;
}

.titleSocial .newLine {
	clear: both
}

.titleSocial .blank {
	display: inline-block;
}

.titleSocial .spaced {
	margin-right: 10%
}

.title h2 {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 100%;
	text-align: center;
	padding-left: 410px;
	padding-right: 200px;
}



/*------ MAIN CONTENT AREA AND SIDE COLUMNS ------------------------*/

.content {
	position: relative;
	z-index: 2;
	font-family: arial;
	font-weight: normal;
	color: black;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #333340;
}

.fab-container{
	text-align: center;
}
.fab {
	width: 40%;
	display: inline-block;
	line-height: normal;
	margin: 0;
	vertical-align: top;
}
ul.fab {
	text-align: left;
	line-height: 1.3em;
}
.postfab-container{
	margin: 3em 0 0 0;
}
.content img {
	max-width: 50%;
}


#SESContactMap {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

#SESContactMap img {
	max-width: 1000000em
}

.main {
	position: relative;
	margin: 0px;
	padding: 2em 0em;
	background-color: white;
}

.main > div {
/*	border: 3px solid #BDBEC0;*/
	padding: 1em;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
}



/*---------------------------- FOOTER ------------------------------*/

.bottom-banner-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	background-color: white;
}

.btmColumn {
	flex: 1 1 400px;
	display: block;
	width: 50%;
	padding: 30px;
	overflow: hidden;
	margin: 0;
	vertical-align: top;
	background-image: url(../images/column-back.jpg);
	background-size: 100% 100%;
	border: 15px solid white;
	float: left;
}

.inColumnVideo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.footerContainer {
	background-image: linear-gradient(0deg, rgb(200, 200, 200), rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, rgb(200, 200, 200));
	background-image: linear-gradient(0deg, rgb(255,255,255) 10%, rgb(200,200,200));
	padding: 1.5em 0px;
	clear: both;
	min-width: 300px;
	position: relative;
	overflow: hidden;
}



.footer {
	margin: 0px;
	background-color: transparent;
	border-radius: 5px;
	padding: 0em;
}

.footer img {
	width: auto;
	margin: 0px;
	min-width: 300px;
	width: 644px;
}

.WCS {
	position: absolute;
	bottom: 1em;
	left: 2%;
	color: #666666;
	font-size: 0.8em;
	text-align: left;
	width: 8%;
	min-width: 180px;
	font-family: arial;
	font-weight: bold;
	line-height: 1.3em;
}

.WCS a {
	color: #666666;
}

.footerLinks {
	position: absolute;
	bottom: 1em;
	right: 2%;
	color: #012B67;
	font-size: 0.8em;
	text-align: right;
	letter-spacing: 1em;
	font-family: arial;
	font-weight: bold;
}

.footerLinks a {
	color: #012B67;
	text-decoration: none;
	letter-spacing: normal;
}

.copyright {
	width: 100%;
	vertical-align: middle;
	padding: 1em;
	font-size: 0.7em;
	color: #5E8Ac7;
	position: relative;
	background-image: url(../images/brdr-bottom.jpg);
	background-size: 100%;
	text-align: center;
	font-family: arial;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1.4em;
}
.copyright div{
	 flex: 1 1 280px;
	 text-align: middle;
}
.copyright div:first-of-type{
	 text-align: left;
}
.copyright div:last-of-type{
	 text-align: right;
}
.copyright a{
	color: rgba(255,255,255,0.7);
}



/*------------SITE SPECIFIC STYLES --------------------------------*/


.BGM_SSContainer {
	padding: 0px;
	position: relative;
	border: 15px solid white;
	border-width: 0px 15px;
	padding-bottom: 26.1%;
}

.blogBullets {
	cursor: pointer
}

.blogBullets li {
	list-style-type: none;
	background-image: url(../images/blog-bullet1.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: auto 1.2em;
	padding: 10px 10px 10px 3em;
	margin-left: -30px;
	font-size: 0.9em;
	font-family: arial;
}

.btmColumn {
	flex: 1 1 400px;
	display: block;
	width: 50%;
	padding: 30px;
	overflow: hidden;
	margin: 0;
	vertical-align: top;
	background-image: url(../images/column-back.jpg);
	background-size: 100% 100%;
	border: 15px solid white;
	float: left;

}
.content-centering{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.content-centering:before,
.content-centering:after{
	content: '';
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	width: 5%;
	max-width: 150px;
	min-width: 1em;
}
.content-centering>div{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 85%;
}

#left {
	border-width: 0px 7px 25px 15px;
}

#left h1 {
	color: #9D0B0E;
	border-bottom: 0.3vw solid #00477B;
	padding-bottom: 0.3em;
}

#left .moreTest {
	display: block;
	text-align: right;
	color: white;
	font-family: arial;
	margin-top: 1em;
}

#right {
	border-width: 0px 15px 25px 8px;
	text-align: center;
}

#right h1 {
	color: white;
	font-size: 1.4em;
	margin-top: 0.4vw
}

#right .vidContainer {
	width: 100%;
	display: inline-block;
	max-width: 600px;
}

#right .vidContainer .video {
	padding-top: 55%;
	position: relative;
}


/*
.coupon_container {
	position: relative;
	overflow: hidden;
	padding: 0% 2%;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
	z-index: 3;
	box-shadow: none;
	font-size: 1.0em;
	line-height: 1.4em;
}

.coupon_frame {
	padding: 2.5vw 0 0 0;
	position: relative;
	border: 15px solid white;
	border-width: 0px 15px;
	background-color: #BEC6D9;
	background-image: url(../images/bkgrd-coupons.jpg);
	background-size: 100% 100%;
}

.coupon {
	display: inline-block;
	width: 28.33%;
	min-width: 250px;
	margin: 0 2% 2.5vw 2%;
	position: relative;
	background-color: white;
}

.coupon div {
	height: 0;
	padding-bottom: 55%;
	color: #00154A;
}

.coupon div p {
	margin: 0.25em;
	font-family: arial;
}

.couponBack-free {
	background-image: url(../images/coupon-free.jpg);
	background-size: 100% 100%;
}

.couponBack-dollars {
	background-image: url(../images/coupon-$.jpg);
	background-size: 100% 100%;
}

.couponBack-free .couponText {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
}

.couponBack-dollars .couponText {
	position: absolute;
	top: 23%;
	left: 0;
	width: 100%;
}

.couponLink {
	display: block;
	text-align: center;
	width: 80%;
	background-color: #9C0A0D;
	color: white;
	padding: 10px;
	border: 2px solid black;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px auto;
	font-family: arial;
	font-size: 1.2em;
}

.coupLinkContainer {
	background-color: white;
	width: 96%;
	margin: 0px auto;
	padding: 15px 15px 0px 15px;
	font-weight: bold;
	position: relative;
	z-index: 3;
}
*/


.CCR {
	font-size: 1vw;
	margin: 0 0 2em 0;
	line-height: normal;
	overflow: hidden;
}

.CCR img {
	float: right;
	width: 40%;
	height: auto;
}

/*
.rtCol-sub {
	color: rgba(255, 255, 255, 0.5);
	text-align: left;
	padding: 1em;
	font-size: 1.3vw;
	line-height: 1.5vw;
}

.rtCol-sub p {
	font-size: 0.7em;
	line-height: 1.1em;
	margin: 1em 0 1em 0;
}

.GBC_SSContainer {
	position: relative;
	overflow: hidden;
	background-color: #BEC6D9;
	background-image: url(../images/bkgrd-ss.jpg);
	background-image: linear-gradient(0deg, ) background-size: 100% 100%;
	padding: 0% 2%;
	z-index: 2;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}
*/


.feature-container{
	margin: 0;
	padding: 4em 0;
/*
	border: 1em solid white;
	background-image: linear-gradient(0deg, rgb(253,231,221), rgb(157,10,14));
*/
	background-color: white;
	background-image: linear-gradient(0deg, white, rgb(125,150,185));
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.feature-container div{
	flex: 1 1 500px;;
	padding: 3em 1em;
	text-align: center;
}
.feature-container>div:nth-of-type(1){
	order: 2;
}
.feature-container>div:nth-of-type(2){
	order: 1;
}
.feature-container .dollars{
	font-size: 6em;
	color: rgb(157,10,14);
	text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
	-webkit-text-stroke: 2px white;
	text-stroke: 2px white;
	padding: 0;
	letter-spacing: 0.2em;
}
.feature-container h1,
.feature-container .h1{
	font-size: 3.5em;
/*
	color: white;
	filter: drop-shadow(0.1em 0.1em 0.2em black);
*/
	margin: 0.5em 0;
	padding: 0;
}
.feature-container h2{
	font-size: 2em;
	margin-bottom: 2em;
}
.feature-container .van-pic{
	max-width: 100%;
	height: auto;	
}


.gallery-links {
	margin: 0px -1em 1em -1em;
	padding: 0.5em 0em 1em 0em;
	border-bottom: 0.8em solid white;
	overflow: hidden;
	text-align: center;
}

.gallery-links a {
	display: inline-block;
	width: 22%;
	text-align: center;
	font-size: 0.6vw;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
}

.gallery-links a img {
	width: 100%;
	height: auto;
	border: 1px solid #333333;
	margin: 1em 2px;
}

.LCol hr {
	margin: 0px;
	border: none;
	height: 0px;
	border-bottom: 1px solid #21395F;
	padding: 0px;
}

.headline {
	background-color: #8C000D;
	color: white;
	font-size: 1.6vw;
	line-height: 1.6em;
	text-align: center;
	padding: 1em 1.5em;
	margin: 0;
	font-family: arial;
	font-weight: 900;
}

.img-howToReach {
	width: 100%;
	height: auto;
}

.imgContainer {
	display: inline-block;
	margin: 0.5em;
	width: 45%;
	padding: 0;
	position: relative;
	min-width: 250px;
	vertical-align: top;
	font-weight: bold;
	line-height: normal;
}

.imgContainer img {
	width: 100%;
	height: auto;
	max-width: 100%;
	box-shadow: 3px 2px 12px rgba(0, 0, 0, 0.34);
}

.locations-container {
	position: relative;
/*
	border: 15px solid white;
	border-bottom: none;
	padding: 4px;
*/
	border: none;
	background-color: black;
	margin: 0;
	z-index: 3;
	text-transform: uppercase;
	overflow: hidden;
}
.loc-columns-container{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	background-color: white;
	background-image: linear-gradient(0deg, white, rgb(125,150,185));
}
.locations-header {
	color: white;
	text-align: center;
	padding: 0.25em 0.5em;
	font-size: 3em;
	background-image: url(../images/locations-header.jpg);
	background-size: 100% 100%;
}
.locations-header>div{
	font-weight: 500;
	font-size: 0.8em;
	text-transform: none;
}

.locations {
	flex: 1 1 500px;
	width: 50%;
	display: inline-block;
	text-align: center;
	float: left;
	font-weight: normal;
	color: #00154A;
	padding: 1em;
}

.locations>div:nth-of-type(1) {
	font-size: 1.1vw;
	line-height: 1.6em;
}

.locations>div:nth-of-type(2),
.locations span div:nth-of-type(1) {
	font-size: 1.3vw;
	line-height: 1.6em;
	font-weight: 900;
	color: #883333;
	margin: 2em 0 -0.7em 0;
}

.return-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2em;
	flex-wrap: wrap;
}
.contact-info-wrapper .button,
.locations button,
.locations .button,
.return-container .button,
.print-button{
	display: block;
	width: 400px;
	max-width: 90%;
	color: rgb(255,255,255);
	background-color: black;
	background-image: linear-gradient(0deg, rgb(81,1,2), rgb(191,16,21));
	padding: 1em;
	border-radius: 0.5em;
	border: none;
	font-weight: bold;
	margin: 1em auto 0 auto;
	font-size: 1.8rem;
	text-decoration: none;
	text-transform: none;
	font-family: arial;
	text-align: center;
	text-transform: uppercase;
}
.contact-info-wrapper .button{
	display: inline-block;
	font-size: 1.1em;
	margin: 1em 0.5em 0.5em 0.5em;
	width: calc(49% - 1em);
	line-height: 1.3em;
	min-width: 175px;
}
.locations>div:nth-of-type(3),
.locations span div:nth-of-type(2) {
	font-size: 3.5vw;
	line-height: 1.6em;
	font-weight: 900;
	margin: 0 0.4em 0.4em 0.4em;
}

.locations div:nth-of-type(4),
.locations span div:nth-of-type(3) {
	font-size: 1.8vw;
	line-height: 1.6em;
	margin: 1em 0 0.5em 0;
}

.locations img {
	vertical-align: middle;
}

.leftCol {
	border-right: 2px solid black;
}

.rtCol {
	border-left: 2px solid black;
}
.remote-link{
	position: relative;
	top: -200px;
	margin-bottom: -1.5em;
}

.MColContainer {
	width: auto;
	float: none;
	padding: 0px;
	overflow: hidden;
	margin: 0 2%;
	padding: 15px;
	background-color: white;
}

.MCol {
	background-color: white;
	padding: 1em;
	height: 100%;
	overflow: hidden;
}

.MCol {
	border: 3px solid #BDBEC0;
	padding: 4em 2em;
	color: #344E5F;
	line-height: 1.8em;
}

.MCol p {
	font-family: arial;
}

.securityItem {
	width: 80%;
	overflow: hidden;
	margin: 1em 0;
	text-align: left;
	min-width: 280px;
}

.securityItem div {
	float: right;
	width: 45%;
	min-width: 250px;
	text-align: center;
	margin: 1em;
	color: #000077;
}

.securityItem div img {
	width: 100%;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.34);
	max-width: 100%;
}

.sizeItem {
	width: 80%;
	min-width: 280px;
	border-bottom: 2px solid black;
	overflow: hidden;
	text-align: left;
	padding: 1em 0;
}

.sizeItem img {
	float: left;
	height: auto;
	min-width: 100px;
	border: 5px solid #AACBFD;
	outline: 1px solid black;
	margin: 1px 2em 1px 1px;
}



.testHeader {
	background-color: #990000;
	color: white;
	font-weight: bold;
	font-size: 2em;
	padding: 5px;
	20px;
	font-family: arial;
	border-radius: 4px 4px 0px 0px;
}

#introVideo{
	position: absolute;
	top: 0;
	left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	width: auto;
	height: 100%;
	background-color: transparent;
	display:block;	

}

@supports ((-o-object-fit: cover) or (object-fit: cover)){
	#introVideo{
		height: 101%;
		width: 101%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
#vidContainer{
	display:block;
	background-color: white; 
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin: 0;
	border: 1em solid white;
	border-width: 0 0;
	padding-bottom: 40%;
}



/* ---------------- 2020 UPDATE STYLE ------------------------- */


.as-contact-wrapper{
	margin-top: 1em;
	border: 0.5em solid rgb(0, 21, 75);
	overflow: hidden;
	background-color: rgb(235,230,230);
}
.BGM-contact-form{
	margin: 0!important;
}
.BGM-contact-form input[name=real_person_conf] {
    float: none;
}
.blue-gradient{
	background-image: linear-gradient(180deg, white 15%, rgb(125,150,185));
}
.contact-info-wrapper{
	background-color: white;
	padding: 1em;
	border-radius: 0.25em;
	width: 900px;
	max-width: calc(100% - 2em);
	margin: 0 auto;
	text-align: center;
}
.contact-info-wrapper h4{
	margin-top: 0!important;
}
.disclaimer{
	background-color: white;
	background-image: linear-gradient(0deg, rgb(200,200,200), rgb(255,255,255) 90%);
}
.disclaimer>div{
	padding: 2em;
	color: rgba(0,42,100,1.00);
	font-weight: 100;
	font-size: 0.8em;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}
.map-container{
    background-image: linear-gradient(0deg, rgb(200,200,220),white);
}
.group-selector{
	position: relative;
	top: -5em;
}
.hero-container{
	position: relative;
	overflow: hidden;
}
.hero{
	display: block;
	width: 100%;
	height: 30%;
	min-height: 425px;
	object-fit: cover;
	object-position: left bottom;
}
.hero.discount-img{
	 min-height: 300px;
    object-position: center;
}

/*
.ribbon{
	position: absolute;
	top: 3em;
	right: -37%;
	padding: 0.5em 35%;
	background-color: rgba(0,21,59,0.7);
	font-size: 2.0vw;
	color: white;
	text-align: center;
	width: 100%;
	transform: rotate(33deg);
}
*/

.ribbon{
	position: absolute;
	top: 1em;
	right: 1em;
	background-color: rgba(0,21,59,0.7);
	/*background-image: radial-gradient(ellipse, rgba(0,0,0,0.8), rgba(0,21,59,0.7) 75%);*/
	color: white;
	font-size: 2vw;
	border-radius: 50%;
	max-width: 25%;
	text-align: center;
	padding: 2em 1em;
	box-shadow: 0 0 35px rgba(255,255,255,0.8);
}
.small-oval{
	position: absolute;
	top: 1em;
	right: 1em;
	background-color: rgba(0,21,59,0.7);
	/*background-image: radial-gradient(ellipse, rgba(0,0,0,0.8), rgba(0,21,59,0.7) 75%);*/
	color: white;
	font-size: max(8pt, 1vw);
	border-radius: 50%;
	max-width: 35%;
	text-align: center;
	padding: 2em 1em;
	box-shadow: 0 0 35px rgba(255,255,255,0.8);
}

.star-container{
}
.star{
	font-family: "Material icons";
	display: inline-block;
	color: rgba(156,10,13,1.00);
}

.testimonials-container{
	background-image: url("../images/testimonials-back.jpg");
	background-position: left;
	background-size: cover;
	position: relative;
	pointer-events: none;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.testimonials-intro{
	background-color: rgba(255,255,255,0.5);
	color: #003366;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: 700;
	padding: 1em;
	border-radius: 0.5em;
	box-shadow: 0.25em 0.25em 0.75em rgba(0,0,0,0.4);
	backdrop-filter: blur(7px);
	width:30%;
	max-width: 500px;
	position: absolute;
	left: 25%;
	bottom: 0%;
	transform: translate(-50%,-50%);
}
.testimonials-container>div:nth-of-type(1){
	flex: 1 1 50%;
	height: 675px;
	position: relative;
	margin-left: 50%;
}
.testimonials-container>div:nth-of-type(2){
	flex: 1 1 50%;
	height: 500px;
	min-width: 700px;
}
.animation-container{
	width: 50%;
	position: relative;
}
.testimonial-container{
	position: absolute;
	top: 50%;
	left: 50%; 
	transform: translate(-50%,-50%) scale(0);
	display: block;
	width: 20em;
	height: 75%;
	min-height: 450px;
	background-color: rgb(255,255,255,1);
	border: 0.25em solid #003366;
	border-radius: 0.5em;
	text-align: center;
	padding: 1em;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	transition: all 0.5s;
	pointer-events: auto;
	cursor: pointer;
}
.testimonial-container *{
	pointer-events: none;
}

.cycle-hidden{
	transform: translate(-50%,-50%) scale(0); z-index: 1
}
.cycle-left{
	transform: translate(-120%,-50%) scale(0.6); z-index: 2
}
.cycle-center{
	transform: translate(-50%,-50%) scale(1); z-index: 3
}
.cycle-center:after{
	content: 'pause_circle_outline';
	font-family: 'Material icons';
	position: absolute;
	bottom: -1.1em;
	left: 50%;
	transform: translateX(-50%);
	font-size: 4em;
	color: rgba(255,255,255,0);
	transition: all 0.5s;
}

.testimonials-container:hover .cycle-center:after{
	color: rgba(2556,255,255,0.3);
}

.cycle-right{
	transform: translate(20%,-50%) scale(0.6); z-index: 2
}


.testimonial-image{
	display:  inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.image-container{
	max-height: 30%;
	margin: 0.5em;
}
.testimonial-name{
	font-weight: bold;
}

.testimonials-wrapper{
	position: relative;
	overflow: hidden;
}

.review-count-box{
	position: absolute;
	bottom: 5%;
	left: 3%;
	width: 22em;
	max-width: 40%;
	font-size: 1.2em;
	text-align: center;
	background-color: rgba(100,150,180,0.85);
	border: 0.5em solid rgb(0,21,59);
	color: white;
	padding: 1.6em 2em 1em 2em;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	overflow: hidden;
	line-height: 2em;
	display: flex;
	align-items: center;
	justify-content: space-between;	
	gap: 1em;
}
.review-count-box img{
	height: 5em;
}
.review-count-box div div{
	line-height: 1.2em;
	margin: 0.5em auto;
}
.review-count-box>div>div:first-of-type{
	font-size: 1.4em;
	line-height: 1em;
}

.goog-response{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-name: goog_fade;
  animation-delay: 5s;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
.goog-response>div{
  position: relative;
  display: inline-block;
  padding: 2em;
  background-color: white;
  border-radius: 0.5em;
  box-shadow: 0 0 15px rgba(0,0,0,1);
}
@keyframes goog_fade{
  0%{opacity: 1; left: 0;}
  99%{opacity: 0; left: 0;}
  100%{opacity: 0; left: -10000px;}
}

.time{
	font-size: 0.7em;
	margin-bottom: 1.5em;
}
.review-text{
	font-size: 0.9em;
	overflow: hidden;
	background-image: linear-gradient(0deg, rgba(0,51,102,0) 0, rgba(0,51,102,1) 2em));
	text-align: left;
}
.cycle-center .review-text{
	pointer-events: auto;
	overflow-y:auto;
}
/* --------------------------- REVIEWS PAGE ---------------------------- */

.demand-force-container{
	overflow: hidden;
	margin: 2em auto;
	background-color: rgb(250,250,250);
}

.review-link-container{
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	align-items: center; 
	-webkit-box-pack: justify; 
	-ms-flex-pack: justify; 
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.review-link-container>div{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 300px;
	flex: 1 1 300px;
	text-align: center;
	margin: 0.5em;
}
.review-link-container>div a{
	display: inline-block;
	border-radius: 0.25em;
	background-color: rgb(0, 75, 115);
	background-color: rgba(156,10,13,1.00);
	color: white;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size: 1.2em;
	max-width: 20em;
	width: 100%;
}
.review-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
}
.review-header a {
	display: block;
	width: fit-content;
	white-space: nowrap;
	line-height: 1.2em;
}
.review-header h1 {
	display: block;
	width: fit-content;
}
.review-container {
	font-size: 100%;
}
.review-container p,
.review-author,
.review-date{
	font-size: 1.2em!important;
	line-height: 1.4em!important;
}


/* ------------------------- GOOGLE REVIEWS -----------------------------*/

.content #google-reviews *{
	font-family: arial!important;
	font-size: 10pt;
	line-height: 1.3em;
}
#map-plug {display:none;}

#google-reviews {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	background-color: white;
	margin: 2em auto;
}

.review-item {
border:solid 1px rgba(190,190,190,.35);
margin:0 auto;
padding:1em;
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
}

@media ( max-width:1400px) {
  .review-item { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; }
}

@media ( max-width:600px) {
  .review-item { -webkit-box-flex: 1; -ms-flex: 1 1 90%; flex: 1 1 90%; }
}

.review-meta, .review-stars {font-size:115%; background-color: white;}
.review-author { text-transform: capitalize; font-weight:bold; }
.review-date {opacity:.6; display:block; letter-spacing: -0.05em;}
.review-text { text-align:left; margin:auto;}

 

.review-stars ul {
display: inline-block;
list-style: none !important;
margin:0; padding:0;
}

.review-stars ul li {
float: left;
list-style: none !important;
margin-right: 1px;
line-height:1;
}

.review-stars ul li i {
  color: #E4B248;
  color: #d49248;
  color: #9C0A0D;
  font-size: 1.4em!important;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}

/*.star:after { content: "\2605"; }*/

.contrast{
	background-color: rgba(0,0,50,0.1);
}

.content.yelp iframe{display: inline-block!important;}



.collage{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.collage figure{
	flex: 1 1 50%;
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
}
.collage figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 0.5em;
	color: white;
	font-size: 1.8vw;
	text-shadow: 0 0 10px black;
	z-index: 2;
	text-align: center;
}
.collage img{
	width: 100%;
	vertical-align: top;
}

.security-wrapper{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1em -1em;
}
.security-item{
	flex: 1 1 400px;
	margin: 1em;
	border: 0.5em solid rgb(0,21,75);
	background-color: rgba(100,150,180,1);
   color: white;
	background-color: white;
	color: rgb(100,100,100);
}
.security-item>div{
	text-align: center;
	line-height: 1.3em;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}
.security-item>div>em{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	text-shadow: 0 0 5px black, 0 0 10px black;
	padding: 0.5em;
}
.security-item img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	vertical-align: top;
}
.security-item h1{
	font-size: 1.3em;
	text-align: center;
	padding: 0.5em;
	line-height: 1.2em;
}
.security-item p{
	margin: 0 1em 1em 1em;
	line-height: 1.4em;
	font-size: 0.9em;
}


.size-select-container{
	display: flex;
	flex-wrap: wrap;
	padding: 0.25em;
	align-items: stretch;
	justify-content: space-between;
	background-color: rgb(0, 21, 75);
	margin: 2em 0 0 0;
}
.size-container,
.guide-link{
	flex: 1 1 0;
	background-color: rgba(100,150,180,1);
	text-align: center;
	margin: 0.25em;
	position: relative;
	padding: 1em 0.5em 2.5em 0.5em;
	border-radius: 0.2em;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.special{
	position: absolute;
	top: -0.5em;
	right: 0.5em;
	background-color: rgb(144,10,14);
	color: white;
	padding:  0.5em 0.5em;
	line-height: 1em;
	font-size: 0.6em;
	border-radius: 0.25em;
	text-transform: uppercase;
}
.size-group{
	font-weight: 700;
	color: white;
	font-size: 1.2em;
	line-height: 1.0em;
	padding: 0.5em;
	height: 3em;
}
.size-price{
	padding: 0.5em;
	background-color: white;
	line-height: 1.2em;
	color: rgb(144,10,14);
	font-weight: 700;
	border-radius: 0.2em;
	font-size: 1.1em;
}
.size-price div{
	font-size: 0.6em;
	font-weight: normal;
}
.size-availability{
	color: white;
	font-size: 0.8em;
	font-style: italic;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
	padding-bottom: 0.25em;
}
.guide-link{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(144,10,14);
	border: 2px solid white;
	padding: 1em 0.5em;;
}
.guide-link a{
	color: white;
	font-size: 1em;
	border-radius: 0.2em;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.2em;
}
.guide-link div{
	text-transform: lowercase;
	font-family: 'Material Icons';
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5em;
	animation-name: scaler;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
@keyframes scaler{
	0%{transform: scale(1)}
	100%{transform: scale(1.5)}
}

.expansion-box{
	position: relative;
	padding: 0;
	margin: 0;
	
	font-size: 0em;
	opacity: 0;
	transition: all 0.5s;
}
.expansion-box p{
	margin: 1em 0;
	padding: 0;
	line-height: 1.4em;
}
.closed{
	opacity: 0;
	line-height: 0;
	animation-name: closeExpand;
	animation-delay: 0.5s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
.expanded{
	font-size: 1em;
	line-height: normal;
	animation-name: showExpand;
	animation-delay: 0.5s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes showExpand{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
#keyframes closeExpand{
	0%{font-size: 1em; line-height: 0}
	100%{font-size: 0em; line-height: 0}
}

.units-container{
	background-color: rgb(144,10,14);
	background-color: rgba(100,150,180,1);
	margin: 0;
	padding: 0.5em 0.5em 0.01em 0.5em;
}

.units-container-vB{
	background-color: rgb(144,10,14);
	background-color: rgba(100,150,180,1);
	margin: 0;
	overflow: hidden;
	padding: 0.5em 0.5em 0.01em 0.5em;
	font-size: 0;
	opacity: 0;
	transition: opacity 0.25s 0s, font-size 0.25s 0.25s;
	
	font-size: 1em;
	opacity: 1;
	transition: font-size 0.25s 0s, opacity 0.25s 0.25s;
	margin-top: 2em;

}
.units-container-vB.show{
	font-size: 1em;
	opacity: 1;
	transition: font-size 0.25s 0s, opacity 0.25s 0.25s;
}

.units-header{
	background-color: rgb(0,21,59);
	color: white;
	padding: 0.55em;
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 0.45em;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: normal;
	text-align: right;
}
.units-header>div:nth-of-type(1){
	text-align: left;
}
.unit-details-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: white;
	border-radius: 0.2em;
	padding: 0;
	margin: 0 0 0.5em 0; 
	font-size: 0.8em;
	flex-wrap: wrap;
	line-height: normal;
	position: relative;
}

.unavail:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(240,240,240,0.7);
	z-index: 2;
	pointer-events: none;
}

.unit-size{
	font-size: 2em;
	font-weight: 700;
	color: rgb(0,21,59);
	padding: 0.7em;
	flex: 1 1 200px;
	text-transform: lowercase;
}
.price-reserve{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
	flex-wrap: wrap;
	flex: 2 1 450px;
}
.price-reserve>div{
	flex: 1 1 120px;
	line-height: normal;
}
.unit-features{
	padding: 1em;
	background-color: rgb(255,230,230);
	flex: 2 1 450px;
}
.unit-features img{
	width: 4em;
	height: 2em;
	object-fit: contain;
	object-position: center;
	vertical-align: middle;
	margin: 0.25em 0.5em 0.25em 0;
}
.unit-features table{
	margin: 0 auto;
	border-spacing: 0;
}
.unit-features td{
	padding: 0.25em 0;
}
.unit-features td:nth-of-type(2){
	text-align: left;
	padding: 0.25em 0;
}
.store-price,
.web-price{
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(0,21,59);
	padding: 0 1em;
}
.store-price div:nth-of-type(1),
.web-price div:nth-of-type(1){
	font-size: 0.6em;
}
.store-price{
/*	opacity: 0.5;
	color: rgb(150,150,150);*/
}
.unit-reserve{
	text-align: center;
}
.unit-reserve a,
.unit-reserve div,
.unit-reserve button{
	display: block;
	background-color: rgb(0,21,59);
	color: white;
	text-decoration: none;
	font-weight: 700;
	padding: 0.5em;
	font-size: 1em;
	border-radius: 0.25em;
	margin: 0.5em 0;
	text-align: center;
	cursor: pointer;
	width: 100%;
}
.unit-reserve .hold,
button.hold{
	background-color: rgb(144,10,14);
	margin-top: 0.2em;
	border: none;
	padding: 1em 0.25em;
}
.unit-reserve .hold.disable{
	pointer-events: none;
}
.unit-size div{
	font-size: 0.5em;
	font-size: 0.5em;
	font-style: italic;
	line-height: normal;
}
.size-guide .unit-details-container{
	text-align: left;
}
.size-guide img{
	display: block;
	margin: 1em auto;
	border: 5px solid #AACBFD;
    outline: 1px solid black;
	max-width: 100%;
}
.size-guide .unit-features h3{
	color: rgb(144,10,14);
	font-size: 2em;
	font-weight: 700;
	font-family: Arial, sans-serif;
}
.size-guide .unit-features,
.size-guide .unit-size{
	padding: 1rem!important;
}

.size-guide .unit-features{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.size-guide .unit-features div{
	flex: 1 1 300px;
}
.size-guide .unit-features div:last-of-type{
	text-align: center;
	padding: 1em;
	text-align: center;
}
.size-guide .unit-features div:last-of-type div{
	background-color: rgba(255,255,255,20.8);
	border-radius: 0.25em;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.2em;
	display: inline-block;
	border: 1px solid rgb(200,200,200)
}

.sold-out{
	text-decoration: line-through;
	color: rgb(150,150,150);
}
.sold-out:after{
	content: " (Sold Out)";
	text-decoration: none;
}
.video-link{
	display: block;
	font-size: 0.7em;
	/*
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	*/
	text-decoration: none;
	color: white;
	cursor: pointer;
}
.video-link span{
	display: inline-block;
	padding-right: 0.5em;
	vertical-align: middle;
	font-size: 1.5em;
}

#video{
}
.vid-wrapper{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
}
.vid-wrapper video{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
	width: auto;
}


.reserve-form{
	position: relative;
	background-color: white;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 0.5em;
	background-color: rgb(240,240,240);
	z-index: 2;
	
	font-size: 1em;
	line-height: 1em;
	opacity: 1;
	display: none;
}
.reserve-form.expand{
	display: block;
	-webkit-animation-name: expand_reserve;
	animation-name: expand_reserve;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes expand_reserve{
	0%{font-size: 0em; line-height: 0em; opacity: 0}
	50%{font-size: 0.8em; line-height: 1.1em; opacity: 0}
	100%{font-size: 0.8em; line-height: 1.1em; opacity: 1; border-radius: 0.5em}
}

@keyframes expand_reserve{
	0%{font-size: 0em; line-height: 0em; opacity: 0}
	50%{font-size: 0.8em; line-height: 1.1em; opacity: 0}
	100%{font-size: 0.8em; line-height: 1.1em; opacity: 1; border-radius: 0.5em;}
}

.reserve-form.close{
	-webkit-animation-name: close_reserve;
	animation-name: close_reserve;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;	
}
@-webkit-keyframes close_reserve{
	0%{font-size: 0.8em; line-height: 1.1em; opacity: 1; border-radius: 0.5em; margin-bottom: 0.5em}
	50%{font-size: 0.8em; line-height: 1.1em; opacity: 0; border-radius: 0.5em; margin-bottom: 0.5em; max-height: 25em;}
	100%{max-height: 0; margin-bottom: -1em;}
}
@keyframes close_reserve{
	0%{font-size: 0.8em; line-height: 1.1em; opacity: 1; border-radius: 0.5em; margin-bottom: 0.5em}
	50%{font-size: 0.8em; line-height: 1.1em; opacity: 0; border-radius: 0.5em; margin-bottom: 0.5em; max-height: 25em;}
	100%{max-height: 0; margin-bottom: -1em;}
}


.reserve-form label{
	font-weight: bold;
}

.reserve-form-header{
	background-color: rgb(210,210,210);
	color: white;
	font-weight: 900;
	padding: 0.5em;
	font-size: 1.2em;
	border-radius: 0.4em 0.4em 0 0;
}
.reserve-form-header-new{
	background-color: rgb(210,210,210);
	color: #9c0A0D;
	font-weight: 700;
	padding: 0.5em;
	font-size: 1.8em;
	border-radius: 0.4em 0.4em 0 0;
}
.reserve-sub-head{
	text-align: center;
	font-size: 1.4em;
	font-weight: 900;
	margin: -0.5em 0 0.5em 0;
	color: rgb(144,10,14);
	line-height: 1.2em;
}
.reserve-sub-sub{
	text-align: center;
	font-size: 1.2em;
	color: rgb(0,21,59);
	font-style: italic;
	margin: 0 0 1em 0;
	line-height: 1.2em;
}
.reserve-sub-sub-2{
	font-size: 1.2em;
	color: rgb(0,21,59);
	line-height: 1.2em;
	text-align: left;
	margin: 2em 0;
}
.reserve-form-header img{
	display: inline;
	vertical-align: baseline;
	margin: 0 0.5em 0 0;
	height: 3em;
	max-width: 90%;
}
.reserve-input-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.reserve-input-container label{
	flex: 1 1 50%;
	display: flex;
	align-items: center;
}
.reserve-input-container label:nth-of-type(odd){
	padding-right: 5px;
}
.reserve-input-container .fullwidth{
	min-width: 100%;
	padding-right: 0!important;
	padding-left: 0!important;
}
.reserve-input-container label input,
.reserve-input-container label select{
	width: 100%!important;
}
.fullwidth>input[name=city],
.fullwidth>input[name=city_2],
.fullwidth>input[name=emp_city],
.fullwidth>input[name=alt_city],
.fullwidth>input[name=city_bill]{
	width: calc(60% - 5px)!important;
	margin-right: 5px;
	float:left;
}
.fullwidth>input[name=state],
.fullwidth>select[name=state],
.fullwidth>input[name=state_2],
.fullwidth>select[name=state_2],
.fullwidth>input[name=emp_state],
.fullwidth>select[name=emp_state],
.fullwidth>input[name=alt_state],
.fullwidth>select[name=alt_state],
.fullwidth>input[name=state_bill],
.fullwidth>select[name=state_bill]{
	width: 15%!important;
	float:left;
}
.fullwidth>input[name=zip],
.fullwidth>input[name=zip_2],
.fullwidth>input[name=emp_zip],
.fullwidth>input[name=alt_zip],
.fullwidth>input[name=zip_bill]{
	width: calc(25% - 5px)!important;
	margin-left: 5px;
	float:left;
}
.reserve-input-container input::placeholder{
	font-size: 1em!important;
}
.reserve-footnote{
	text-align: center;
	font-size: 0.8em;
}
.vids-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	border: solid 0.25em rgb(0,21,59);
	background-color: rgba(100,150,180,1);
}
.vids-container figure{
	display: table;
	margin: 0;
	padding: 0;
	flex: 1 1 200px;
	border-style: solid;
	border-color:rgb(0,21,59);
	border-width: 0.25em 0.25em 0 0.25em;
}
.vids-container figure div{
	width: calc(100% - 2em);
	margin: 1em auto 0 auto;
	position: relative;
}
.vids-container figure div img{
	width: 100%;
	height: auto;
	border-radius: 0.3em;
}
.vids-container figcaption{
	display: table-caption;
	caption-side: bottom;
	color: white;
	font-weight: 700;
	text-align: center;
	border-style: solid;
	border-color:rgb(0,21,59);
	border-width: 0 0.25em 0.25em 0.25em;
}
.vids-container button,
.video-link button{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Material icons';
	font-size: 2em;
	border-radius: 0.2em;
	background-color: rgba(0,21,59,0.8);
	color: white;
	border: none;
	cursor: pointer;
}
.video-link div{
	display: inline-block;
	height: 3em;
	position: relative;
	vertical-align: middle;
}
.video-link div img{
	width: auto;
	height: 100%;
	margin-left: 0.5em;
}
.video-link div button{
	font-size: 1.3em;
}

.close-button{
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	font-family: 'Material icons';
	padding: 0.2em 0.1em;
	border-radius: 0.2em;
	font-size: 1.5em;
	cursor: default;
	background-color: red;
	color: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.rsrv-response table{
	width: 600px;
   max-width: 100%;
   margin: 1em auto;
   background-color: white;
   border: 0.5em solid white;
	border-collapse: collapse;
	font-size: inherit;
}
.rsrv-response table td:nth-of-type(1){
	font-weight: 700;
}
.rsrv-response td{
	padding: 0.35em;
}
.rsrv-response table tr:nth-of-type(odd) td{
	background-color: rgba(0,0,0,0.1);
}

.g-reviews-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
  font-size: 0.8em;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(150,150,150) transparent;
  padding: 0;
}
.g-review{
	flex: 1 1 300px;
	padding: 1em;
	margin: 0.5em;
  background-color: rgba(0,0,0,0.05);
  border-radius: 0.25em;
}
.g-review img{
	float: left;
	margin-left: 1em;
   width: 4em;
  margin-right: 1em;
}
.g-review-name{
	text-transform: capitalize;
	font-weight: 700;
  font-size: 1.2em;
}
.g-review-text{
	clear: both;
	padding-top: 1em;
	position: relative;
  line-height: 1.3em;
}
.g-review-text span{
  color: rgba(0,0,0,0.2);
  font-weight: 700;
}
.g-review .star-container{
  margin: 0;
  line-height: 1em;
}
.g-review .time{
  line-height: 1.5em;
}
/*
.g-review-text:before{
	content: "\201c";
	font-size: 5em;
	position: absolute;
	left: -0.4em;
	top: -0.1em;
	line-height: normal;
	transform: rotate(15deg);
	color: rgb(245,227,110);
	text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.4);
}
.g-review-text:after{
	content: "\201d";
	font-size: 5em;
	display: inline-block;
	position: relative;
	top: 0.45em;
	margin: -1em 0 0 0.1em;
	vertical-align: sub;
	transform: rotate(-15deg);
	color: rgb(225,225,30);
	text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.4);
}
*/
.card-counter{
    padding: 0;
    text-align: center;
    position: relative;
}
.card-counter input[type=checkbox]{
    position: absolute;
    left: -10000px;
}
.card-counter span{
    color: rgba(200,200,200);
    font-size: 0.8em;
}
.card-counter label{
    font-weight: 700;
    color: rgb(165,38,122);
    cursor: pointer;
}

.discounts{
	flex: 1 1 100%!important;
	text-align: center;
	margin: -0.625em -0.625em 0.625em -0.625em;
	padding: 0.5em;
	background-color: rgb(245,227,110);
	color: rgb(0,21,59);
	font-size: 1.6em;
	font-weight: 700;
	cursor: pointer;
}


/* ----------------- MAKE SELECTION PAGE ------------------------- */

.your-unit-container{
	border-radius: 0.5em;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0;
	text-align: center;
	position: sticky;
	top: 4em;
	min-width: 450px;
}


.your-unit-number{
	text-align: center;
	padding: 0.5em;
	background-color: #000932;
	color: white;
	border-radius: 0.5em 0.5em 0 0;
}
.your-unit-number>div{
	line-height: 1em;
}
.your-unit-number>div:first-of-type,
.your-unit-number>div:last-of-type{
	font-weight: normal;
	font-size: 0.8em;
	color: rgba(255,255,255,0.6);
}
.your-unit-number>div:nth-of-type(2){
	font-weight: 900;
	letter-spacing: -0.1em;
	font-size: 2em;
	color: #9C0A0D;
	color: white;
}



.your-unit-size{
	padding: 1.5em 1em;
	font-size: 2em;
	font-weight: 700;
}
.your-unit-size>div:first-of-type{
	letter-spacing: -0.05em;
	line-height: 1em;
}
.your-unit-size>div:last-of-type{
	font-weight: normal;
	font-size: 0.4em;
	font-style: italic;
}
.your-unit-size strong{
	font-weight: 900;
}
.your-unit-size span{
	display: block;
	text-align: center;
	font-size: 0.5em;
	font-weight: 700;
	letter-spacing: normal;
}
.your-unit-dimensions{
	display: inline-block; 
	vertical-align: middle; 
	line-height: 0.8em;
	text-transform: lowercase;
}



.your-unit-price{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1em;
	/*border-top: 1px solid rgba(240,240,240);*/
	background-color: rgba(240,240,240);
}
.your-unit-price>div{
	flex: 1 1 0;
	text-align: center;
}
.your-unit-price>div>div:nth-of-type(1){
	font-size: 0.9em;
	font-weight: bold;
}
.your-unit-price>div>div:nth-of-type(3){
	font-size: 0.7em;
}
.your-unit-price>div>div:nth-of-type(2){
	font-size: 2em;
	font-weight: 900;
	color: #002a64;
	line-height: normal;
}
.your-unit-price span{
	font-size: 0.5em;
	font-weight: normal;
}



.your-unit-storeRate{
	position: relative;
	overflow: hidden;
}
/*
.your-unit-storeRate *{
	opacity: 0.3;
}
.your-unit-storeRate:before{
	content: "";
	width: 220%;
	border-width: 0.5em 0 0 0;
	border-style: solid;
	border-color: rgba(255,0,0,0.7);
	transform: translate(-50%,-50%) rotate(45deg);
	transform-origin: center;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
}
.your-unit-storeRate:after{
	content: "";
	width: 220%;
	border-width: 0.5em 0 0 0;
	border-style: solid;
	border-color: rgba(255,0,0,0.7);
	transform: translate(-50%,-50%) rotate(-45deg);
	transform-origin: center;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
}
*/



.your-unit-location{
	line-height: 1.2em;
	padding: 1em 2em;
	font-size: 0.8em;
	background-image: linear-gradient(0deg, white, rgb(125,150,185));
}
.your-unit-location>div:first-of-type{
	font-weight: 600;
	color: #9c0A0D;
	font-size: 1.6em;
	line-height: 1.4em;
}
.your-unit-location-phone{
	font-size: 2em;
	font-weight: 700;
	padding: 0.5em;
	color: #00154A;
}

.hilite,
body.preload .hilite{
	animation-name: hilight;
	animation-fill-mode: forwards;
	animation-duration: 2s!important;
}
@keyframes hilight{
	0%{background-color: rgb(255,255,0);}
	50%{background-color: rgb(255,255,0);}
	100%{background-color: rgb(255,255,0,0);}
}

.your-unit-again{
	background-color: #9c0A0D;
	color: white;
	padding: 1em;
	font-size: 0.8em;
	font-style: italic;
	border-radius: 0 0 0.5em 0.5em;
}
.your-unit-again a{
	display: block;
	font-weight: 700;
	color: white;
	font-size: 1.4em;
	font-style: normal;
}


.rent-form-header{
	background-color: rgb(210,210,210);
	color: #9c0A0D;
	font-weight: 700;
	padding: 0.5em;
	font-size: 1.8em;
	border-radius: 0.4em 0.4em 0 0;
}
.rent-select-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 -1em;
}

.rent-select-container>div:first-of-type{
	flex: 2 1 0;
	margin: 1em;
}
.rent-select-container>div:last-of-type{
	flex: 1 1 0;
	margin: 1em;
}

.why-rent-container{
	border: solid 0.4em rgb(0,21,59);
	padding: 0.75em;
	background-color: rgba(100,150,180,1);
	position: relative;
	margin: 2em;
}
.why-rent-container button{
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Material icons';
	font-size: 2em;
	border-radius: 0.2em;
	background-color: rgba(0,21,59,0.8);
	color: white;
	border: none;
	cursor: pointer;
}
.why-rent-container
.why-rent-container div{
	width: calc(100% - 2em);
	margin: 1em auto 0 auto;
	position: relative;
}
.why-rent-container div img{
	width: 100%;
	height: auto;
	border-radius: 0.3em;
	vertical-align: top;
}


.plan-level-container{
	padding: 0.5em 0.5em 0.5em 4em;
	width: 100%;
	position: relative;
}
.plan-level-container:nth-of-type(odd){
	background-color: rgb(0,0,50,0.08);
}
.plan-level-container:nth-of-type(even){
	background-color: rgb(255,255,255,1);
}

.plan-level-container input[type=radio]{
	display: block;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(-50%,-50%);
	font-size: 2em!important;
	border-radius: 100%;
	background-color: white;
	margin: 0;
	outline: none;
}
.plan-level-container table{
	border-collapse: collapse;
	border: none;
	width: 100%;
}
.plan-level-container table td{
	text-align: center;
	vertical-align: baseline;
	padding: 0em;
	line-height: 1.2em;
}
.plan-level-container table tr:first-of-type td{
	font-weight: 400;
	font-size: 1.2em;
}
.plan-level-container table tr:last-of-type td:first-of-type{
	font-weight: 700;
	text-align: center;
	font-size: 2.5em;
	width: 50%;
}
.plan-level-container table tr:last-of-type td:last-of-type{
	font-weight: 900;
	font-size: 3em;
	letter-spacing: -0.05em;
}
.plan-level-container table tr:last-of-type td:last-of-type span{
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: normal;
	margin-left: 0.2em;
}
.plan-level-container>div:nth-of-type(1){
	font-size: 1.4em;
	font-weight: 700;
	padding: 1em 0 0.5em 0;
}
.plan-level-container>div:nth-of-type(2){
	line-height: 1.4em;
	font-style: italic;
	padding: 0 0 0.5em 0;
}

select:required:invalid{
	color: rgb(200,200,200);
}
option[value=""][disabled]{
	display: none;
}
option{
	color: black;
}

[name=exp_month]{
	margin-right: 5px;
}


.same-as{
	width: 1em;
	height: 1em;
	border: 1px solid black;
	background-color: white;
	vertical-align: bottom;
	position: relative;
	overflow: hidden;
	outline: none;
}
.same-as:checked:after{
	content: "check_box";
	font-family: "Material icons";
	position: absolute;
	top: -0.2em;
	left: -0.2em;
	padding: 0;
	font-size: 1.4em;
}
.same-as + div > div:nth-of-type(1){
	display: block;
}
.same-as:checked + div > div:nth-of-type(1){
	display: none;
}

.your-bill-container{
	min-height: 11.5em;
}
.your-bill-header{
	font-weight: bold;
	padding: 0.5em 0.25em 0em 0.25em;
	margin: -1em -1em 0.5em -1em;
	border-radius: 0.5em 0.5em 0 0;
	transition: all 0.5s;
	overflow: hidden;
	line-height: 1.2em;
}
.your-bill{
	padding: 1em;
	border-radius: 0.5em;
	background-color: white;
	position: relative;
	transition: all 0.5s;
}
.prorate{
	font-size: 70%;
	text-align: center;
	line-height: 1em;
	font-weight: normal;
	margin: 0.25em 0;
}
.dot-box-container{
	width: 100%;
	font-size: 0.8em;
	line-height: 1.4em;
}
.dot-box-row{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
}
.dot-box-row:last-of-type{
	font-size: 1.4em;
	font-weight: 700;
}
.dot-box-cell:nth-of-type(1){
	text-align: left;
	flex: 1 1 0;
	white-space: nowrap;
	padding: 0 0.5em 0 0
}
.dot-box-cell:nth-of-type(2){
	white-space: nowrap;
	overflow: hidden;
	flex: 20 1 0;
}
.dot-box-cell:nth-of-type(2):after{
	content: ".....................................................................................................................................................................................................................................................................................";
}
.dot-box-cell:nth-of-type(3){
	text-align: right;
	flex: 1 1 0;
	padding: 0 0 0 0.5em;
}

.dot-box-container hr{
	border: none;
	background-color: rgb(0,0,0);
	height: 2px;
	margin: 1em 0;
}

.discount-statement{
	text-align: left;
	line-height: 1.1em;
	font-size: 80%;
	margin-top: 1em;
}
.discount-statement ul{
	margin: 0.5em 0;
	padding-left: 2.5em;
	color: rgba(156,10,13,1);
}
.discount-statement ul li{
	padding-left: 0;
}
#your_bill_container{
	transition: opacity 0.5s;
	position: relative;
	z-index: 2;
	min-height: 5em;
}
#update_loading{
	position: absolute;
	width: 10em;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	opacity: 0;
	transition: 0.5s;
}
#update_loading.vis{
	opacity: 1;
}


.transparent{
	opacity: 0;
}

.wait-screen{
	position: fixed;
	top: 0;
	left: -10000px;
	width: 100%;
	height: 100vh;
	z-index: 20;
	background-color: rgba(255,255,255,0.95);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	transition: opacity 0.5s 0s, left 0s 0s;
}
.wait-screen img{
	width: 150px;
}
.wait-screen.inview{
	left: 0;
	opacity: 1;
}

#reserveForm{
   opacity: 1;
   transition: opacity 0.5s;
}
.noview{
   opacity: 0.25!important;
   pointer-events: none;
}

.receipt-container{
	border-radius: 0.5em;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0;
	text-align: center;
	min-width: 450px;
   background-color: white;
   overflow: hidden;
   max-width: 1000px;
   width: 100%;
   margin: 1em auto;
}

.err-alert{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	text-align: center;
	min-height: 60vh;
	font-weight: normal;
}
.err-alert>div{
	width: 100%;
	max-width: 1000px;
	text-align: left;
	padding: 2em;
}
.err-alert h1{
	text-align: center;
	color: red;
	text-decoration: underline;
	font-size: 2.4em;
}

/*------------------ OVERRIDE STYLES ----------------------------------------*/

.BGM-form{
	padding: 1em 2em;
}

#bgm_slideShowContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	margin: 0px;
	min-width: 320px;
}

#bgm_slideShowContainer img {
	width: 100%;
	height: auto;
}

.bgm_slideShowBorderTop {
	position: relative;
	z-index: 3;
	padding: 0px;
	margin: 0px;
	border: none;
	background-image: url(../images/brdr-ssBtm.jpg);
	background-size: 100% 100%;
	height: 2em;
}

.bgm_slideShowBorderBtm {
	position: relative;
	z-index: 3;
	padding: 0px;
	margin: 0px;
	border: none;
	background-image: url(../images/brdr-ssBtm.jpg);
	background-size: 100% 100%;
	height: 2em;
	box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.4);
}

#bgm_ssCaptionBox {
	top: 0px;
	bottom: auto;
	line-height: 1.6em;
}

#bgm_ssAnimCounter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
	background-color: transparent;
	/*rgba(0,0,0,0.5);*/
	padding: 0px 20px;
	line-height: 1em;
}

#bgm_ssAnimCounter .counterBox {
	border-radius: 5px;
	display: inline-block;
	float: none;
	opacity: 1;
	border: none;
	position: relative;
}

#bgm_ssAnimCounter .selected {
	background-color: #FFFFFF;
}

.exitLink {
	font-family: arial;
	font-weight: normal;
}

.galleryHolder .galImgFrame {
	width: 30%;
}

.login {
	top: auto;
	bottom: 8px;
}

.error {
	top: auto;
	bottom: 8px;
	right: 70px;
}

form.loginForm {
	top: auto;
	bottom: 50px;
}

.SESeBlog h2 {
	font-size: 1.6vw;
	margin-top: 0.5em;
}

.SESeBlogIndexContainer {
	border-color: #DCCA7E;
}

.SESeBlogIndexContainer div.SESeBlogIndexHeader {
	background-color: #010127;
}

.SESeBlogIndexContainer div.SESeBlogIndexFooter {
	background-color: #010127;
}

.SESeBlogIndexContainer div#eBlogIndexTbody div:hover {
	background-color: #004781;
}

.SESeBlogMsg {
	font-family: arial
}

.SESContactForm .SESContactInfoBlock {
	min-width: 260px;
}

.BGM-form input[type=password], .BGM-form input[type=text], .BGM-form input[type=number], .BGM-form input[type=email], .BGM-form input[type=tel], .BGM-form input[type=file], .BGM-form input[type=submit], .BGM-form select, .BGM-form .input, .BGM-form textarea{
	min-width: 0;
}

.BGM-CMS-form label input[value="Click to Grant Access to GMB Reviews"]{
	display: block;
	width: 30em!important;
	text-align: center;
	max-width: 100%;
	margin: 1em auto;
	float: none;
	background-color: rgb(0,200,0);
	line-height: 1.1em;
	white-space: normal;
	padding: 0.5em;
}
.BGM-genericErrorNotice{
	background-color: white;
}

/* ---------------- MEDIA QUERY STYLES ------------------------ */



@media only screen and (max-width: 1580px) {
	.coupon_container {
		font-size: 0.9em;
	}
}


@media only screen and (max-width: 1450px) {
	.title .top-logo {
		width: 55%;
	}
}

@media only screen and (max-width: 1380px) {
	.coupon_container {
		font-size: 0.8em;
	}
	.reserve-form{
		position: relative;
		width: 100%;
		max-width: none;
	}
}

@media only screen and (max-width: 1300px) {
	.respNavContainer {
		font-size: 1.5vw;
	}

	.respNavContainer ul.nav a {
		height: 75px;
		height: 5vw;
	}

	.gallery-links a {
		width: 30%;
		font-size: 0.8vw;
	}

}

@media only screen and (max-width: 1240px) {
	.coupon_container {
		font-size: 0.7em;
	}
	.rental-page{
		font-size: 80%;
	}
	.your-unit-container {
		min-width: 350px;
	}
}

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

	.respNavContainer {
		font-size: 1.6vw;
	}

	.coupon {
		width: 45%;
		font-size: 2em;
		margin-left: 1.5%;
		margin-right: 1.0%;
	}

	.coupon_container {
		font-size: 0.5em;
	}

	.WCS {
		position: relative;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: auto;
		margin-bottom: 0.3em;
		font-size: 0.9em;
		left: 0px;
	}

	.footer img {
		margin-bottom: 5px;
		margin-top: 2em;
	}

	.footerLinks {
		top: 0.8em;
		left: 0px;
		width: 100%;
		text-align: center;
	}


	.locations div:nth-child(1) {
		font-size: 1.5vw;
	}

	.locations div:nth-child(2) {
		font-size: 1.7vw;
	}

	.headline {
		font-size: 2.4vw
	}
	.unit-size,
	.unit-features,
	.price-reserve{
		flex: 1 1 100%;
		text-align: center;
	}
	.unit-features ul{
		text-align: left;
		line-height: 1.3em;
		display: inline-block;
	}

}


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

	.titleContainer {
		padding-top: 2em;
	}

	.titleSocial {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		margin: 0px;
		width: auto;
		max-width: 18000px;
		min-width: 0px;
		height: auto;
		background-color: #333355;
		padding: 0px;
		text-align: center;
		width: 100%;
	}

	.titleSocial img {
		float: none;
		margin: 2px 4px;
		width: 25px;
		height: auto;
		border-radius: 20%;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
		min-width: 0px;
	}

	.btnDivider {
		display: none;
	}

	.titleSocial .newLine {
		clear: both
	}

	.titleSocial .blank {
		display: inline-block;
	}

	.titleSocial .spaced {
		margin-right: 0%
	}

}

@media only screen and (max-width: 1000px){
	.testimonials-container{
		flex-wrap: wrap;
		background-position: left -60px top;
		border-left: 0;
		min-height: 800px;
	}
	.animation-container{
		
	}
	.testimonials-container > div{
		width: 100%!important;
	}
	.testimonials-container > div:nth-of-type(1){
		height: auto;
		text-align: center;
		padding: 1em;
		margin-left: 0;
		position: absolute;
		bottom: 28%;
	}
	.testimonials-intro{
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0,0);
		text-align: left;
		margin: 0 auto;
		width: 90%;
		border-radius: 0;
		color: white;
		background-color: transparent;
		max-width: none;
		text-align: center;
	}
	.review-count-box{
		position: relative;
		top: auto;
		left: 50%;
		transform: translate(-50%,0);
		width: 90%;
		max-width: 30em;
		border: none;
	}
	.review-count-box{
		background-color: transparent;
		border-radius: 0;
		padding: 0;
	}
	.content-centering.rental-page:before, 
	.content-centering.rental-page:after{
		display: none;
	}
}

@media only screen and (max-width: 975px) {
	.coupon_container {
		font-size: 0.45em;
	}
}

@media only screen and (max-width: 900px) {
	.copyright div{
		  flex: 1 1 100%;
		  text-align: center!important;
	 }
}

@media screen and (max-aspect-ratio: 16/9) {
	.vid-wrapper video{
		height: auto;
		width: 100%;
	}
}


@media screen and (max-width: 800px),
screen and (orientation: portrait),
screen and (max-aspect-ratio: 1) {

	body {
		font-size: 90%;
	}

	.login {
		display: none;
	}


	.LCol,
	.MCol,
	.RCol {
		min-height: 1px;
	}

	.MCol {
		margin-right: 0px;
	}

	.RCol {
		margin-top: 0px;
	}

	.FAQFix {
		margin: 0px 0px;
	}

	.question {
		margin-right: 0px;
	}

	blockquote.q {
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 30px;
	}

	.respNavContainer {}

	.gallery-links {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.gallery-links a {
		width: 11%;
		font-size: 1.3vw;
	}

	.blogLinkContainer {
		display: none;
	}

	.img-howToReach {
		display: none;
	}

	.box1,
	.box2 {
		width: 50%;
		display: inline-block;
	}

	.rtCol-sub {
		clear: left;
		margin-top: 0.5em;
		font-size: 2.5vw;
		line-height: normal;
	}

	.RCol .contact {
		font-size: 2vw;
		line-height: normal;
	}

	.titleContainer {
		display: none;
	}



	.locations {
		width: 100%;
		display: block;
		float: none;
	}

	.locations div:nth-child(1) {
		font-size: 2.1vw;
	}

	.locations div:nth-child(2) {
		font-size: 2.3vw;
	}

	.locations div:nth-child(3) {
		font-size: 5.5vw;
	}

	.locations div:nth-child(4) {
		font-size: 2.6vw;
	}

	.leftCol {
		border-right: none;
	}

	.rtCol {
		border-left: none;
		border-top: 4px solid black;
	}

	#left,
	#right {
		width: 100%;
		float: none;
		border-width: 0px 10px 10px 10px;
	}

	.coupon_frame,
	.locations-container {
		border-width: 0px 10px 10px 10px;
	}

	.coupLinkContainer {
		width: 96%;
		padding: 5px 15px 15px 15px;
	}
	#vidContainer{
		padding-bottom: 70%;
	}
	.main > div{
		padding: 0;
		line-height: 1.3em;
		font-size: 1em;
	}
	.locations-header {
		font-size: 2.5em;
	}
	.ribbon{
		position: relative;
		transform: rotate(0);
		top: auto;
		right: auto;
		padding: 0.5em;
		font-size: 2em;
		max-width: 100%;
        box-shadow: none;
	}
	.rent-select-container{
		margin: 0;
	}
}

@media only screen and (max-width: 750px) {
	.coupon_container {
		font-size: 0.4em;
	}
}


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

	.coupon {
		width: 85%;
		margin-left: 0;
		margin-right: 0;
		font-size: 2em;
	}

	.coupon_container {
		font-size: 0.7em;
	}

	.titleContainer {
		display: none;
	}


	.mobileSocial {
		display: block
	}

	/*
	.respNavContainer{display:none;}
	*/
	.respNavContainer {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
	}

	#blogContent {
		margin-top: 2em;
	}

	.footer img {
		width: 100%;
	}

	.footer {
		padding-right: 5%;
		padding-left: 1%
	}

	.headline {
		font-size: 1.3em;
		line-height: 1.5em;
	}

	.content {
		font-size: 1.0em
	}


	.title .top-logo {
		width: 95%;
	}
	
	.collage figure{
		flex: 0 0 100%;
	}
	.collage figcaption{
		font-size: 1.5em;
		position: relative;
		background-color: #9C0A0D;
		line-height: 1.1em;
		text-shadow: none;
	}
	.animation-container{
		min-width: auto!important;
		flex: 1 1 100%!important;
		margin-top: 5em;;
	}
	
	.rent-select-container{
		flex-wrap: wrap;
	}
	.rent-select-container>div{
		flex: 1 1 500px!important;
	}
	.rent-select-container>div:first-of-type{
		order: 2;
	}

	.your-unit-container{
		position: relative;
		top: 0;
	}
	.your-unit-size{
		font-size: 275%;
	}
	.your-bill.locked{
		position: fixed;
		top: 60px;
		box-shadow: 0 0 1em rgba(0,0,0,0.5);
		width: calc(100% - 2em);
		z-index: 10;
	}
	.your-bill.locked .your-bill-header{
		background-color: rgb(0,9,50);
		color: white;
	}

}



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

	.gallery-links {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.gallery-links a {
		width: 22%;
		font-size: 1.8vw;
	}

	.GBC_SSContainer {
		padding: 0
	}

	.BGM_SSContainer {
		border: none
	}

	.main {
		margin: 0
	}

	.coupon_container {
		padding: 0
	}

	.coupLinkContainer {
		width: 100%;
		padding: 5px 15px 15px 15px;
	}

	.locations-container {
		margin: 0
	}



	.locations div:nth-child(1) {
		font-size: 1em;
	}

	.locations div:nth-child(2) {
		font-size: 1.3em;
	}

	.locations div:nth-child(3) {
		font-size: 2.5em;
	}

	.locations div:nth-child(4) {
		font-size: 1.2em;
	}



}

@media only screen and (max-width: 620px) {
	.coupon_container {
		font-size: 0.6em;
	}
}


}

@media only screen and (max-width: 550px) {
	.title .top-logo {
		width: 100%;
	}

	.title img {
		min-width: 0px
	}
}

@media only screen and (max-width: 520px) {
	.coupon_container {
		font-size: 0.5em;
	}
}


@media only screen and (max-width: 500px) {
	.GBC_SSContainer {
		display: none;
	}

	.bgm_slideShowBorderTop {
		display: none
	}

	.box1,
	.box2 {
		width: 100%;
		font-size: 1em;
	}

	.CCR {
		font-size: 1em;
		float: none;
		text-align: center;
		width: 100%;
	}

	.CCR img {
		display: block;
		width: 200px;
		float: none;
	}

	.RCol {
		font-size: 1em;
	}

	.RCol .contact,
	.RCol a.phone {
		font-size: 1em;
	}

	.rtCol-sub {
		font-size: 1.3em
	}

	.titleContainer {
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
		position: relative;
		z-index: 3;
	}

	#right h1 {
		font-size: 1.2em;
	}

	.fab {
		float: none;
		display: block;
		width: auto;
	}
	.BGM-contact-InfoBlock:nth-of-type(1), 
	.BGM-contact-InfoBlock:nth-of-type(2){
		min-width: 0px;
	}
}

@media only screen and (max-width: 440px) {
	.coupon_container {
		font-size: 0.4em;
	}
	.collage figcaption{
		font-size: 1em;
	}
	.reserve-input-container label{
		flex: 1 1 100%;
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.your-unit-container{
		min-width: 0;
	}
}

@media only screen and (max-width: 380px) {
	.coupon_container {
		font-size: 0.35em;
	}
}

/* ---------------------- PRINT STYLE --------------------------- */

@media print {
   html,body{width: 1000px; font-size: 90%; background-color: transparent;}
   .noprint{display:none;}
   .blue-gradient{background-image: none;}
}