.skipNavBTN {
  background: var(--primary);
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform .5s;
  border: none;
  color: #fff;
  opacity: 0;
  font-size: 12px;
  top: 60px;
}
.skipNavBTN:focus {
  transform: translate(-50%, 0%);
  opacity: 1;
	z-index:1;
}

.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1170px;
}

header ul,footer ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
	font-size:inherit;
	line-height:inherit;
}

a{
	transition: all 0.4s ease;
}

header {
  background-color: var(--white);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  border-bottom: 0.5pt solid var(--light-gray);
	box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
   -moz-box-shadow:    0 3px 10px rgb(0 0 0 / 10%);
   -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
	padding: 0 20px;
}
header .header-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 13px 0;
	max-width:1230px;
	margin: 0 auto;
}
header .header-wrap.open .nav-opener .close-img {
  display: none;
}
header .header-wrap.open .nav-opener .open-img {
  display: block;
}
header .header-wrap.open .nav {
  transform: translateX(0);
  visibility: visible;
}
header .header-logo .logo {
  display: block;
  width: 110px;
  margin: 0;
}
header .header-logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
header .nav-opener {
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 25px;
  position: absolute;
  display: block;
  right: 20px;
	border-radius: 0;
  padding: 2px 1px;
  top: 50%;
  transform: translateY(-50%);
}
header .nav-opener:focus {
  outline-offset: 4px;
}
header .header-wrap .nav-opener .open-img {
  display: none;
}
header .nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 42px;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.4s ease;
  background-color: var(--white);
  overflow: auto;
	border-top: 0.5pt solid var(--light-gray);
	padding-top:20px;
}

header .nav .nav-mob-cta{
	text-align:center;
	padding:35px 10px 30px;
	flex-grow:1;
}

header .nav .nav-mob-cta a{
	display:inline-block;
}
	
header .nav .nav-footer{
	text-align:center;
	padding:15px 0 35px;
}
header .nav .nav-footer .access-link{
	display:inline-block;
	max-width:78px;
	margin-bottom:25px;
}
header .nav .nav-footer .nav-footer-links{
	display:flex;
	padding:0;
	margin:0 0 25px;
	align-items:center;
	justify-content:center;
	font-size:14px;
	line-height:1.5;
	font-weight:400;
}
header .nav .nav-footer .nav-footer-links li{
	padding:0 10px;
}
header .nav .nav-footer .nav-footer-links li:nth-child(2){
	border-right: 1px solid #999999;
    border-left: 1px solid #999999;
}
header .nav .nav-footer .nav-footer-links li:nth-child(3){
	border-right: 1px solid #999999;
}
header .nav .nav-footer .nav-footer-logo{
	display:inline-block;
	width:125px;
	margin-bottom:30px;
}
header .nav .nav-footer .nav-footer-logo img{
	max-width: 100%;
    height: auto;
    display: block;
}
header .nav .nav-footer .nav-footer-para{
	font-size:14px;
	line-height:16px;
	font-weight:400;
	margin:0;
}


header .main-nav {
  list-style-type: none;
  position: relative;
  font-size: 14px;
	line-height:1.5;
}
header .main-nav-item{
	position:relative;
}
header .main-nav-item.active .droplet {
  display: block;
}
header .main-nav-item > a {
  display: block;
  text-decoration: none;
  color: var(--black1);
  padding: 12px 20px;
}

header .main-nav-item > a.header-cta,header .mob-cta{
	border:2px solid var(--primary-light);
	border-radius:4px;
	padding:9px 27px;
	font-weight:500;
	font-size:16px;
	line-height:22px;
	background-color:var(--primary-light);
	color:var(--black);
}
header .main-nav-item > a.header-cta:hover,header .mob-cta:hover{
	background-color:white;
	color: var(--black);
}

header .main-nav-item > a img {
  max-width: 63px;
  display: block;
	margin-left:0;
}

header .droplet {
  display: none;
}
header .droplet ul{
	padding:0 20px;
}
header .droplet ul li a{
	padding:8px 10px;
	display:block;
	font-size:16px;
	
}

.down-arrow{
  display: none !important;
  /*visibility: hidden;*/
}

