
.burgerIcon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 32px;
	height: 24px;}

.burgerIcon span {
	display: block;
	width: 100%;
	height: 3px;
	background: #000;
	border-radius: 2px;
	transition: all 0.3s ease;}

#header-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 87px;
	z-index: 10;}

.navButton {
	position: absolute;
	top: 50%;
	right: 32px;
	transform: translateY(-50%);
	z-index: 20;}

#primeNav.collapse {
	display: block !important;}

#primeNav.collapse, #primeNav.collapsing {
	display: block !important;
	height: auto !important;}

#primeNav.collapsing {
	transform: translate(-50%,40px);
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s ease;}

#primeNav {
    z-index: 9999;
	position: fixed!important;
	left: 50%;
	top: 87px;
	width: calc(100vw - 32px);
	max-width: 520px;
	transform: translate(-50%,40px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background: #fff;
	border: none;
	box-shadow: 0 16px 40px rgba(0,0,0,.35);
	overflow: hidden;
	transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s ease, visibility 0s linear .28s;}

#primeNav.show, #primeNav.collapse.show {
	transform: translate(-50%,0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s ease, visibility 0s;}

#primeNav:after {
	display: none;}

.nav-container, .navbar.prime {
	height: 87px;
	display: flex;
	align-items: center;}

.navButton {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;}

#header-outer {
	border-bottom: 1px solid #ccc;}

.nav-container {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;}

.header-outer {
	border-bottom: 1px solid #ccc;}

#primenav {
	padding-left: 22px;
	padding-right: 22px;
	align-items: center;
	display: flex;
	width: 100%;
	min-height: 45px;}

nav.navbar.prime {
	font-size: 1em;
	font-family: National2-Medium;
	font-weight: 700;
	padding-top: 0;
	padding-bottom: 0;}

.navbar-nav .nav-link, li.nav-item .nav-link {
	color: #000;
	padding-top: .75rem;
	padding-bottom: .75rem;}

span.navbdr {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;}

li.nav-item .nav-link {
	position: relative;}

.dropdown-toggle .navbdr {
	color: #000;
	padding-right: 9px;}

.dropdown-toggle span.chevron {
	display: inline-block;
	width: 16px;
	height: 16px;}

.dropdown-toggle span.chevron img {
	display: inline-block;
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
	margin-left: 8px;}

.dropdown-toggle[aria-expanded=true] span.chevron img {
	transform: rotate(-180deg);}

.dropdown-toggle::after {
	display: none;}

ul.dropdown-menu {
	border: none;
	border-radius: 0 !important;
	right: 0;
	left: 0;
	margin: 0;
	padding: 0;}

