@charset "utf-8";
/* CSS Document 
 * mobile menu width: 900px 
 */

/* top bar
 * top Section
 * flag btn 
 */
#topBar,
#topSection {
    background: #09234A;
    padding: 0;
    color: #FFF;
}
#topBar 	{ z-index:5; min-height:8px; text-align:right; }
#topSection { z-index:3; min-height:2px; }

#topSection .intro-panel { background: #09234A; }

#topLeft,
#topRight {
	height:24px;
    padding-right: 15px;
    padding-left: 15px;
}
#topLeft	{ /*display:none;*/ float:left; }
/*
#topLeft ul {margin:0; padding:0}
#topLeft ul li { list-style:none; display:inline-block; padding:2px 10px 0;}
#topLeft ul li a {
	display:block; 
	padding:5px 10px 5px 2px;
	border:0;
	border-radius:5px;
	color:#FFF;
	font-size:0.9em;
	text-decoration:none;
}
#topLeft ul li a:hover{color:#FFF; background:#B20000;}
#topLeft ul li a span { display:block; float:left; margin:-1px 5px -1px 0; background-size:contain; width:26px; height:23px; }
.iconTwitter { background:url(../images/icon_twitter.png) no-repeat center; }
.iconFacebook { background:url(../images/icon_facebook.png) no-repeat center; }
*/
/*
#topRight ul{ float:right; margin:0; padding:0 10px; line-height:100%; background:#B7C4D0; }
#topRight ul li,
#topRight ul li.selected { display:block; float:left; margin:0; height:24px; overflow:hidden; }
#topRight ul li.selected { background:#FFF; }
#topRight ul li a { display:block; width:39px; height:24px; padding:4px 6px; text-decoration:none; }
#topRight ul li img { }
*/
#loggedInAs,
#topAccBalance,
#topUsrCashback { display:inline-block; font-size:13px; padding:4px 1.5em; }
#topUsrCashback,
#topAccBalance { background:#B7C4D0; color:#222; }

/* header */
header {
	margin:0;
	padding:0;
	width:100%;
	height:126px;
	background:#FFF;
	z-index:4;
}

header.fixed { 
	position:fixed;
	top:0;
	height:74px;
	padding:0;
	border-width:0;
	box-shadow:0 1px 4px #000;
	z-index:100;
}

/* header - using css flex */
.hd-nav { display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:100%; }
.hd-nav-lt { flex-grow:1; }
.hd-nav-rt { flex-grow:1; }
header.fixed .hd-nav-lt {}
header.fixed .hd-nav-rt {}

.logo,
a.logo  {
	display:inline-block;
	text-decoration:none;
	vertical-align: middle;
}
.logo img {
	width:100%;
	max-width: 290px;
    display: block;
}
header.fixed .logo {}
header.fixed .logo img { max-width: 160px; }

.hd-nav { font-size:15px; }
header.fixed .hd-nav { /*font-size:13px;*/ }

/* main nav - using css flex */
.hd-nav ul {
	display:flex; flex-direction:row; justify-content:center; align-items:center; gap:2em;
	list-style:none; padding:0; line-height:100%;
}
.hd-nav-lt ul { justify-content:left; }
.hd-nav-rt ul { justify-content:right; }

/*.logged-in-agent header .hd-nav ul { max-width:740px; }*/