@media (max-width: 991px) {
	.mobile-hide{
		display:none;
	}
	header .nav{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	header .main-nav-item > a{
		font-size:22px;
		font-weight:400;
		font-family:'Merriweather',serif;
		color:#000;
	}
	header .droplet ul li a{
		font-size:18px;
	}
  .down-arrow{
	  cursor: pointer;
    right: 20px;
    display: inline-block !important;
	  background-color:transparent;
	  border:none;
	  padding:10px;
	  line-height:1;
	  font-size:18px;
	  color:var(--primary-light);
    position: absolute;
    top: 9px;
    text-align: center;
    transition: all 0.3s;
  }
  .main-nav-item.active .down-arrow{
    transform: rotate(180deg);
    transition: all 0.3s;
  }
	header .main-nav-item.active .droplet {
	  display: block !important;
	}
}


@media (min-width: 992px){
  .skipNavBTN {
    top: 96px;
  }
	.desktop-hide{
		display:none;
	}

  header .header-wrap {
    flex-wrap: nowrap;
    padding: 0;
/*     justify-content: flex-start; */
  }
  header .header-logo {
    padding: 0 18px 0 0;
  }
  header .nav-opener {
    display: none;
  }
  header .nav {
    flex-grow: 1;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 0;
    overflow: initial;
    visibility: visible;
    transform: none;
	  border-top:none;
	  padding-top:0;
  }
  header .main-nav {
    font-size: 13.5px;
/*     padding: 13px 0 0; */
    display: flex;
    align-items: flex-end;
	 justify-content:flex-end;
  }
  header .main-nav-item {
    margin: 19px 16px 0;
    padding: 0 0 28px;
  }
	
    header .main-nav-item:last-child{
		margin: 19px 0 0 auto;
	    padding: 0 0 19px;
	}
	header .main-nav-item:last-child>a:hover{
		border-bottom:2px solid var(--primary-light);
		text-shadow:none;
	}
  header .main-nav-item > a {
    padding: 0;
	  border-bottom:1px solid transparent;
  }
	header .main-nav-item.active > a,header .main-nav-item > a.active,header .main-nav-item > a:hover{
	  color: var(--black);
	  border-bottom:1px solid var(--primary-light);
		text-shadow: 0 0 .5px black;
	}	
	
	header .main-nav-item > a.header-cta{
		padding:8px 15px;
		font-size:13.5px;
	}
	
	header .droplet {
    background: #fffefe;
    position: absolute;
    width:200px;
    top: 100%;
    left: 0;
    z-index: 999;
	border-radius:4px;
	border-top:	1px solid var(--light-gray);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
  }
	header .droplet ul{
		padding:0;
	}
	header .droplet ul li a{
		font-size:inherit;
		padding:11px 15px;
		cursor:pointer;
	}
	header .droplet ul li a:hover{
		background-color:rgba(244, 130, 69, 0.1);
	}
}
@media (min-width: 1100px){
	header .header-logo {
    	padding: 0 20px 0 0;
  	}
	header .main-nav {
    	font-size: 14px;
  	}
	header .main-nav-item {
    	margin: 19px 20px 0;
  	}
	header .main-nav-item > a.header-cta{
		padding:8px 20px;
		font-size: 14px;
	}

}

@media (min-width: 1200px){

  header .header-logo {
    padding: 0 23px 0 0;
  }
  header .header-logo .logo {
    width: 134px;
  }
  header .main-nav {
    font-size: 15px;
  }
	
  header .main-nav-item {
    margin: 23px 23px 0;
	padding: 0 0 32px;
  }
	header .main-nav-item:last-child{
		margin: 23px 0 0 auto;
	    padding: 0 0 23px;
	}
	header .main-nav-item > a.header-cta{
		padding:9px 27px;
		font-size:15px;
	}
}


/* cookie banner styling */

#pi_tracking_opt_in_div p{
	text-align:left;
	margin:0 0 12px;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
#pi_tracking_opt_in_yes, #pi_tracking_opt_in_no{
	border-radius: 3px;
	display: inline-block;
	padding: 10px 16px;
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
	text-shadow: none;
}
#pi_tracking_opt_in_yes{
	background-color: #425b76;
	border: 1px solid #425b76;
	margin-right: 12px;
	color: #fff;
}
#pi_tracking_opt_in_no{
	background-color: transparent ;
	border: 1px solid #425b76;
	color: #425b76;
}
@media (max-width: 980px) {
	#pi_tracking_opt_in_div{
		position:absolute !important;
		top:0!important;
		bottom:auto!important;
		left:0!important;
		transform:none!important;
		border-bottom:1px solid #cbd6e2;
	}
}
@media (min-width: 981px){
	#pi_tracking_opt_in_div::before,#pi_tracking_opt_in_div::after{
		content:"";
		position:absolute;
		left:-999999px;
		top:-1px;
		right:100%;
		bottom:0;
		border-top:1px solid #cbd6e2;
		background-color:#fff;
		z-index:1000;
	}
	#pi_tracking_opt_in_div::after{
		left:100%;
		right:-999999px;
	}
}


/* hubspot cookie banner */

#hs-banner-parent div#hs-eu-cookie-confirmation{
	border-radius:0;
	width:100%;
	max-width:100%;
	top:0;
}

#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner{
	padding:20px !important;
	max-width:1000px;
	margin:0 auto !important;
}
#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p,#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
	font-size:12px !important;
	line-height:1.5 !important;
}
#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area{
	justify-content:flex-end !important;
	margin-bottom:0px !important;
}
#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button{
	flex-grow:0;
	border-radius:5px;
	min-width:85px;
}

@media (min-width: 751px){
	#hs-banner-parent div#hs-eu-cookie-confirmation{
		top: initial !important;
		bottom:0 !important;
	}
	#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner > *,#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer{
		margin-right:0px !important;
	}
}