@font-face {
  font-family: 'MyFont';
  src: url('../css/fonts/TrajanPro-Regular.otf');
}
@font-face {
  font-family: 'MyFontBold';
  src: url('../css/fonts/TrajanPro-Bold.otf');
}

* {
	font: MyFontText;
}
body {
  background-color: #e0e1e0 !important;
  border-style: solid;
  border-width: 0px;
  border-color: #00ff00;
  border-radius: 0.0em;
}
#header-image{
	padding-left: 0.2em;
	padding-right: 0.2em;
	display: block;
  	width: auto;
  	height: auto;
  	max-width: 1000px;
  	max-width: auto;
  	max-height: 40.0em;
	margin-left: auto;
  	margin-right: auto;
  	border-style: solid;
  	border-width: 0px;
  	border-color: #00ffff;
  	border-radius: 0em;
  	border-radius: 0.8em;
}

.animate__animated.animate__swing {
  --animate-duration: 4s;
  --animate-delay: 4.0s;
}

#specialOffer {
  position: absolute;
  left: 0.5em;
  top: 24vh;
  font-size: 2.0em;
  line-height: 90% !important;
  color: #b89654 !important;
  background-color: #00ff00;
  border-radius: 1.0em;
	padding: 0.5em;
	text-shadow: 2px 2px 8px #FF000060;
  -webkit-transform: rotate(347deg);
  -moz-transform: rotate(347deg);
  -o-transform: rotate(347deg);

  writing-mode: lr-tb;
  z-index: 999 !important;
  transform: translateZ(10);
}

#specialOfferBold {
  font-size: inherit;
  color: #b89654 !important;
  font-weight: bold;
}

/*
:root {
  --animate-duration: 3000ms;
  --animate-delay: 2.0s;
}
*/

/* hide/show navbar on scroll */
.scrolled-down{
  transform:translateY(-100%); transition: all 0.6s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.6s ease-in-out;
}

#mainNav {
	/* hide navbar on scroll */
	padding-top: 0.0em;
	margin-top: 0.0em;
	height: 2.2em !important;
	font-family: MyFontBold !important;
}
#navbar-brand {
	padding-top: 0.0em;
	margin-top: 0.0em;
	height: 2.6em !important;
}

#logoNav {
	height: 2.0em !important;
}

#sendMessageButton {
	background-color: #b89654 !important;
  	border-color: #b89654 !important;
  	color: #ffffff !important;
}

#navbarResponsive {
	margin-top: 1.0em;
	padding-left: 1.0em;
	width: auto;
	background-color: #f9fafb !important; /* +2-digit opacity */
}

#logo-main {
	margin-bottom: 1.0em;
	height: 8.0em !important;
}
#custom-fa {
  	color: #b89654 !important;
}
#gold {
	font-family: MyFontBold;
	font-weight: bold;
  	color: #b89654 !important;
}
#title-gold {
	margin-top: 1.0em;
	font-family: MyFontBold;
	font-weight: bold;
  	color: #b89654 !important;
}
#textBlack {
	color: #000000 !important;
}
.nav-link {
	font-size: 1.2em !important;
	font-family: MyFontBold;
	font-weight: bold;
  	color: #b89654 !important;
}
.navbar-toggler-icon {
	width: 1.8em !important;
	height: 1.8em !important;
	padding-bottom: 1.0em !important;
}

#custom-toggler {
	width: 1.8em !important;
	height: 1.8em !important;
/*
	background-color: #b89654 !important;
*/
	color: #ffffff;
}

/* BackToTop button css */
#scroll {
  z-index: 999;
  position: fixed;
  right: 1.0em;
  bottom: 1.0em;
  cursor: pointer;
  width: 2.0em;
  height: 2.0em;
  background-color: #aaaaaa;
  opacity: 0.4;
  filter: " alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #000000;
}
#scroll:hover {
  background-color: #aaaaaa;
  opacity: 0.6	;
  filter: " alpha(opacity=60)";
  -ms-filter: "alpha(opacity=60)";
}

#carousel-caption {
	width: auto;
  	font-weight: bold;
  	color: #b89654 !important;
	text-shadow: 0.08em 0.08em 0.0em #e0e1e0;
	text-shadow: 0.08em 0.08em 0.0em #ffffff;
}
#text-shadow {
/*
	text-shadow: 2px 2px #000000;
*/
	width: auto;
  	font-weight: bold;
  	color: #b89654 !important;
	text-shadow: 0.08em 0.08em 0.0em #e0e1e0;
	text-shadow: 0.08em 0.08em 0.0em #ffffff;
}
.custom-page-section {
	padding-top: 1.0em !important;
	padding-bottom: 1.0em !important;
	margin: 0.0em !important;
}
.custom-button-accordion {
	color: #000000 !important;
}
.custom-email {
	color: #000000 !important;
}
.custom-2-pictures {
	margin-top: 2.0em;
	width: auto;
	height: auto;
	max-width: 16.0em;
  	border-style: solid;
  	border-width: 0px;
  	border-color: #00ffff;
  	border-radius: 0em;
  	border-radius: 0.4em;
}
#progress-container {
	position: fixed;
  	top: 0;
  	z-index: 100;
  	width: 100%;
  	background-color: #f1f1f1;
	width: 100%;
  	height: 8px;
  	background: #ccc;
}
#progress-bar {
  height: 8px;
  background: #4caf50;
  width: 0%;
}
#border {
  border-style: solid;
  border-width: 0px;
  border-color: #00ff00;
  border-radius: inherit !important;
}
#marker {
  background: #ffff00;
}
#custom-fa {
	color: #999999 !important;
	z-index: 100 !important;
}
#keywords_footer {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 0.9em;
  color: #999999 !important;
  border-style: solid;
  border-width: 0px;
  border-color: #aaaaaa;
}

.nav-link:hover {
	color: #000000 !important;
}