@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

:root {
  --main-color: #00184a;
  --main-color2: #ffc350;  
  --main-color3: #ee9c00;  
  --main-color-h1: #00184a;   
  --main-color-h2: #00184a;   
  --main-color-h3: #00184a;   
  --main-color-h4: #00184a;   
  --main-color-btn-default: #00184a;
  --main-color-btn-action: #00184a; 
  --font-family: 'Open Sans', sans-serif;  
  --btn-border-radius: 0px;
  --form-border-radius: 0px;
  --primary-bg-color: #00184a;
  --primary-bg-hover: #25aea7; 
  --color-blue: #00184a;
  --color-green: #5f9470;  
  --color-red: #ad181c;  
  --color-yellow: #ffc350;   
  
}

body {
	font-family: var(--font-family);
	color: var(--main-color);
	font-size: 16px;
	line-height:1.5;
	font-weight: 400;
	background:#f8f8f8; 
	margin:0; 
	height:100%;
	-webkit-font-smoothing: auto;
}

h1, h2, h3, h4, h5, h6, p, btn, .h1, .h2, .h3, .h4, .h5, .h6, .p, .btn {font-family: var(--font-family);}
h1, .h1 {font-size: 48px; font-weight: 800; color:var(--main-color-h1); margin-bottom:20px; text-transform:uppercase;}
h2, .h2 {font-size: 36px; font-weight: 800;  color:var(--main-color-h2); margin-bottom:20px}
h3, .h3 {font-size: 32px; font-weight: 700;  color:var(--main-color-h3); margin-bottom: 5px}
h4, .h4 {font-size: 20px; font-weight: 400;  color:var(--main-color-h4); margin-bottom: 5px}
h5, .h5 {font-size: 18px; font-weight: 500;  color:#FFFFFF; }
h6, .h6 {font-size: 24px; font-weight: 600;  color:#FFFFFF; }
p, .p, li, div, normal {font-size: 16px; font-weight: 400; color:var(--main-color); line-height:1.5;}
a, a:visited  {color:var(--main-color); text-decoration:underline !important;}

.btn-site-action {background-color: var(--main-color-btn-action); border-color: var(--main-color-btn-action); color:#ffffff;}
.btn-site-action:hover, .btn-site-action:active, .btn-site-action:focus {background-color: var(--main-color-btn-action) !important; opacity: 0.8; border-color: var(--main-color-btn-action) !important; color:#ffffff;}

#portal-header {max-width:975px; margin-left:auto; margin-right:auto; margin-bottom:30px}

#main-header {font-size: 36px; font-weight: 700; color:var(--main-color-h1); margin:30px 0px 20px }

.portal-footer {
	margin-top:50px;
	background:#cccccc;
	padding:10px;
}
.ProgressBarBottom {max-width:975px; margin-left:auto; margin-right:auto; height:55px;}
.ProgressBarBottom img {max-height:50px}
.Progresscontinue {float:right; cursor:pointer}
.p-contact-link {display:none}

.hidden-phone {display:block}
.visible-phone {display:none}

.terms-menu {
    display: none !important;
}

/* First Page */

.boxborder {
    background-color: #e5e5e5;
    display: inline-block;
    width: 100%;
	margin-bottom:10px;
}

.iconbox {
    background-color: #6a9ad6;
    display: inline-block;
    width: 100%;
}

.title {
    font-size: 28px;
    line-height: 1.3em;	
	font-weight:bold;
}

.innersection {
    margin: 10px 20px 20px 20px;
	text-align: center;	
}


.Progressback-75 {display:none}
.Progressback-85 {display:none}
.Progresscontinue-75 {display:none}
.btn-continue-500 {display:none}
#select-type {max-width:400px}
#delivery-options {max-width:975px}

/* Recipient Details */
.btn-continue-513 {display:none}

/* Postal Address */
.btn-continue-516 {display:none}

/* Your Details */
.btn-continue-519 {display:none}

/* Payment */
.btn-continue-90 {display:none}

/* Thank You */
.portal-footer-91 {background: inherit}
.portal-footer-91 .ProgressBarBottom {display:none}

@media (max-width: 760px) {
	.hidden-phone {display:none}
	.visible-phone {display:block}
	.ProgressBarBottom {height:35px;}	
	.ProgressBarBottom img {max-height:30px}
}