.header-nav-wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}  
.header-nav-wrap .nav-container{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px 20px;
}
.header-nav{
	padding: 0;
	background: linear-gradient(to bottom, rgba(33, 33, 33, 0.7) 0%, rgba(33, 33, 33, 0.0) 100%);
	position: relative;
	padding: 25px 20px 25px;
}
.nav-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;  
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header-nav.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
	padding: 5px 20px 15px;
	box-shadow: 0px 12px 12px -14px #00000026;
}
.nav-logo{
	width: auto;
	padding-right: 30px;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;	
	align-items: center;
	margin: 0;
	padding: 0;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li{
	padding: 15px 22px 20px;
	position: relative;
	list-style: none;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover> a {
	color: #B9D66B !important;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a{
	padding: 0;
	color: #F4F7FA !important;
	font-weight: 400;
	text-transform: initial;
	font-size: 18px;
	letter-spacing: 0px;
	font-style: normal;
	line-height: 1;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	line-height: 1.4;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover:before{
	width: 100%;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child{
	position: relative;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children{
	padding-right: 30px;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a:before,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover:before,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch > a:before,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a:before{
	width: 100%;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul{
	background-color: #F4F7FA;
	top: 35px!important;
	margin-top: 30px;
	width: auto;
	padding: 0;
	border-radius: 8px;
	padding: 35px 20px;
	z-index: 1000000;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul{
	left: 22px;  
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li a{
	color: #212121;
	background-color: #F4F7FA;
	font-weight: 400;
	font-size: 18px;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	padding: 14px 4px;
	opacity: 1;
	line-height: 1.3;
	text-decoration: none;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li:last-child a{
	border-bottom: 0!important;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > ul > li:hover > a,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li a:hover,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch ul li.active-branch > a{
	opacity: 1;
	color: #662483!important;
}
/* nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child ul{
left: 0!important;
}   */
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a,
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li.hs-item-has-children > a{
	position: relative;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #F4F7FA; /* color base */
	-webkit-mask-image: url("https://243230974.fs1.hubspotusercontent-na2.net/hubfs/243230974/ArrowDown.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	mask-image: url("https://243230974.fs1.hubspotusercontent-na2.net/hubfs/243230974/ArrowDown.svg");
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	position: absolute;
	top: 55%;
	right: -25px;
	transform: translateY(-50%);
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a:after {
	background-color: #B9D66B; 
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li.hs-item-has-children > a:after{
	content: '\f107';
	font-family: FontAwesome;
	color: #000;
	font-size: 16px;
	position: absolute;
	top: 15px;
	right: 14px;
	transform: rotate(-90deg);
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.nav-cta-mobile{
	display: none;
}
nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul li.hs-item-has-children:hover ul {
	left: 250px!important;
	top: 0!important;
}
nav ul,
nav li{
	margin: 0;
	padding: 0;
}
.nav-logo .logo{
	position: relative;
	top: 2px;
}
::-webkit-input-placeholder{
	color: #57575E;
}
::-moz-placeholder{
	color: #57575E;
}
:-ms-input-placeholder{
	color: #57575E;
}
:-moz-placeholder{
	color: #57575E;
}
.header-form-overlay.active{
	display:none;
}
/* start here . . . */
@media screen and (max-width: 1600px){
}
@media screen and (max-width: 1230px){
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li{
		padding: 18px 14px;
	}
	.nav-logo{
		padding-right: 0;
	}
}
@media screen and (max-width: 1130px){
	.header-nav{
		padding: 0;
	}
	.nav-logo {
		width: 100%;
		padding-left: 0;
	}
	nav.main-menu {
		width: 100%;
		-webkit-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	.nav-logo img{
		width: 190px!important;
		height: auto!important;
	}
	.header-nav .mobile-trigger{
		margin-top: 5px;
		padding: 0;
		right: 20px;
		left: initial;
		background-color: transparent;
		width: 45px;
		height: 45px;
		border-radius: 100%;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li{
		float: none;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{
		background-color: #F4F7FA;
		left: 0px;
		top: 100px;
		display: block;
		padding: 18px 32px;
		position: fixed;
		height: 100%;
		z-index: 100000;
	}
	nav.main-menu.custom-menu-primary .hs-menu-wrapper{
		display: none;
	}
	nav.main-menu.custom-menu-primary.js-enabled .hs-menu-wrapper{
		padding: 0;
		margin-top: 0;
		top: 11px;
		box-shadow: rgb(0 0 0 / 12%) 0 1px 3px;
		z-index: 9999;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:after{
		background-color: #212121 !important;
		right: 0px !important;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a{
		line-height: initial;
		padding: 10px 0;
		border-bottom: 0;
		font-size: 18px;
		font-weight: 400;
		color: #212121 !important;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul{
		width: 100%;
		box-shadow: none;
		padding: 0;
		border: 0;
		margin-top: 0px !important;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li a{
		line-height: initial;
		padding: 12px 14px;
		font-size: 18px;
		font-weight: 500;
		border-bottom: 0;
		opacity: 1;
		position: relative;
		z-index; 
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > ul > li:hover > a, 
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li a:hover{
		border-bottom: 0;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.nav-cta-mobile{
		display: block;
		text-align: center;
		padding-top: 30px !important;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child:before{
		display:none;
	}
	.header-nav.sticky{
		padding: 12px 0;
	}
	.header-nav-wrap .nav-container{
		padding: 20px 15px;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children {
		padding-right: 0;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li.hs-item-has-children > a:after{
		display: none;
	}  
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child > a{
		border-bottom: 0;
	}
	.header-form-overlay.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 9999;
		overflow: hidden;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a:before,
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover:before{
		display: none;
	}
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a,
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover,
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch > a,
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a,
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li ul li a:hover, 
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active-branch ul li.active-branch>a, 
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:hover>ul>li:hover>a{
		color: #0086E8!important;
	}
	body.no-scroll{
		overflow: hidden;
		height: 100vh;
	}
}
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	overflow: visible !important;
	max-width: none !important;
	width: auto !important;
}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1024px) {
	.custom-menu-primary .hs-menu-wrapper { 
		/*display:block !important;*/
	}
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/
.mobile-trigger, .child-trigger{
	display: none; /* Hide button on Desktop */
}
@media (max-width: 1130px){
	/* 
	* Menu Reset
	*
	* Remove styling from desktop version of custom-menu-primary. Place any 
	* additional CSS you want removed from the mobile menu in this reset 
	*/
	.custom-menu-primary,
	.custom-menu-primary .hs-menu-wrapper > ul,
	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item,
	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item a{
		display: block;
		float: none;
		position: static;
		top: auto;
		right: auto;
		left: auto;
		font-family: ;
		bottom: auto;
		padding: 0px;
		margin: 0px;
		background-image: none;
		background-color: transparent;
		border: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none; 
		max-width: none;
		width: 100%;
		height: auto;
		line-height: 1;  
		font-weight: normal;
		text-decoration: none;
		text-indent: 0px;
		text-align: left;
	}
	/* Toggle Button
	========================================================================== */
	.mobile-trigger {
		width: 30px;
		height: 25px;
		cursor: pointer;
		display: none;
		flex-direction: column;
		justify-content: space-between;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 2000;
	}
	/* Mostrar solo en mobile */
	@media (max-width:1129px) {
		.mobile-trigger {
			display: flex;
		}
	}
	.mobile-trigger span {
		height: 3px;
		background: #fff; /* líneas blancas */
		border-radius: 2px;
		width: 100%;
		transition: 0.3s;
	}
	/* Animación para convertir en X */
	.mobile-trigger.open span:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	}
	.mobile-trigger.open span:nth-child(2) {
		opacity: 0;
	}
	.mobile-trigger.open span:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);
	}
	/* Child Toggle Button
	========================================================================== */
	.mobile-trigger {
		font-size: 28px;   /* tamaño del ícono ☰ */
		color: #fff;       /* color de las 3 líneas */
		cursor: pointer;
		display: none;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 2000;
	}
	/* Mostrar solo en mobile */
	@media (max-width:1129px) {
		.mobile-trigger {
			display: block;
		}
	}
	/* Menu Styles on Mobile Devices
	========================================================================== */  
	.custom-menu-primary.js-enabled{
		position: relative;
		padding-top: 0; /* Makes room for button */
		margin: 0;
	}
	/* Hide menu on mobile */
	.custom-menu-primary.js-enabled .hs-menu-wrapper,
	.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
		display: none;
	}  
	/* Make child lists appear below parent items */
	.custom-menu-primary ul.hs-menu-children-wrapper{
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		display: none;
	}
	/* Mobile Menu Styles */ 
	.custom-menu-primary.js-enabled .hs-menu-wrapper{
		width: 100%;
		top: 0;             
		left: 0;          
		padding: 0;
		background: rgb(255, 255, 255);
		z-index: 5;
		position: absolute;
		margin-top: 30px;
		padding:35px 0;
		border-radius:0;
	}
	.custom-menu-primary .hs-menu-wrapper{
		background-color:transparent; /* Menu background color set off global menuColorMobile variable */
		width: 100%; /* Full screen width */
	}
	/* Level 1 Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul > li{
		position: relative;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li a{
		overflow: visible;
	}
	/* Level 1 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item{
		border-top: 0; /* Adds transparent dark highlights to top of top level list items */
	}
	.custom-menu-primary .hs-menu-wrapper >  ul li a{
		padding: 0 10px;
		color:#000; /* link color set by global mobile-aColor variable */
	}
	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item a:hover{
		color: #7E7EB9; /* link hover color set by global mobile-aColorHover variable */
	}
	/* Level 2 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul li{
		background-color: rgba(255, 255, 255, .08);
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul li a{
		text-indent: 0; /* Indent Child lists */
		font-size: 16px; /* Font size of child lists */
	}
	/* Level 3 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
		text-indent: 30px; /* Indent Child lists */
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
		text-indent: 50px; /* Indent Child lists */
	}
	.mobile-open .mobile-trigger i {
		background-color: transparent !important;
	}
	.mobile-open .mobile-trigger i:before {
		top: 0;
		opacity: 1;
		background-color: #031838;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.mobile-open .mobile-trigger i:after {
		top: 0;
		opacity: 1;
		background-color: #031838;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.mobile-trigger i{
		background-color:#031838 ;
		-webkit-transition: .25s all ease;
		-moz-transition: .25s all ease;
		-o-transition: .25s all ease;
		transition: .25s all ease;
	}
	.mobile-trigger i:before {
		top: -8px;
		opacity: 1;
		background-color: #031838;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 1s all ease;
		-moz-transition: 1s all ease;
		-o-transition: 1s all ease;
		transition: 1s all ease;
	}
	.mobile-trigger i:after {
		top: 8px;
		opacity: 1;
		background-color: #031838;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 1s all ease;
		-moz-transition: 1s all ease;
		-o-transition: 1s all ease;
		transition: 1s all ease;
	}  
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li{
		padding: 0;
	}
	.nav-logo .logo{
		width: 100%;
		padding-left: 17px;
		position: relative;
	}  
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover:after{
		display: none;
	}
	body.mobile-open .header-nav-wrap nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
		border-top: 1px solid rgba(3, 24, 56, .10);
	}
}
@media screen and (max-width: 380px){
	nav.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.nav-cta-mobile .mobile-cta-wrapper a{
		font-size: 15px;
		padding: 15px 30px;
	}
}