@font-face {
  	font-family: 'MyFont';
  	src: url('../css/fonts/Calibril.ttf');
}

@font-face {
  	font-family: 'MyFontBold';
  	src: url('../css/fonts/Calibri.ttf');
}

@font-face {
  	font-family: 'bnFont';
  	src: url('../css/fonts/NEWBRILL.TTF');
}

* {
	font-family: MyFont !important;
/*
	font-family: bnFont !important;
*/
}

/*
body {
  	background-color: #e0e1e0 !important;
	background-color: transparent !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;
}

.custom-page-section {
	background-color: transparent !important;
}
.section-heading {
	background-color: transparent !important;
}

#projectManagement {
	background-color: transparent !important;
}

#myBackground {
	background-color: transparent !important;
	background-color: #00ff00 !important;
}

#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;
}
/*
a>div:hover a>div:link a>div:visited a>div:active {
	text-decoration: none !important;
}
*/
#bn-logo-navbar {
	font-family: bnFont !important;
	font-size: 1.0em;
  	color: #000000 !important;
	line-height: 75% !important;
	text-decoration: none !important;
	padding-top: 0.1em;
}
/*
div:first-child:hover #bn-logo-navbar:link #bn-logo-navbar:visited #bn-logo-navbar:active {
	text-decoration: none !important;
}
*/
#bn-logo {
	font-family: bnFont !important;
	font-size: 2.0em;
  	color: #b89654 !important;
  	color: #000000 !important;  	
	line-height: 75% !important;
}

#bn {
	font-family: bnFont !important;
	font-size: 1.0em;
  	color: #b89654 !important;
  	color: #000000 !important;  	
	line-height: 90% !important;
}
#lineThin {
	line-height: 10%;
	font-size: 0.2em;
}

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

#mainNavInvisible {
	/* hide navbar on scroll */
	padding-top: 0.0em;
	margin-top: 0.0em;
	height: 2.0em !important;
	height: 1.6em !important;
	font-family: MyFontBold !important;
	color: none !important;
}

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

#navbar-brand {
	padding-top: 0.0em;
	margin-top: 0.0em;
	height: 2.0em !important;
}

#logoNav {
	height: 2.0em !important;
}

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


#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: #000000 !important;
  	color: #b89654 !important;
  	/*
  	text-shadow: 1px 1px #c0c0c0;
*/
}
#textBlack {
	color: #000000 !important;
}
#textBlack:hover {
	text-decoration-line: none;
}
.nav-link {
	font-size: 1.2em !important;
	font-family: MyFontBold;
	font-weight: bold;
  	text-shadow: 1px 1px #ffffff;
}
.navbar-toggler-icon2 {
	width: 1.8em !important;
	height: 1.8em !important;
	padding-bottom: 1.0em !important;
  	text-shadow: 1px 1px #ffffff !important;
}

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

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

#productName {
	font-weight: bold;
}

#galleryHide {
	display: none!important;
}

#errorFormInputField {
	background-color: #00ffff !important;
}

#centerPayPal{
	display: flex !important;
    justify-content: center !important;
}

.textareaInput {
	background-color: #efefef; 
	border-color: #ff0000;
	width: 100%;
}

.formInput {
	background-color: #efefef; 
	border-color: #ff0000;
	text-align: center;
	width: 50%;
}

#box {
	background-color: #ffffff;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	border-style: solid;
  	border-width: 1px;
  	border-color: #E9E9E9;
	border-color: #ffffff;
  	border-radius: 0em;
  	border-radius: 0.4em;
  	border-radius: 0.8em;
}

#boxNoColor {
	background-color:none;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	border-style: solid;
  	border-width: 0px;
  	border-color: none;
  	border-radius: 0em;
  	border-radius: 0.4em;
  	border-radius: 0.8em;
}

#boxTotal {
	background-color: #ffffff;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	border-style: solid;
  	border-width: 3px;
	border-color: #00ff00;
  	border-radius: 0em;
  	border-radius: 0.4em;
  	border-radius: 0.8em;
}



#buttonPadding{
	border-width: 3px;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 2px;
	padding-bottom: 2px;
}

#buttonShoppingCart{
	border-width: 3px;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 0.4em;
}

#buttonShoppingCartSmall{
	border-width: 3px;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.5em;
	padding-top: 2px;
	padding-bottom: 2px;
}

#buttonColorBlack {
	color: #000000 !important;
	stroke: #000000;
	fill: #000000;
}

#textPushDown {
	padding-top: 10px;
}

#labelGreen{
	color: #1EBB50;
	font-weight: bold;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 2px;
	padding-bottom: 2px;
}

#labelRed{
	color: #ff2600;	
	font-weight: bold;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 2px;
	padding-bottom: 2px;
}

#labelBlack{
	color: #000000;	
	font-weight: bold;
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 2px;
	padding-bottom: 2px;
}

.buttonUpdateDelete {
	width: 120px;
}

#line:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #00ff00;
}

#horizontal-line{
	width: 100%;
	height: 1px;
	background-color: #c0c0c0; 
	opacity: 1.0;
}

#image {
	max-height: auto !important;
	max-width: auto !important;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border-style: solid;
  	border-width: 1px;
  	border-color: #000000;
  	border-radius: 0em;
  	border-radius: 0.4em;
}

/* 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%;
}

#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;
}
*/