@charset "utf-8";
/* CSS Document 
 * mobile menu width: 900px 
 */
 
:root {
  --header-height: 120px;
}
#homepage {
  --header-height: 85px;
}

/* test site */
#tsBar { z-index:5; background:#FFF; padding:3px 0; text-align:left; color:#000; }

/* header */
#header {
	background:#000;
	z-index:4;
	height:var(--header-height);
}
#header.header-alt {}
header {
	margin:0;
	padding:0;
	width:100%;
	z-index:4;
}
header .container { max-width:none; }
header.fixed { 
	position:fixed;
	top:0;
	border-width:0;
	background:#000;
	box-shadow:0 1px 7px #000;
	z-index:100;
}

/* header - using css flex */
.hd-nav { display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:var(--header-height); font-size:15px; }
#homepage .hd-nav { font-size:16px; }
header.fixed .hd-nav { font-size:13px !important; height:auto; }

.hd-nav-lt { flex-grow:0; width:200px; }
.hd-nav-rt { width:75%; max-width:1050px; padding:4px 1em 2px 0; }

@media only screen and (min-width: 901px) {
	#homepage .hd-nav-lt { display:none; }
    #homepage .hd-nav-rt { width:100%; max-width:1300px; padding:4px 0 2px; margin:0 auto; }
	
	header .header-border:first-child { display:none; }

}

header.fixed .hd-nav-lt { display:block !important; width:160px; padding-top:2px; }
header.fixed .hd-nav-rt { width:80%; max-width:850px !important; padding:4px 1em 2px 0 !important; margin:0 !important; }
/*
.logged-in-user .hd-nav-lt { width:20%; }
.logged-in-user .hd-nav-rt { width:80%; }
*/
.nav-logo { display:block; text-align:center; }

.logo,
a.logo  					{ display:block; margin:0 auto; }
a.logo  					{ text-decoration:none; }
.logo img 					{ width:100%; display:block; }
.logo-icon 					{ display:none; }
header.fixed .logo 			{ display:none; }
header.fixed .logo-icon 	{ display:block; padding-top:1px; }
header.fixed .logo-icon img { max-width:120px; }

.hd-nav { }

/* main nav - using css flex */
.hd-nav ul {
	display:flex; flex-direction:row; justify-content:center; align-items:center; gap:1em;
	list-style:none; padding:0; margin:0; line-height:100%;
}
.hd-nav-lt ul { justify-content:left; }
.hd-nav-rt ul { justify-content:space-between; }
#homepage .hd-nav-rt ul { justify-content:space-evenly; }
header.fixed .hd-nav-rt ul { justify-content:space-between !important;  }

.hd-nav ul > li { padding:0; margin:0; text-align:center; }

