@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/************************************************************************************************
*                               CSS Document CSS
*
************************************************************************************************/
/************************************************************************************************
*                               Base Layer CSS
*
************************************************************************************************/

*{
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background-image: url("../../images/summerview_2.jpg");
	background-position: center, bottom;
	background-repeat: no-repeat
	
}

html {
	height: 100%;
	
}

body, input, select, textarea {
	color: black;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.2em;
	/*text-transform: uppercase;*/
	text-transform: none;
}

.base-layer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.motion-layer {
	position: relative;
	width: 65vh;
	height: 95vh;
	padding: .5em;
	border-radius: 10px;
	cursor: default;
	text-align: center;
	overflow: hidden;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	background-color: rgba(255, 245, 238, 0.65);
	animation-name: scale-up-center;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	/* shorthand 
	animation: scale-up-center 1s ease 0s 1 normal none;
	*/ 
}

.main-content {
	width: 64vh;
	height: 92.25vh;
	position: relative;
	border : solid 2px #000000;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 10px;
	margin: 0 auto;
}

/************************************************************************************************
*                               Menu/Tabs CSS
*
*************************************************************************************************/

p.home {
	color: black;
	font-weight: bold;
	font-size: .75em;
	text-align: center;
	margin: 1.5em auto;
}

h1.home,
h2.home,
h3.home,
h4.home,
h5.home,
h6.home {
	color: black;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0.70em 0;
}

h1.home {
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0.22em;
	margin: .5em 0 0 0;
}

h3.home {
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.22em;
	margin: 1.5em  auto 0em;
}

hr.home {
	text-align: center;
	height: 1px;
	width: 88%;
	border: none;
	border-bottom: solid 1.5px black;
	margin: 0 1.5em;
}

.home-spacer {
	width: 100%;
	margin: 5em 0 0;
	
}

p.home-center {
	color: black;
	font-weight: bold;
	font-size: .75em;
	text-align: center;
	margin: 1.5em 1.5em;
}

p.home-justify {
	color: black;
	font-weight: bold;
	font-size: .75em;
	text-align: justify;
	margin: 1.5em 2em;
}

/************************************************************************************************
*                               Footer & Copyright CSS
*
************************************************************************************************/

#footer {
	-moz-align-self: -moz-flex-end;
	-webkit-align-self: -webkit-flex-end;
	-ms-align-self: -ms-flex-end;
	align-self: flex-end;
	width: 100%;
	padding: 1.5em 0 0 0;
	color: rgba(255, 255, 255, 0.75);
	cursor: default;
	text-align: center;
}

#footer .copyright {
	margin: .5em 0 0 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	font-size: 0.55em;
	font-weight: bold;
	list-style: none;
}

#footer .copyright li{
	color: black;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 0 0.45em;
	padding: 0 0 0 0.85em;
	/*border-left: none;*/
	line-height: 1;
}

#footer .copyright li:first-child {
	/*border-left: none;*/
}

/************************************************************************************************
*                               Privacy Page CSS
*
************************************************************************************************/

.privacy-content {
	width: 61.75vh;
	height: 87vh;
	position: relative;
	/*border : solid 2px #000000;*/
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 10px;
	/*margin: 0 auto;*/
	
}

b.privacy {
	color: black;
	font-weight: bold;
	
}

p.privacy {
	color: black;
	font-weight: bold;
	font-size: .60em;
	text-align: justify;
	margin: .25em 1em .5em .5em;

}

h1.privacy,
h2.privacy,
h3.privacy,
h4.privacy,
h5.privacy,
h6.privacy {
	color: black;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0.70em 0;
}

h1.home {
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0.22em;
	margin: .5em 0 0 0;
}


h3.privacy {
	font-size: 1em;
	text-align: left;
	letter-spacing: 0.22em;
	margin: .5em .5em 1.5em;
}

h4.privacy {
	font-size: .75em;
	text-align: left;
	letter-spacing: 0.22em;
	margin: .5em .5em .25em;
}