ul.dropdown-menu li a {
	font-family: National2-Regular;
	font-weight: 300;
	color: #0050b3;
	border-bottom: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 16px;
	border-top: 1px solid #ccc;}

ul.dropdown-menu li:first-of-type a {
	border-top: none;}

ul.dropdown-menu li a:hover {
	color: #0050b3;
	background: none;}

.dropdown-menu span.navbdr {
	padding: 0;}

.dropdown-menu span.navbdr.underline-animation {
	text-decoration: none;
	background-image: linear-gradient(#0050b3,#0050b3);
	-webkit-background-position: bottom right;
	background-position: bottom right;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 1px;
	background-size: 100% 1px;
	-moz-transition: background-size .3s 150ms;
	-web-kit-transition: background-size .3s 150ms;
	transition: background-size .3s 150ms;}

.dropdown-menu span.navbdr.underline-animation:hover {
	-webkit-background-size: 0 1px;
	background-size: 0 1px;}


a.gn__footer-module__contactUsLink-yVSlB:hover {
	color: #fff;}

li.nav-item a:active, li.nav-item a:hover {
	background: #d7effa;}

ul.dropdown-menu li a:hover {
	color: #000;
	background: #d7effa;}

div.breadCrumb-wrap {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-left: 22px;
	padding-right: 22px;
	height: 45px;}

div.breadCrumb-container {
	display: block;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	position: relative;}

div.breadCrumb-container div.breadCrumb-Items {
	padding-left: 10px;
	padding-right: 10px;
	align-items: center;
	display: flex;
	color: #000;}

div.breadCrumb-container div.breadCrumb-Items a.breadCrumb-Item {
	font-size: .88em;
	display: inline-block;
	font-family: National2-Regular, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 20px;
	color: #0050b3;}

div.breadCrumb-container div.breadCrumb-Items a.breadCrumb-Item.current {
	text-decoration: none;
	cursor: pointer;
	color: #000;}

div.breadCrumb-container div.breadCrumb-Items a:hover.breadCrumb-Item.current {
	text-decoration: none;
	cursor: pointer;
	color: #000;}

.breadCrumb-Item.underline-animation {
	text-decoration: none;
	background-image: linear-gradient(#0050b3,#0050b3);
	-webkit-background-position: bottom right;
	background-position: bottom right;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 1px;
	background-size: 100% 1px;
	-moz-transition: background-size .3s 150ms;
	-web-kit-transition: background-size .3s 150ms;
	transition: background-size .3s 150ms;}

.breadCrumb-Item.underline-animation:hover {
	-webkit-background-size: 0 1px;
	background-size: 0 1px;}

#primenav {
	display: block;
	padding: 0;
	min-height: auto;}

.navbar-nav {
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-top: none;
	padding-bottom: 10px;}

li.nav-item {
	border-bottom: 1px solid #d9d9d9;}

#navOverlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 87px;
	bottom: 0;
	background: rgba(0,0,0,.35);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility 0s linear .2s;}

body:has(#primeNav.show) #navOverlay,
body:has(#primeNav.collapse.show) #navOverlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .2s ease, visibility 0s;}

#primeNav {
	z-index: 99999 !important;}


div#login-pages {
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
	flex-direction: row;
	gap: 5px;
	justify-content: center;}

div#login-pages a {
	text-decoration: none;
	color: #000;}

.offer-panel {
    display: flex;
    align-items: stretch;
    gap: 16px;justify-content: center;
    padding: 14px 24px;
    border-radius: 6px;}

.offer-panel-icon {
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;}

.offer-panel-icon img,
.offer-panel-icon svg {
    width: auto;
    height: 100%;
    max-height: 31px;
    object-fit: contain;}

.offer-panel-copy {
    display: flex;
    align-items: center;
    line-height: 1.25;
    font-family:"National2-Medium";
    font-size: 1.25em;}
        
.linkPanels-wrapper {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;padding-bottom:20px;}

.linkPanels-container {
    max-width:1440px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;}

.linkPanel {
    display: flex;
    flex-direction: column;
    padding: 28px 32px;
    border-radius: 6px;
    text-align: center;
    height: 100%;}

.linkPanel .header {font-family:"National2-Medium";
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;}

.linkPanel-copy {
    font-family:"National2-Regular";
    margin-bottom: 24px;
    line-height: 1.45;
    flex-grow: 1;}

.linkPanel-button {
    display: inline-block;
    margin-top: auto; 
    align-self: center;
    padding: 12px 26px;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;}

.linkPanel-button:hover {
    text-decoration: none;
    opacity:.8;
}

.linkPanel:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 12px);}

.awardElements-wrapper {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;padding-bottom:20px;}
    
.awardElements-container {
    max-width:1440px;
    margin: 0 auto;  text-align: center;}

.awardElements {
    display: inline-flex;
    justify-content: center;
    align-items: stretch;gap:10px;
    flex-wrap: nowrap;border-radius:8px;}

.awardPanel {
    width: 250px; 
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;border-radius:8px;}

.awardTitle {
    display: block;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.2;
    margin-bottom: 16px;
    min-height: 2.4em;}

.awardImage {
    max-width:230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;}

.awardImage img {
    max-width: 100%;
    height: auto;
    display: block;}

.willInfoToggle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    padding: 10px 0;
   font-family:"National2-Medium";
    font-size: 1.15em;
    text-align: center;}
    
.willInfoToggle span{
    border-bottom:1px solid black}
    
.willInfoContent {
    /* display: none; */
    display:block;
    max-width:420px;
    background:#f5f5f5;
    border-radius:8px;
    padding-bottom: 15px;margin:0 auto;
    padding:10px;
    text-align:left;}

.willInfoArrow {border-bottom:none!important;
    display: flex;
    align-items: center;}

.willInfoArrow img {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;}

.willInfoDrop.open .willInfoArrow img {
    transform: rotate(180deg);}
    
.saveResultsButton {
    margin-top:20px;
    margin-bottom:20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;}

.saveResultsButton:hover,
.saveResultsButton:focus {
    background: #000;
    color: #fff;
    outline: none;}

.saveResultsButton:active {
    transform: scale(.98);}

.saveResultsIcon {
    font-size: 18px;
    line-height: 1;}

.saveResultsModal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;}

.saveResultsModal.open {
    display: block;}

.saveResultsModalOverlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);}

.saveResultsModalPanel {
    position: relative;
    z-index: 1;
    width: calc(100% - 32px);
    max-width: 720px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    margin: 24px auto;
    background: #fff;
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);}

.saveResultsModalClose {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: 0;
    color: #000;
    font-size: 18px;
    line-height:1.2em;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid black;
    border-radius: 100%;}

.saveResultsModalClose:hover,
.saveResultsModalClose:focus {
    opacity: .65;
}

body.saveResultsModalOpen {
    overflow: hidden;
}

@media (max-width: 600px) {
    .saveResultsModalPanel {
        width: calc(100% - 20px);
        margin: 10px auto;
        padding: 26px 18px;
        max-height: calc(100vh - 20px);
    }
}

@media (max-width: 768px) {
    .orderFirstMobile {order:-1}
    .orderMobile2 {order:4;}
    .orderMobile4 {order:2;}
    
    .linkPanels-container {
        grid-template-columns: 1fr;
    }

    .linkPanel:last-child:nth-child(odd) {
        grid-column: auto;
        width: auto;
    }
    
    .linkPanel-button {width:100%}
    
    #primeNav {
		top: 87px;
		width: calc(100vw - 20px);
		max-width: none;
	}

	.navbar-nav .nav-link, li.nav-item .nav-link {
		padding: 12px 18px !important;
		font-size: 0.95rem;
	}

	ul.dropdown-menu li a {
		padding: 12px 18px 12px 34px;
	}

	.burgerIcon {
		width: 28px;
		height: 22px;
		gap: 4px;
	}

	.burgerIcon span {
		height: 2px;
	}
	
	
	 .offer-panel {
        padding: 14px 18px;
        gap: 14px;
       
    }

    .offer-panel-icon {
        flex-basis: 55px;
    }

    .offer-panel-icon img,
    .offer-panel-icon svg {
        width:auto;
        max-height:55px;
    }

    .offer-panel-copy {
         font-family:"National2-Medium";
        font-size: 1.15em;
    }
    
    .promotionMessage-container{
        padding-top:10px;
        padding-bottom:10px;}
        
    .col-md-6.twoOne .refresh-hero-text-wrapper.twoOne {
        padding: 15px 10px 15px 10px;
    }    
        
	
}

@media (max-width:992px) {
	li.nav-item .nav-link.active span.navbdr:after {
		position: absolute;
		content: '';
		border-bottom: 5px solid #fff;
		width: 100%;
		transform: translateX(-50%);
		bottom: 0;
		left: 50%;
	}

	ul.dropdown-menu li a {
		font-family: National2-Regular;
		border-bottom: none;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 40px;
		padding-right: 16px;
		border-top: 1px solid #ccc;
	}

	ul.dropdown-menu li:first-of-type a {
		border-top: none;
	}

	ul.dropdown-menu li a:hover {
		color: #0050b3;
		background: none;
	}

	li.nav-item .nav-link {
		padding-left: 30px !important;
	}

	span.navbdr {
		padding-left: 0;
		padding-right: 0;
	}

	span.navbdr.underline-animation {
		text-decoration: none;
		background-image: linear-gradient(#0050b3,#0050b3);
		-webkit-background-position: bottom right;
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 1px;
		background-size: 100% 1px;
		-moz-transition: background-size .3s 150ms;
		-web-kit-transition: background-size .3s 150ms;
		transition: background-size .3s 150ms;
	}

	span.navbdr.underline-animation:hover {
		-webkit-background-size: 0 1px;
		background-size: 0 1px;
	}

	li.nav-item .nav-link span.navbdr:after {
		border-bottom: none;
	}

	li.nav-item .nav-link:hover span.navbdr:after {
		border-bottom: none;
	}

	.navbar-nav {
		margin-top: 5px;
		border-top: 1px solid #ccc;
	}

	div.breadCrumb-wrap {
		border-bottom: none;
	}

	li.nav-item {
		border-bottom: 1px solid #ccc;
	}

	.navbar-nav .nav-link, li.nav-item .nav-link {
		text-align: left;
		font-family: National2-Regular;
	}

	.navButton:focus {
		outline: 0 !important;
		box-shadow: none;
	}

	.dropdown-menu {
		opacity: 0;
		margin: 0;
		padding: 0;
		transform: translateY(-10px);
		transition: all 0.3s ease-out;
	}

	.dropdown-menu.show {
		opacity: 1;
		transform: translateY(0);
	}

	.navbar-nav .nav-link:active, li.nav-item .nav-link:active {
		color: #e30613;
	}
}

@media (max-width:600px) {
   .hideMobile {display:none;}
   
   
   
   .awardElements {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
    }

    .awardPanel {
        /*width: auto;*/
        max-width: 100%;
    }

    .awardImage img {
        max-width: 160px;
        width: 100%;
        height: auto;
    }
}

@media (max-width:1024px) {
	#primeNav {
		top: 73px;
	}
	
		#navOverlay {
		top: 73px;
	}
}

@media (max-width:1100px) {
	li.nav-item .nav-link {
		padding-left: 7px !important;
	}
}

@media (max-width:1199px) {
	li.nav-item .nav-link {
		padding-left: 5px !important;
	}
}

@media (min-width: 1440px) {
	#header-container {
		right: calc((100vw - 1440px) / 2 + 32px);
	}
}