.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-btn a 			{ display:inline-block; text-decoration:none; text-transform:none; margin:0 auto; font-weight:500; color:#FFF; }
.hd-nav ul > li.nav-btn-alt > a 	{ background:#00ADB7; color:#000; }
.hd-nav ul > li.nav-btn.selected a 	{}
.hd-nav ul > li.nav-btn > a:hover 	{ transition:linear 0.2s; }

#mainNav.hd-nav ul > li.nav-logo		{ width:40%; }
#mainNav.hd-nav ul > li.nav-logo > a	{ padding:0 2em 0 0; }
#mainNav.hd-nav ul > li.gap 			{ width:2em; }
#mainNav.hd-nav ul > li > a 			{}
#mainNav.hd-nav ul > li.nav-txt,
#mainNav.hd-nav ul > li.nav-btn a 		{ margin-top:2px; padding:10px 1px; color:#002224; }
#mainNav.hd-nav ul > li.nav-btn a 		{ background:none; border-top:2px solid #FFF; border-bottom:2px solid #FFF; font-weight:500; }
#mainNav.hd-nav ul > li.nav-btn-rwd > a { background:#369436; padding-left:22px; padding-right:22px; border-radius:28px; color:#FFF; }
#mainNav.hd-nav ul > li.nav-btn-gld > a { /*background:#DCAB09;*/ }
#mainNav.hd-nav ul > li.selected > a 	{ color:#000 !important; border-bottom:2px solid #369436; }

#mainNav.hd-nav ul > li.nav-btn > a:hover { background:none !important; color:#0B9FCA !important; border-bottom:2px dotted #0B9FCA; }
#mainNav.hd-nav ul > li.nav-btn-rwd > a:hover { background:#0B9FCA !important; color:#FFF !important; border:none; transition:linear 0.2s; }

#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; }
/*
.hd-nav ul > li.social > a.facebook { background:#3B5998 url(../images/icon_facebook_wht.png) no-repeat center; background-size:contain; }
.hd-nav ul > li.social > a.instagram { background:#EA2C59 url(../images/icon_instagram_wht.png) no-repeat center; background-size:contain; }
.hd-nav ul > li.social > a.pintrest { background:#CB2027 url(../images/icon_pintrest_wht.png) no-repeat center; background-size:contain; }
*/

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

#menuBtn 				{ display:inline-block; width:55px; background:none; border:none; border-radius:4px; padding:10px 7px; cursor:pointer; }
#menuBtn .bar 			{ background:#002224; border-radius:2px; height:4px; margin:5px; }
#menuBtn:hover 			{ background: #008C00; transition:linear 0.2s; }
#menuBtn:hover .bar		{ background: #FFF; }

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:500px;
	line-height:150%;
	padding-bottom:4em;
}
#main .first-section {
	padding-top:2.5em !important;
}
#main .noJs { color:#FFF; }
#main .noJs a.btn {
	background:#FFF;
	border-color:#FFF;
	color:#333;
}


