:root {
	--goldexchangetext: #101010;
	--goldexchangegold: #CB9F3D;
	--goldexchangelightgray: #F7F7F7;
	--goldexchangemiddlegray: #C3C3C3;
	--goldexchangedarkgray: #4C4C4C;
	--weight-regular: 400;
}
.goldexchangetext { color: var(--goldexchangetext)!important; }
.goldexchangegold { color: var(--goldexchangegold)!important; }
.goldexchangelightgray { color: var(--goldexchangelightgray)!important; }
.goldexchangemiddlegray { color: var(--goldexchangemiddlegray)!important; }
.goldexchangedarkgray { color: var(--goldexchangedarkgray)!important; }
.bg-goldexchangetext { background-color: var(--goldexchangetext)!important; }
.bg-goldexchangegold { background-color: var(--goldexchangegold)!important; }
.bg-goldexchangelightgray { background-color: var(--goldexchangelightgray)!important; }
.bg-goldexchangemiddlegray { background-color: var(--goldexchangemiddlegray)!important; }
.bg-goldexchangedarkgray { background-color: var(--goldexchangedarkgray)!important; }
.border-goldexchangetext { border-color: var(--goldexchangetext)!important; }
.border-goldexchangegold { border-color: var(--goldexchangegold)!important; }
.border-goldexchangelightgray { border-color: var(--goldexchangelightgray)!important; }
.border-goldexchangemiddlegray { border-color: var(--goldexchangemiddlegray)!important; }
.border-goldexchangedarkgray { border-color: var(--goldexchangedarkgray)!important; }

.fontNeuton {
	font-family: 'Neuton', serif;
}
.weightRegular {
	font-weight: var(--weight-regular);
}

body {
	color: var(--goldexchangetext);
	margin: 0; padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
}
a { color: var(--goldexchangedarkgray); }
a:hover { color: inherit; }
.bold { font-weight: bold; } 
.hand { cursor: pointer; }
.width50 { width: 50px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }
.maxWidth100 { max-width: 100px; width: 100%; }
.maxWidth150 { max-width: 150px; width: 100%; }
.maxWidth200 { max-width: 200px; width: 100%; }
.maxWidth250 { max-width: 250px; width: 100%; }
.maxWidth300 { max-width: 300px; width: 100%; }
.maxWidth350 { max-width: 350px; width: 100%; }
.maxWidth400 { max-width: 400px; width: 100%; }
.maxWidth450 { max-width: 450px; width: 100%; }
.maxWidth500 { max-width: 500px; width: 100%; }
.maxWidth550 { max-width: 550px; width: 100%; }
.maxWidth600 { max-width: 600px; width: 100%; }
.maxWidth650 { max-width: 650px; width: 100%; }
.maxWidth700 { max-width: 700px; width: 100%; }
.maxWidth750 { max-width: 750px; width: 100%; }
.maxWidth800 { max-width: 800px; width: 100%; }
.maxWidth850 { max-width: 850px; width: 100%; }
.maxWidth900 { max-width: 900px; width: 100%; }
.text9 { font-size: 9px;}
.text10 { font-size: 10px;}
.text12 { font-size: 12px; }
.text13 { font-size: 13px;}
.text14 { font-size: 14px;}
.text15 { font-size: 15px;}
.text16 { font-size: 16px;}
.text-xs { font-size: 80%; }
.text-sm { font-size: 90%; }
.text-md { font-size: 115%; }
.text-lg { font-size: 130%; }
.text-xl { font-size: 150%; }
.black {color: #000; }
.white {color: #FFF; }
.red { color: #F00; }
.grey { color: grey; }
.maroon { color: #800; }
.underlined { text-decoration: underline; }
.clear { clear: both; }
.notBold { font-weight: normal; }
.autoCenter { margin: 0px auto; }
.maxWidth { max-width: 1400px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.errMess { color: maroon; }
.whiteBack { background-color: white; }
.hidden { display: none; }
.uppercase { text-transform: uppercase; }
.relative { position: relative; }
.absolute { position: absolute; }
.nowrap { white-space: nowrap; }

@media(min-width: 768px) {
	.text-md-xs { font-size: 80%; }
	.text-md-sm { font-size: 90%; }
	.text-md-md { font-size: 115%; }
	.text-md-lg { font-size: 130%; }
	.text-md-xl { font-size: 150%; }
	.w-md-0 { width: 0px!important; }
	.w-md-50 { width: 50%!important; }
	.w-md-75 { width: 75%!important; }
	.w-md-100 { width: 100%!important; }
}
@media(min-width: 992px) {
	.w-lg-100 { width: 100%!important; }
}

input:not([type=submit]):not([type=button]):focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
select:focus,
textarea:focus {
	background-color: white!important;
	box-shadow: none;
	outline: none;
}
button:focus {
	outline: none;
}

.form-check-label,
.form-radio-label {
	cursor: pointer;
}
.form-control.invalid {
	border: 1px solid red;
}
.form-group {
	position: relative;
}
.form-checkbox.checked .fa-square:before,
.form-radio.checked .fa-square:before {
	content: "\f14a";
	font-weight: 600;
}
.validChckBox {
	color: green;
	display: none;
    bottom: 12px;
    right: 12px;
}
.form-control.valid+.validChckBox {
	display: block;
}
.separator {
	height: 2px;
}
.formValidationErrorMsg {
	color: red;
	font-size: 14px;
}

#devOutputContainer {
    background-color: white;
    bottom: 30px;
    font-size: 12px;
	max-width: 500px;
	max-height: 300px;
	overflow: auto;
	position: fixed;
	z-index: 1000;
}
#devOutputContainer.open {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
}
#devOutputContainer:not(.open) {
	opacity: 0.5;
}
#devOutputContainer:hover {
	opacity: 1;
}
#devOutputContainer .close {
	margin-right: -10px;
	position: sticky;
	top: 0px;
}
#devOutputContainer .fa-wrench {
	cursor: pointer;
}
#devOutputContainer:not(.open) .content,
#devOutputContainer.open .fa-wrench {
	display: none;
}
#devOutputContainer.open .content,
#devOutputContainer:not(.open) .fa-wrench {
	display: block;
}