hr.privacy {
	border: 0;
	border-bottom: solid 1.5px black;
	margin: 0 10%;
}

button:focus {
	outline-color: black;
}


/************************************************************************************************
*                               Contact Us Page CSS
*
************************************************************************************************/

h3.contactus-title {
	color: black;
	font-weight: bold;	
	font-size: 1.25em;
	text-align: left;	
	letter-spacing: 0.22em;
	margin: 1em 1em .5em .30em;
	padding: 0 0 0 .4em;
	/*border : solid 1px #000000;*/
}

h5.contactus-subtitle {
	color: black;
	font-weight: bold;	
	font-size: .75em;
	text-align: left;	
	letter-spacing: 0.22em;
	margin: 1em 1em .5em .5em;
	padding: 0 0 0 .75em;	
	/*border : solid 1px #000000;*/
}

p.contactus-narrative {
	color: black;
	font-weight: bold;
	font-size: .60em;
	text-align: justify;
	margin: 1.5em 1em 1.5em .5em;
	padding: 0 0 0 1em;
	/*border : solid 1px #000000;*/
}

.contactus {
	border-spacing: inherit;
	border-collapse: collapse;
}

.contactus fieldset{ 
	display: block;
	width: 405px;
	float: left;
	text-align: left;
	border: 2px solid black;
	margin:auto auto 30px auto;
}

.contactus form {
	display: table;
	width: 100%;
	margin: 0 auto;
	font-size: 10px;
	line-height: 100%;
	border-spacing: inherit;
	position: relative;
	text-align: center;
}

.contactus-divTable{
	display: table;
 	width: 97.5%;
	margin: 0 auto;
	/*border : solid 1px #000000;*/
}

.contactus-divTableBody {
	display: table-row-group;
}

.contactus-divTableRow {
	display: table-row;
}

.contactus-divTableHeading {
	display: table-header-group;
}

.contactus-divTableFoot {
	display: table-footer-group;
}

.contactus-divTableCell, .contactus-divTableHead {
	display: table-cell;
	padding: 3px 10px;
	/*border: 1px solid #999999;*/
}

label[for="fname"],label[for="lname"],label[for="email"],label[for="pnumber"],label[for="title"],label[for="position"],label[for="message"] {
	display: none;
}

input[name="fname"], input[name="lname"], input[name="email"], input[name="pnumber"],input[name="title"], input[name="position"] {
	width: 100%;
	min-width: 50%;
	opacity: .5;
}

textarea[name="message"] {
	width: 100.25%;
	min-width: 50%;
	margin: 0 auto;
	resize: none;
	opacity: .5;
}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		display: inline-block;
		height: 2.75em;
		line-height: 2.75em;
		padding: 0 1.5em;
		background-color: #ffffff;
		border-radius: 4px;
		border: solid 1px #c8cccf;
		color: #414f57 !important;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		opacity: .75;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			border-color: #ff7496;
			color: #ff7496 !important;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			width: 100%;
			margin: 0 0 0.75em 0;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.5;
		}

p.contactus-recaptcha {
	color: black;
	font-weight: bold;
	font-size: .525em;
	text-align: justify;
	margin: 1.5em .5em 1.5em .75em;
	/*border : solid 1px #000000;*/
}

.contactus-recaptcha-divTable{
	display: table;
 	width: 83.5%;
	/*border : solid 2px #000000;*/
	margin: 0 auto;
}

.contactus-recaptcha-divTableBody {
	display: table-row-group;
}

.contactus-divTableRow {
	display: table-row;
	padding: 0 auto;
	margin: 0 auto;
}

.contactus-recaptcha-divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}

.contactus-recaptcha-divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}

.contactus-recaptcha-divTableCell, .contactus-recaptcha-divTableHead {
	display: table-cell;
	padding: 0px 10px;

}

.contactus-recaptcha-divTableCell {
	clear: both;
	margin: 0 auto;
	line-height: .5em;
}

.grecaptcha-badge{
	display: table-cell;	
	padding: 0px 0px 0px 6px;
	text-align: left;
	opacity:0;
	visibility: hidden;
}