.hd-nav ul > li.gap 				{ width:1em; }
.hd-nav ul > li > a 				{}
.hd-nav ul > li.nav-txt 			{}
.hd-nav ul > li.nav-link a 			{ display:inline-block; text-decoration:none; text-transform:none; margin:0 auto; font-weight:320; color:#ECECFB; }
.hd-nav ul > li.nav-btn a 			{}
.hd-nav ul > li.nav-btn-alt > a 	{}
.hd-nav ul > li.nav-btn.selected a 	{}
.hd-nav ul > li.nav-btn > a:hover 	{ transition:linear 0.2s; }

#mainNav.hd-nav { padding:2px 0 1px; }
header.fixed #mainNav.hd-nav { padding:1px 0; }


#mainNav.hd-nav ul > li.nav-logo		{ width:35%; }
.logged-in-user #mainNav.hd-nav ul > li.nav-logo { width:100%; }

#mainNav.hd-nav ul > li.nav-logo > a			{ padding:0 1em 0 0; }
#mainNav.hd-nav ul > li.nav-txt,
#mainNav.hd-nav ul > li.nav-link a 				{ color:#ECECFB; background:none; font-weight:320; letter-spacing:1px; }
#mainNav.hd-nav ul > li.nav-btn a 				{ padding:0.5em 1.2em; border-radius:30px; font-weight:500; letter-spacing:1px; }
#mainNav.hd-nav ul > li.nav-link.selected > a 	{ color:#E8CE7D !important; }

#mainNav.hd-nav ul > li.nav-link > a:hover { background:none !important; color:#FFFFBF !important; }

#mainNav.hd-nav ul > li.nav-btn-lang > a {}
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag { display:inline-block; width:2em; height:1em; margin-right:0.3em; }
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag img { display:block; position:absolute; left:0; top:-0.5em; height:2em; border-radius:50%; }
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag-en {}

#mainNav.hd-nav ul > li.nav-btn-globe {}
#mainNav.hd-nav ul > li.nav-btn-globe img { display:block; width:2.5em; margin-top:1px; border-radius:50%; }

#topNav.hd-nav ul > li.gap 					{ width:0.2em; }
#topNav.hd-nav ul > li > a 					{}
#topNav.hd-nav ul > li.nav-btn a 			{ padding:0.2em 1em; /*color:#FFF; font-weight:500;*/ }
#topNav.hd-nav ul > li.nav-btn-alt > a 		{ }
#topNav.hd-nav ul > li.nav-btn.selected a 	{}
#topNav.hd-nav ul > li.nav-btn > a:hover 	{ background:#00ADB7; }

.hd-nav ul > li.social a { width:2em; height:2em; margin-left:0.2em; padding:0; }

@media only screen and (min-width: 901px) {
	#homepage .header-border {
		background:url(../images/icon/hr-gold-01.png) no-repeat center;
		background-size:110% 98%;
		height:1px;
		padding-top:2%;
		margin:-1% auto 0;
		border:none;
	}
}
.header-border {
	height:0;
	border-bottom: 1px solid;
	border-image: linear-gradient(110deg, #50462D 0%, #736748 23%, #B5A57B 66%, #50462D 100%) 1;
}
header.fixed .header-border { 
	background:none !important; height:0 !important; opacity:0.8; padding:0 !important; margin:0 !important;
	border-bottom:1px solid !important; border-image: linear-gradient(110deg, #50462D 0%, #736748 23%, #B5A57B 66%, #50462D 100%) 1 !important;
}

/* mobile header */
#mobileHd 				{ display:none; }
#mobileHd 				{ padding:1em 0; }
#mobileHd .container 	{}
#mobileHd .hd-nav		{ height:auto; }
#mobileHd .hd-nav-lt 	{ text-align:left; }
#mobileHd .hd-nav-rt 	{ text-align:right; }

#menuBtn 				{ display:inline-block; width:55px; border-radius:6px; padding:10px 7px; cursor:pointer; }
#menuBtn .bar 			{ background:#000; border-radius:2px; height:4px; margin:5px; }

header.fixed #menuBtn 	{ padding:5px 0px; }
header.fixed #menuBtn .bar { font-size:24px; }

a#menuBtn { display:none; }

/* top section nav */
#topNav.hd-nav {}
#topNav.hd-nav ul { margin:0; }

/* member logged in header */

main,
#main {
	min-height:450px;
	line-height:150%;
	text-align:center;
	padding-bottom:6em;
	z-index:3;
}
#main .noJs { color:#FFF; }
#main .noJs a.btn {
	background:#FFF;
	border-color:#FFF;
	color:#333;
}

/* intro */
#Intro 					{}
#main .txt-col			{ max-width: 800px; margin: 0 auto; line-height: 1.5; }
#Intro .txt-col			{ line-height: 1.7; }

#main .txt-col p strong	{ font-weight:450; color:#DBDBEA; }
#main .txt-col p b		{ font-weight:500; color:#DBDBEA; }


/* footer */
footer {
	position:relative;
	width:100%;
	z-index:2;
}
footer .txt-info { color:#FFF !important; opacity: 0.8; width:75%; max-width:750px; }

#ftTop {
	height:14px;
	z-index:4;
}
#ftTop .gold-divider {
	position:absolute;
	width:100%;
	height:28px;
	margin:0;
	background-size:120% 98%;
}

#ftMid { 
	padding-top:5px;
	font-size:0.8em;
	color:#FFF;
	text-align:left;
	line-height:120%;
	background:#20202F;
	background: linear-gradient(#20202F, #424251);
	z-index:1;
}
#ftMid .container > .ft-cols 			 { display:flex; flex-direction:row; align-items:stretch; gap:4%; }
#ftMid .container > .ft-cols > .ft-left  { width:75%; padding-top:4em; }
#ftMid .container > .ft-cols > .ft-right { width:21%; text-align:center; padding:0; }

#ftMid .container > .ft-row   	{ width:100%; }