header { z-index: 10; }
#mainContent { z-index: 7; }
footer { z-index: 5; }

/* system messages */
#gdprMsg .fa-times-circle,
#covidMsg .fa-times-circle {
	right: 0px;
}

#gdprMsg {
	background-color: black;
	bottom: 0;
	position: fixed;
	opacity: 0.8;
}

/* header */
header #logo {
	max-width: 200px;
	width: 100%;
}
.topNavigationMenu>* {
	display: inline-block;
	padding-right: 2%;
	white-space: nowrap;
}
.topNavigationMenu .current {
	color: var(--goldexchangegold);
}
.metalPricesContainer .metalCircle {
	border-radius: 50%;
	height: 16px;
	width: 16px;
	vertical-align: text-top;
}
.metalPricesContainer .metalCircle.gold {
	background-color: #F2DCB8;
}
.metalPricesContainer .metalCircle.silver {
	background-color: #DEDEDE;
}
.metalPricesContainer .metalCircle.platinum {
	background-color: #C8CCDC;
}
.metalPricesContainer .units {
	font-size: 70%;
}
.metalPricesContainer .way {
    font-size: 23px;
	display: inline-block;
    vertical-align: top;
}
.metalPricesContainer .way.up {
	color: green;
}
.metalPricesContainer .way.down {
	color: red;
}
@media(max-width: 992px) {
	header {
    	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
		position: sticky;
		top: 0;
		z-index: 99999;
	}
	#xsNavigation {
		top: 0;
		bottom: 0;
		left: -100%;
		right: 0;
		z-index: 100;
		position: fixed;
		-webkit-transition: all 0.3s; /* Safari 3.1 to 6.0 */
	    transition: all 0.3s!important;
	    z-index: 999999999; /* to be over sticky header and talkover widget */
	}
	#xsNavigation.open {
		left: 0;
	}
	#xsNavigation>*:first-child {
    	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
	}
	#xsNavigation .navLinks .current {
		color: var(--goldexchangegold);
	}
	#xsNavigation .navLinks .current:before {
		display: block;
		content: "\f111";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 8px;
		position: absolute;
		margin-top: 7px;
		margin-left: -15px;
	}
	#xsNavigation .languageSwitch {
		bottom: 0;
		position: fixed;
		transform: translate3d(0,0,0);
		position: -webkit-sticky;
	}
	#backToTopBtn {
		border-width: 3px!important;
		transform: translatey(-50%);
		top: 50%;
		right: 1rem;
	}
}
@media(min-width: 768px) {

	.languageSwitch {
		width: 85px;
	}
	.languageSwitch .languageSelection {
		display: none;
	    border-radius: 8px;
	    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
	    padding: 8px 16px;
	    text-align: left;
	    z-index: 25;
	    margin-left: -16px;
	    margin-top: -8px;
	    width: 117px;
	}
	.languageSwitch:hover .languageSelection {
		display: block;
	}
}
@media(min-width: 992px) {
	header #logo {
		max-width: 450px;
		width: 100%;
	}
}
@media(min-width: 1200px) {
	.metalPricesContainer {
		letter-spacing: 0.05em;
	}
}
@media(min-width: 1400px) {
	.topNavigationMenu>* {
		padding-right: 4%;
	}
	.topNavigationMenu .btn {
		padding-left: 25px;
		padding-right: 25px;
	}
}
/* header */

/* footer */
.bottomNavigationMenu .current {
	color: var(--goldexchangegold);
}
@media(max-width: 767px) {
	.bottomNavigationMenu {
		border-bottom: 1px solid gray;
	}
	.bottomNavigationMenu>* {
		border-top: 1px solid gray;
	}
}
/* footer */