.sweetner{
	opacity: 0;
	position: absolute;
	top: 3px;
	left: -680px;
	height: 0;
	width: 0;
	z-index: -1;
	visibility: collapse;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/**********************************************************************************************
*
*                               Thank-you page CSS
*
***********************************************************************************************/

#timer-thank-you{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.thank-you-content {
	width: 61.75vh;
	height: 87vh;
	position: relative;
	/*border : solid 2px #000000;*/
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 10px;
	/*margin: 0 auto;*/
	
}

.thank-you-title {
	margin: 35% auto 0 auto;
	padding: 0;
	text-align: center;
}

.thank-you-title::after {
	color: black;
	font-weight: bold;	
	font-size: 1.25em;
	content: "Thank You";
}

.thank-you-narative {
	margin: 3.5em 2.5% 3em;	
	
	padding: 0;
	line-height: 20px;
	text-align: justify;
	word-wrap: break-word;
	white-space: pre-wrap; 
	-moz-white-space: pre-wrap; 
	-pre-white-space: wrap;
	-o-white-space: pre-wrap;
}

.thank-you-narative::after {
	color: black;
	font-weight: bold;	
	font-size: .75em;
	content: "We appreciate your contacting us.  We will contact you as soon as possible!";

}

.thank-you-divTable {
	display: table;
 	width: 97.5%;
	/*border : solid 2px #000000;*/
	margin: 0 auto;
}

.thank-you-divTableBody {
	display: table-row-group;
}

.thank-you-divTableRow {
	display: table-row;
}

.thank-you-divTableHeading {
	display: table-header-group;
}

.thank-you-divTableFoot {
	display: table-footer-group;
}

.thank-you-divTableCell, .thank-you-divTableHead {
	display: table-cell;
	padding: 3px 10px;
	/*border: 1px solid #999999;*/
}

/************************************************************************************************
*                              Vacation Gallery CSS
*
************************************************************************************************/

.underconst-border {
	margin: 5em auto;
	width: 100%;
	height: 100%;
}

p.gallery {
	color: black;
	font-weight: bold;
	font-size: .60em;
	text-align: justify;
	margin: .9em 1em .9em .5em;
}

div.gallery {
	margin: 7px;
	border: 1px solid #ccc;
	float: left;
	width: 180px;
}

div.gallery:hover {
	border: 1px solid #777;
}

div.gallery img {
	width: 100%;
	height: auto;
}

div.desc {
	color: black;
	font-weight: bold;
	font-size: .70em;
	padding: 10px;
	text-align: center;
}

.gallery-spacer {
	width: 100%;
	margin-top: 10em;
	
}

.gallery-wrapper {
	margin: auto 10%;
	width: 100%;
	/*margin-top: 10em;*/
	
}

/************************************************************************************************
*                              Under Construction CSS
*
************************************************************************************************/


.underconst {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.underconst-outer{
    position: relative;
	margin: 0 auto;


}

.underconst-inner{
	margin: 0 auto;
	vertical-align: middle;
    position: absolute;
	background-image: url("../images/under.png");
	background-repeat: no-repeat;
	width: 75%;
	height: 75%;
	top: 40%;
	left: 15%;
	background-size:contain;
}

/************************************************************************************************
*                               Reponsive CSS
*
************************************************************************************************/

@keyframes scale-up-center {
	0% {
		transform: scale(.2);
	}
	100% {
		transform: scale(1);
	}
}

@media only screen and (min-width: 1680px) {
	
}

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

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

}

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

}

@media only screen and (max-width: 480px) {
	
	#footer .copyright {
		margin: 12.5em 0 0 0;
		padding: 0;
		font-size: 0.55em;
		font-weight: bolder;
		list-style: none;
	}
	
		#footer .contactus-copyright {
		margin: .5em 0 0 0;
		padding: 0;
		font-size: 0.55em;
		font-weight: bolder;
		list-style: none;
	}
}

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

}