.ft-row 			{ padding:1em 0 }
.ft-left-cols		{ display:flex; flex-direction:row; align-items:stretch; gap:5rem; }
.ft-col 			{ padding:1px 0 1em; vertical-align:top;
					  font-weight:400; color:#FFF; }
.ft-col-1,
.ft-col-2,
.ft-col-3 			{}

.ft-col-12,
.ft-col-23 			{ width:66.66%; }

.ft-hd 		{ font-size:1.8em !important; font-weight:500 !important; color:#FFF !important; margin:0 0 0.2em; }
.ft-link,
.ft-link a  { color: #FFF; text-decoration:none; }

#ftLogo 							{ padding:2em 0 0; }
#ftLogo a							{ display:block; padding:0; text-align:center; text-decoration:none; }
#ftLogo a img 						{ display:block; width:100%; margin:0 auto; max-width:300px; }

ul.ft-list 							{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap;
									  padding:0; margin:0; list-style:none; }
ul.ft-list li 						{ width:100%; padding:1px 0; margin:1em 0 0; line-height:140%; }
ul.ft-list li.icon					{ padding-left:2em ; }
ul.ft-list li.icon:before 			{ content:" "; position:absolute; top:2px; left:0; width:1.3em; height:1.3em;
							  		  background:url(../images/icon/wht-arrow.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-pin:before 		{ background:url(../images/icon/wht-pin.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-call:before 		{ background:url(../images/icon/wht-call.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-email:before 	{ background:url(../images/icon/wht-email.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-linkedin:before 	{ background:url(../images/icon/wht-linkedin.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-directions:before{ background:url(../images/icon/wht-directions.png) center no-repeat; background-size:contain; }

ul.ft-list li.icon-linkedin:before 	{ background:url(../images/icon/linked-in.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-instagram:before { background:url(../images/icon/instagram.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-facebook:before 	{ background:url(../images/icon/facebook.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-twitter:before 	{ background:url(../images/icon/twitter.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-tiktok:before 	{ background:url(../images/icon/tik-tok.svg) center no-repeat; background-size:contain; }

ul.ft-list li,
ul.ft-list li a 					{ color:#EEE; font-weight:350; text-decoration:none; }
ul.ft-list b 						{ font-size:1.3em; }
.ft-link a:hover,
ul.ft-list li a:hover 				{ color:#FFEFBF; font-weight:400; text-decoration:underline; transition:0.2s; }

/* copyright */
#ftBtm {
	width:100%;
	background:#222220;
	padding:1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	z-index:3;
}
#ftBtm a { color:#FFF; text-decoration:none; }
#ftBtm a:hover { color:#FFEFBF; text-decoration:underline; }
#copyright { float:left; }
#prodmedia { float:right; }

#legal {
	background:#232730;
	padding:1em 0;
	text-align:left;
	line-height:100%;
	font-size:0.85em;
	color:#FFF;
	font-weight:300;
}
/*#legal nav { float:right; font-size:15px; padding-top:12px; }
#legal nav a { font-size:12px; margin:0 13px; color:#979fa1; text-decoration:none; }
#legal nav a:hover { color:#FFF; text-decoration:underline; }*/
#legal copy {}

/* Flags Popup Overlay 
#selectFlagPop {}
#selectFlagPop .pop-up-overlay-content {
    text-align:center;
    padding:1em 2em 2em;
}
ul#selectFlag {
	display:flex; flex-wrap:wrap; gap:1.5em; justify-content:center;
	list-style:none; padding:1em 0 !important; margin:0.2em auto; max-width:400px;
}
ul#selectFlag li { 
	max-width:100px;
	width:calc(33% - 1.5em);
	padding:0;
	margin:0;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag {
	display:block;
	max-width:112px;
	margin:0 1.5%;
	border-radius: 50%;
	overflow:hidden;
	box-shadow:0 2px 4px #000;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag img { display:block; width:100%; border: 14px solid #FFF; border-radius:50%; }
#selectFlagPop .pop-up-overlay-content a.btn-flag:hover img { border-width:6px; }
*/

@media only screen and (max-width: 1450px) {
}
@media only screen and (min-width: 901px) and (max-width: 1350px) {
	/* header */
	:root {
	  --header-height: 110px;
	}
	#homepage {
	  --header-height: 80px;
	}

	/* nav */
	.hd-nav-lt { width:190px; }
	header.fixed .hd-nav-rt {max-width:750px !important; }
	
	.hd-nav { /*font-size:15px;*/ }
	#homepage .hd-nav { /*font-size:16px;*/ }
	header.fixed .hd-nav { /*font-size:13px !important;*/ }
	
	
	/* intro */
	#main .txt-col			{ max-width:760px; }
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/* header */
	:root {
	  --header-height: 100px;
	}
	#homepage {
	  --header-height: 75px;
	}

	/* nav */
	.hd-nav-lt { width:180px; }
	.hd-nav { font-size:14px; }
	#homepage .hd-nav { font-size:15px; }
	header.fixed .hd-nav { /*font-size:13px !important;*/ }

}
@media only screen and (max-width: 1200px) {
	/* intro */
	#Intro .txt-col			{ max-width:710px; }
	
	/* footer */
}
@media only screen and (max-width: 1150px) {
	/* header */
	
	.ft-left-cols		 	{ gap:4rem; }
}
@media only screen and (min-width: 901px) and (max-width: 1100px) {
	/* header */
	:root {
	  --header-height: 95px;
	}
	#homepage {
	  --header-height: 70px;
	}

	/* nav */
	.hd-nav-lt { width:165px; }
	.hd-nav-rt { width: 77%; padding-right:0; }
	
	.hd-nav { font-size:13px; }
	#homepage .hd-nav { font-size:14px; }
	header.fixed .hd-nav { font-size:12px !important; }
}
@media only screen and (max-width: 1100px) {
	
	/* intro */
	#Intro .txt-col 	{ max-width:660px; }
	
	/* footer */
	.ft-hd 				{ font-size:1.6em !important; }
	#ftBtm 				{ font-size:11px; }
}
@media only screen and (max-width: 1020px) {
	/* footer */
	#ftMid .container > .ft-cols 				{ flex-direction:column; align-items:center; gap:0; }
	#ftMid .container > .ft-cols > .ft-left		{ width:100% !important; order:2; padding-top:2rem; }
	#ftMid .container > .ft-cols > .ft-right	{ width:100% !important; order:1; }
	.ft-left-cols 								{ justify-content:space-evenly; gap:1em; }
	footer .txt-info							{ text-align:center; margin:1em auto; }
	#ftLogo a img 								{ width: 40%; }
}
@media only screen and (max-width: 1000px) {
	
	/* header */
	
	/* nav */
	.hd-nav-lt { width:150px; }
	
	.hd-nav { font-size:12px; }
	#homepage .hd-nav { font-size:13px; }
	header.fixed .hd-nav { font-size:11px !important; }
	
	/* footer 
	footer 		{ font-size:1em; }
	
	footer > .container > .ft-cols 				{ display:block; }
	footer > .container > .ft-cols > .ft-col 	{ width:100% !important; }
	
	#ftAbout			{ padding-bottom:0.5em; }
	#ftLinks			{ padding-top:1px; }
	#ftLinks p.btn-row	{ margin:0 !important; }
	
	#ftBtm { text-align:center; }
	#ftBtm > .container > * { display:block; padding: 10px; float:none; }*/
	*/
	
	/* footer */
	footer 					{ font-size:calc(1em - 1px); }
	.ft-left,
	.ft-right				{ width:auto !important; }
	#ftAccreditations   	{ border-radius:1em; position:relative;
							  height:auto; padding:4% 0; margin-top:1em; }
	.ft-hd 					{ font-size:2em !important; }
	.ft-left .ft-row 		{ max-width: 1000px; }
}
/* mobile menu */
@media only screen and (max-width: 900px) {

	/* header */
	#header   		{ display:none; transition:linear 0.5s; height:auto; }
	#header.open   	{ display:block; }
	
	/* mobile header */
	#mobileHd 			{ display:block; }
	#mobileHd a#menuBtn { display:inline-block; }
	#mobileHd .logo 	{ max-width:200px; margin-left:0; }
	#homepage #mobileHd .logo { display:none; }
	
	/* nav */
	.hd-nav 		{ font-size:14px; }
	.hd-nav-lt 		{ width:auto !important; }
	.hd-nav-rt 		{ width:auto !important; }
	
	#mainNav.hd-nav { height:auto; padding:2em 0; }
	#mainNav.hd-nav ul > li.nav-logo { display:none; }
	
	/* mobile nav */
	header 									{ height:auto; background:#292527; }
	header .hd-nav-lt 						{ display:none; }
	header .hd-nav-rt	 					{ width:100% !important; }
	header .hd-nav-rt ul 					{}
	
	/* top section */
	#topSection 						{ margin-top:0; background:none; }
	
	/* intro */
	#Intro .txt-col		{ max-width:600px; }
	
}
@media only screen and (min-width: 769px)  and (max-width: 900px) {
	#legal 			{  height:40px; }
	#legal nav 		{ font-size:11px; padding-top:12px; }
	#legal nav a 	{ font-size:11px; margin:0 5px; }
	#legal copy 	{ padding-top:12px; font-size:11px;}
}
@media only screen and (max-width: 800px) {
	/* nav */
	.logged-in-user header .hd-nav-rt ul { flex-wrap:wrap; gap:0.6em 1.8em; }
}
@media only screen and (max-width: 768px) {
	
	/* intro */
	#Intro .txt-col			{ max-width:550px; }
	
	header .hd-nav ul		{ gap:2em 2.5em; flex-wrap: wrap; justify-content: center; }
	header .hd-nav ul > li	{}
	
	/* footer
	footer 					{ font-size:calc(1em - 2px); }
	#ftBtm 					{ font-size:10px; }
	*/
	.ft-hd 					{ font-size: 1.7em !important; }
	.ft-left				{ width:auto !important; margin-left:0; }
	.ft-cols 				{ gap: 4em; }
}
@media only screen and (max-width: 700px) {
	.ft-left-cols 			{ flex-wrap:wrap; gap:10%; max-width: 430px; margin: 0 auto; }
	.ft-col 				{ width:45%; margin-bottom: 2em; }
	.ft-hd 					{ font-size:1.7em !important; }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	/* nav */
	.hd-nav 								{ font-size:12px; }
}
@media only screen and (max-width: 600px) {
	
	#mainNav.hd-nav { padding:1.8em 0; }
	
	header .hd-nav-rt ul	{ gap:1.6em 2em; }
	
	#menuBtn {
		width: 50px;
		border-radius: 5px;
		padding: 8px 5px;
	}
	#menuBtn .bar {
		height: 4px;
		margin: 5px;
	}

	/* footer */
	footer 						{ font-size:calc(1em - 1px); }
	.ft-hd 						{ font-size:1.6em !important; }
	#ftMid .container 			{ flex-wrap:wrap; }
	#ftMid .container .ft-left 	{ order:2; margin-left:0; }
	#ftMid .container .ft-right { order:1; }
	/*#ftMid .container .ft-right { width:100%; order:1; display:flex; justify-content:center; max-width:none; }
	#ftMid .container .ft-right > * { width:50%; }*/
	
	#ftBtm { padding-bottom:60px; }
}
@media only screen and (max-width: 550px) {
}
@media only screen and (max-width: 500px) {
	
	#mainNav.hd-nav { padding:1.6em 0; }
	
	#mobileHd .logo { max-width: 190px; }
  
	/* nav 
	.hd-nav 								{ font-size:14px; }
	
	header .hd-nav-rt ul					{ display:block; }
	#mainNav.hd-nav ul > li					{ padding:2px 0; }
	#mainNav.hd-nav ul > li.nav-txt, 
	#mainNav.hd-nav ul > li.nav-btn a		{ padding:6px 1px; border-top:0; }
	#mainNav.hd-nav ul > li.gap 			{ width:1.8em; }
	#mainNav.hd-nav ul > li.nav-btn-blu > a { padding-left:18px; padding-right:18px; border-radius:23px; border-bottom:0; margin:15px auto; }
	*/
	/* footer
	header .hd-nav-rt						{ max-width:300px; margin:0 auto; }
	header .hd-nav-rt ul 					{ gap:0 1.8em; }
	header .hd-nav-rt ul .nav-contact 		{ padding-top:1em; }
	*/
	
	/* footer */
	.ft-hd 										{ font-size:1.6em !important; padding-top:1em; }
}
@media only screen and (max-width: 450px) {
	
	#mobileHd .logo { max-width: 170px; }
	
	#menuBtn {
		width: 42px;
		border-radius: 4px;
		padding: 6px 4px;
	}
	#menuBtn .bar {
		height: 3px;
		margin: 4px;
	}
	
	/* nav 
	.hd-nav .hd-nav-rt 									{ font-size:13px; }
	header .hd-nav-rt									{ max-width:250px; margin:0 auto; }
	#mainNav.hd-nav .hd-nav-rt ul > li.gap 				{ width:1.6em; }
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-txt,
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-btn a 		{ padding:7px 1px; }
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-btn-blu > a { padding-left:16px; padding-right:16px; border-radius:21px; }
	*/
}
@media only screen and (max-width: 400px) {
	
	#mobileHd .logo { max-width: 160px; }
	
	/* footer */
	#clouds 											{ padding-bottom:15%;  }
	#ftAbout .ftLogo 									{ height:45px; }
}
@media only screen and (max-width: 360px) {
	/* nav 
	.hd-nav .hd-nav-rt 									{ font-size:12px; }
	#mainNav.hd-nav .hd-nav-rt ul 						{ gap:0.4em 1.4em }
	#mainNav.hd-nav .hd-nav-rt ul > li.gap 				{ width:1.4em; }
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-txt,
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-btn a 		{ padding:6px 1px; }
	#mainNav.hd-nav .hd-nav-rt ul > li.nav-btn-blu > a 	{ padding-left:14px; padding-right:14px; border-radius:20px; }
	*/
	/* footer */
	#ftAbout .ftLogo 									{ height:40px; }
}