#mainContent {
	border-bottom: 2px solid black;
}
@media(min-width: 768px) {
	#mainContent {
		border-top: 2px solid black;
	}
}
h1 {
	font-weight: 300;
}
.topPageBannerMD {
	font-weight: 300;
	font-size: 200%;
}
.topPageBannerMD .title {
	line-height: 130%;
}
body .topPageBannerMD .subtitle {
	font-size: 17px;
}
.topPageBannerXS {
	overflow: hidden;
}
.topPageBannerXS .card-img {
    bottom: 0;
    width: 100%;
    z-index: 1;	
}
.topPageBannerXS h1 {
	font-size: 24px;
}
.topPageBannerXS>div {
	font-size: 20px;
	font-weight: 400;
	z-index: 2;
}
@media(min-width: 992px) {
/*	.topPageBannerMD {
		font-size: 250%;
	}
	body.En .topPageBannerMD .subtitle {
		font-size: 22px;
	}*/
}

/* per-page settings */
/* FAQ */

#faqAccordion>.card:first-child .card-header  {
	border-radius: 0;
}
#faqAccordion .card-header {
	cursor: pointer;
}
#faqAccordion .card-header:not(.collapsed) {
	background-color: black;
	color: white;
}
#faqAccordion .card-header:not(.collapsed) .fa:before {
	content: "\f077";
}
#faqAccordion .card-body a {
	text-decoration: underline;
}
body.infoPagefaq h1 {
	background-color: rgba(0,0,0,.03);
}
.titleJumbo {
	font-size: 150%;
}
@media(min-width: 768px) {
	.titleJumbo {
		font-size: 300%;
		font-weight: 100;
	}
	#faqAccordion>.card:first-child .card-header  {
		border-radius: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;
	}
}
/* FAQ */
/* What to sell */
@media(min-width: 768px) {
	body.infoPagewhat-to-sell .topPageBannerMD {
		font-size: 170%!important;
	}
	body.infoPagewhat-to-sell.Fr .topPageBannerMD {
		font-size: 160%!important;
	}
}
@media(min-width: 992px) {
	body.infoPagewhat-to-sell .topPageBannerMD,
	body.infoPagewhat-to-sell.Fr .topPageBannerMD {
		font-size: 200%!important;
	}
}
/*@media(min-width: 1200px) {
	body.infoPagewhat-to-sell .topPageBannerMD,
	body.infoPagewhat-to-sell.Fr .topPageBannerMD {
		font-size: 250%!important;
	}
}*/

.boxesContainer {
	overflow-x: auto;
}
.boxesContainer::-webkit-scrollbar-track { background-color: #FFF; }
.boxesContainer::-webkit-scrollbar { height: 7px; background-color: #FFF; }
.boxesContainer::-webkit-scrollbar-thumb { border-radius: 2px; background-color: var(--goldexchangegold); }
.boxesContainer .box {
	background-color: var(--goldexchangelightgray);
	min-width: 200px;
}
.boxesContainer .separator {
	height: 2px;
	font-size: 1px;
}
.boxesContainer .list {
	font-weight: 100;
	line-height: 140%;
}
.boxesContainer .list p {
	margin-bottom: 0.5rem;
}
.boxesContainer .boxes>*:first-child {
	margin-left: 0px!important;
}
.boxesContainer .boxes>*:last-child {
	margin-right: 0px!important;
}
.addInfoContainer .titleJumbo {
	font-size: 250%;
}

/* What to sell */
/* root */
@media(min-width: 768px) and (max-width: 992px) {
	body.root .topPageBannerMD .w-md-50 {
		width: 75%!important;
	}
}
/* root */
/* contact us */
.contactsContainer {
	line-height: 200%;
}
.contactsContainer .header {
	font-size: 22px;
}
@media(min-width: 768px) {
	.contactsContainer .header {
		font-size: 36px;
	}
	.contactsContainer {
		line-height: 250%;
	}
}
/* contact us */

/* events */
.bookAppointmentContainer div>span,
.bookAppointmentContainer div>a {
	font-weight: var(--weight-regular);
}
.eventsList .card {
	position: relative;
}
.eventsList .badge-ongoing {
	position: absolute;
	right: -10px;
	top: 10px;
}
.eventsList .storeNum {
	height: 42px;
}
#eventsFilterContainer .clearAllLnk {
	cursor: pointer;
	display: none;
}
#eventsFilterContainer select option {
	padding-bottom: 7px;
	padding-top: 7px; 
}
#eventsFilterContainer select label {
	border-top: 1px solid var(--goldexchangemiddlegray);
	color: var(--goldexchangemiddlegray);
}
#eventsFilterContainer .select2 * {
	height: 36px!important;
	line-height: 36px!important;
}
.select2-results {
	font-size: 14px;
}
.select2-results__option {
	padding: 10px 20px!important;
}
.select2-results__option.select2-results__option--group {
	padding: 0px!important;
}
.select2-results__option--group {
	border-top: 1px solid var(--goldexchangemiddlegray)!important;
}
.select2-results__group {
	color: var(--goldexchangemiddlegray)!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--goldexchangemiddlegray)!important;
	color: black!important;
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 300px!important;
}
/* events */

/* end  per-page settings */

#mute{
	cursor: pointer;
	font-size: 250%;
	position: absolute;
	top: 3%;
	right: 3%;
}