footer 					{ background:#274461; color:#FFF; z-index:3; font-size:calc(1em - 2px); font-weight:300; line-height:170%; }
footer > .container 	{}

.ft-row 				{ padding:1px 0}
.ft-cols 				{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.ft-col 				{ padding:1px 0 1em; vertical-align:top; }
.ft-col-1,
.ft-col-2,
.ft-col-3,
.ft-col-4 {}

.ft-col h3 				{ font-size:1.7em; font-weight:400; color:#FFF; }
.ft-row p 				{ line-height:150%; padding:5px 0; margin:0; }

/* footer links */
footer a 				{ color:#FFF; text-decoration:none; }
footer a:hover 			{ color:#000; text-decoration:underline; transition:0.2s; }

/* footer List */
ul.ft-list 				{}
ul.ft-list li	 		{}

/* footer first level cols */
footer > .container > .ft-cols { gap:8%; padding-top:1em; }

/* footer about us */
#ftLinks 				{ width:46%; padding-top:0.6em; }
#ftLinks p.btn-row		{ margin-bottom:0 !important; }
#ftLinks p.btn-row a.btn{ border: 1px solid #FFF; }
#ftLinks .ft-cols		{ flex-wrap:none; justify-content:left; column-gap:4em; }
#ftLinks ul.ft-list 	{ margin:1em 0; padding:0; list-style:none;}
#ftLinks ul.ft-list li 	{ margin:0; padding:0 0 0.3em 0; }

/* footer about us */
#ftAbout 				{ max-width:530px;  width:46%; }
#ftAbout p 				{}

/* footer logos */
#ftLogos 				{ justify-content:left; gap:15%; padding:1em 0 0.5em; }
.ftLogo  				{ height:60px; }
.ftLogo img 			{ display:block; height:100%; margin:0; }

#ftLogoCab 				{}
#ftLogoCab img 			{ /*max-width:140px;*/ }

#ftLogoIco 				{}
#ftLogoIco img 			{ /*width:35%; max-width:140px;*/ }

#legal {
	background:#02233E;
	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;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag {
	display:inline-block;
	max-width:150px;
	width:15%;
	padding:2%;
	margin:0 1.5%;
	/*border:5px solid #FFF;*/
	border-radius: 50%;
	overflow:hidden;
	box-shadow:0 2px 4px #000;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag img { display:block; width:100%; }
#selectFlagPop .pop-up-overlay-content a.btn-flag:hover { padding:1%; }

@media only screen and (max-width: 1500px) {
	/* header */
	header 	{ height:120px; }
	header.fixed { height:70px; }
	
	/* nav */
	.hd-nav { font-size:14px; }
	
	#mainNav.hd-nav ul > li.gap 			{ width:2em; }
	#mainNav.hd-nav ul > li.nav-txt,
	#mainNav.hd-nav ul > li.nav-btn a 		{ padding:8px 1px; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:20px; padding-right:20px; border-radius:25px; }
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/* header */
	header 	{ height:114px; }
	header.fixed { height:68px; }
	
	/* nav */
	.hd-nav { font-size:13px; }
	
	#mainNav.hd-nav ul > li.gap 			{ width:1.8em; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:18px; padding-right:18px; border-radius:23px; }
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1150px) {
}
@media only screen and (min-width: 901px) and (max-width: 1100px) {
	/* header */
	header 	{ height:108px; }
	header.fixed { height:66px; }
	
	/* nav */
	.hd-nav { font-size:12px; }
	
	#mainNav.hd-nav ul > li.gap 			{ width:1.6em; }
	#mainNav.hd-nav ul > li.nav-txt,
	#mainNav.hd-nav ul > li.nav-btn a 		{ padding:7px 1px; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:16px; padding-right:16px; border-radius:21px; }
	
}
@media only screen and (max-width: 1100px) {
	/* footer 
	footer 					{ font-size:calc(1em - 1px); }
	*/
	/*
	.ft-row 				{ padding:1px 0}
	.ft-cols 				{ display:flex; flex-wrap:wrap; justify-content:space-between; }
	.ft-col 				{ padding:1px 1em 1em 0; vertical-align:top; }
	.ft-col-1,
	.ft-col-2,
	.ft-col-3,
	.ft-col-4 {}
	
	.ft-col h3 				{ font-size:1.7em; font-weight:400; color:#FFF; }
	.ft-row p 				{ line-height:150%; padding:5px 0; margin:0; }
	*/
	
	/* footer links 
	footer a 				{ color:#FFF; text-decoration:none; }
	footer a:hover 			{ color:#000; text-decoration:underline; transition:0.2s; }
	*/
	
	/* footer List */
	ul.ft-list 				{}
	ul.ft-list li	 		{}
	
	/* footer first level cols */
	footer > .container > .ft-cols { gap:6%; /*padding-top:1em;*/ }
	
	/* footer about us */
	#ftLinks 				{ width:48%; }
	#ftLinks p.btn-row		{}
	#ftLinks .ft-cols		{ /*flex-wrap:none;*/ column-gap:3em; }
	/*#ftLinks ul.ft-list 	{ margin:1em 0; padding:0; list-style:none;}
	#ftLinks ul.ft-list li 	{ margin:0; padding:0 0 0.3em 0; }*/
	
	/* footer about us */
	#ftAbout 				{ /*max-width:none;*/  width:46%; }
	#ftAbout p 				{}
	
	/* footer logos 
	#ftLogos 				{ justify-content:left; gap:15%; padding:1em 0 0.5em; }
	.ftLogo  				{ height:60px; }
	.ftLogo img 			{ display:block; height:100%; margin:0; }
	*/
	#ftLogoCab 				{}
	#ftLogoCab img 			{ /*max-width:140px;*/ }
	
	#ftLogoIco 				{}
	#ftLogoIco img 			{ /*width:35%; max-width:140px;*/ }
	
}
@media only screen and (max-width: 1000px) {
	/* nav 
	.hd-nav ul { gap:1.8em; }*/
	
	/* footer */
	footer 	{ font-size:calc(1em - 1px); }
	
	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; }
}
/* mobile menu */
@media only screen and (max-width: 900px) {
	
	/* header */
	#header   { display:none; transition:linear 0.5s; }
	#header.open   { display:block; }
	
	/* mobile header */
	#mobileHd { display:block; }
	#mobileHd a#menuBtn { display:inline-block; }
	#mobileHd .logo { width:66%; max-width:210px; }
	
	/* nav */
	#mainNav.hd-nav ul > li.nav-logo { display:none; }
	
	/* mobile nav */
	header { position:relative; top:auto; left:auto; height:auto; background:#EEE; border-top:2px solid #033661; }
	#mainNav.hd-nav ul > li.nav-btn a 		{ border-color:#EEE; }
}
@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 (min-width: 601px) and (max-width: 800px) {
	/* nav */
	.hd-nav { font-size:13px; }
	#mainNav.hd-nav ul > li.gap 			{ width:1.8em; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:18px; padding-right:18px; border-radius:23px; }
}
@media only screen and (max-width: 768px) {
	
	#ftHd { padding-top:1.5em; }
	#ftHd h3 { font-size:1.5em; }
	
	.ft-left .ft-col- { padding-right:1.2em}
	#ftLogo img { max-width:140px; }
	
	#legal {  height:auto; padding-bottom:15px; }
	#legal nav { float:none; font-size:11px; padding-top:12px; }
	#legal nav a { font-size:11px; margin:0 5px; }
	#legal copy { float:none; padding-top:12px; font-size:11px;}
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	/* nav */
	.hd-nav { font-size:12px; }
	#mainNav.hd-nav ul > li.gap 			{ width:1.6em; }
	#mainNav.hd-nav ul > li.nav-txt,
	#mainNav.hd-nav ul > li.nav-btn a 		{ padding:7px 1px; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:16px; padding-right:16px; border-radius:21px; }
}
@media only screen and (max-width: 650px) {
	
	header 					{ padding:1px 0; }
	#mainNav				{ padding:0 1.5% !important; }
	header .hd-nav 			{ display:block; }
	header .hd-nav-lt ul, 	
	header .hd-nav-rt ul 	{ justify-content: center; }
	
	header .hd-nav-lt ul	{ padding-bottom:1em; border-bottom:1px dashed #033661; } 	
}
@media only screen and (max-width: 600px) {
	header .hd-nav-rt ul	{ /*display:block;*/ flex-wrap:wrap; gap:0.6em 1.8em; }
}
@media only screen and (max-width: 550px) {
	/* footer */
	#ftAbout .ftLogo 		{ height:55px; }

	#ftLinks				{}
	#ftLinks .ft-cols		{ display:block; padding:1em 1.5em; }
	#ftLinks ul.ft-list 	{ margin:0; list-style:circle; }
	/*#ftLinks ul.ft-list li 	{ margin:0; padding:0 0 0.3em 0; }*/
	
}
@media only screen and (max-width: 500px) {
	/* nav */
	.hd-nav { font-size:13px; }
	#mainNav.hd-nav ul 						{ gap:0.6em 1.8em }
	#mainNav.hd-nav ul > li.gap 			{ width:1.8em; }
	#mainNav.hd-nav ul > li.nav-btn-rwd > a { padding-left:18px; padding-right:18px; border-radius:23px; }
	
	/* footer */
	#ftAbout .ftLogo { height:50px; }
}
@media only screen and (max-width: 400px) {
	/* nav */
	.hd-nav .hd-nav-rt { font-size:12px; }
	#mainNav.hd-nav .hd-nav-rt ul 						{ gap:0.5em 1.6em }
	#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-rwd > a { padding-left:16px; padding-right:16px; border-radius:21px; }
	
	/* footer */
	#ftAbout .ftLogo { height:45px; }
}
@media only screen and (max-width: 360px) {
	/* nav */
	#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-rwd > a 	{ padding-left:14px; padding-right:14px; border-radius:20px; }
	
	/* footer */
	#ftAbout .ftLogo { height:40px; }
}