/* ************************************

	HEADER MENU 

 ************************************ */



.header-menu-box-upper{

	background-color:#1262F8;

}



.header-menu-box-upper .left-div{

	font-family: 'klavika-medium';

	color:#FFFFFF;

}



.header-menu-box-upper .right-div{

	font-family: 'klavika-medium';

	color:#FFFFFF;

}



.header-menu-infotext-div{

	display: inline-block;

	margin:0;

}



.header-menu-infotext-div .icon-div{

	float:left;

}



.header-menu-infotext-div .icon-div img{

	width:100%;

	display:block;

}



.header-menu-infotext-div .text-div{

	float:left;

}



.header-menu-social{

	display:inline-block;

}



.header-menu-social img{

	width:100%;

	display:block;

}



.header-menu-contacto{

	cursor:pointer;

}



.header-idioma-div{

	font-family: 'klavika-medium';

	color:#FFFFFF;

	display:inline-block;

}



.header-menu-box-lower{

	background-color:#FFFFFF;

}





.header-menu-scrolled{

	position:fixed;

	z-index: 9000;

	/*z-index:100000;*/

	transition: all 0.5s ease-in-out;

	left:0;

	right:0;

	display:none;

}



.menu-logo-div{

	float:left;

}



.menu-logo-div img{

	width:100%;

}



.menu-options-div{

	/*float:right;*/

	display:inline-block;

	/*cambio kenji*/

	float:left;


}



.menu-asociate-div{

	float:right;

	width:100%;

}



.menu-button-div{

	text-align:center;

	color:#FFFFFF;

	font-family: 'klavika-medium';

	background-color:#1262F8;	

}



.menu-button-contacto-div{

	text-align:center;

	color:#1262F8;

	font-family: 'klavika-medium';

	background-color:#FFFFFF;	

}



.menu-right-options-div{

	float:right;

}



.menu-buscar-div{

	float:right;

	border:1px solid #1262F8;

}



.menu-buscar-div .search-text-div{

	font-family: 'klavika-regular';

	color:#1262F8;

}



.menu-buscar-div .search-icon-div img{

	width:100%;

	display:block;

}



.menu-mobile-icon{

	float:right;

	color:#1262F8;

}



/* IDIOMA */



.idioma-select{

	font-family: 'klavika-medium';

	color:#FFFFFF;

	border:1px solid #FFFFFF;

	background-color:#1262F8;

	-webkit-appearance: none;

	-moz-appearance : none;

	padding:0;

	margin:0;

	text-align:left;

	outline: 0;

}



.idioma-select:hover{

	background-color:transparent;

	border:1px solid #FFFFFF;

}



.idioma-select option {

	background:transparent;

    border:0;

}



/* ************************************

	UBER MENU 

 ************************************ */



.menu-options-div{

	font-family: 'klavika-medium';

}



.menu-options-div a{

	font-family: 'klavika-medium';

	color:#FFFFFF;

}





@media only screen and (min-width: 320px) and (max-width: 399px) {

	.menu-mobile-icon{

		font-size:1.4em;

		line-height:1em;

		margin-top:22px;

		padding:0 20px 0 15px;

		

	}

	

	/* ************************************

		HEADER MENU 

	 ************************************ */

	

	.header-menu-box-upper .left-div{

		font-size:0.8em;

		margin:9px 0 0 0;

		text-align:center;

	}

	

	.header-menu-box-upper .right-div{

		font-size:0.7em;

		margin:0 0 10px 0;

		text-align:center;

	}

	

	.header-menu-infotext-div .icon-div{

		margin:0 8px 0 0;

	}

	

	.header-menu-infotext-div .icon-div img{

		max-width:15px;

		min-width:10px;

	}

	

	.header-menu-infotext-div .text-div{

		margin:0 5px 0 0;

		font-size:0.8em;

	}

	

	.header-menu-social{

		float:right;

		margin:0 12px 0 0;

	}

	

	.header-menu-social img{

		max-width:18px;

		min-with:13px;

	}

	

	.header-menu-contacto{

		float:right;

		margin-right:12px;

		width:100px;

	}

	

	.header-idioma-div{

		float:right;	

		font-size:0.8em;

		line-height:1em;

		padding-top:0;

	}

	

	.menu-logo-div{

		max-width:100px;

		min-width:100px;

		margin:15px 5px 15px 15;

		/*background-color:#0237FF;*/

	}

	

	.menu-options-div{

		display:none;

	}

	

	.menu-asociate-div{

		font-size:0.8em;

		line-height:1em;

		margin-top:23px;

		margin-right:10px;

	}

	

	.menu-button-div{

		padding:5px 0 3px 0;

		font-size:0.8em;

	}

	

	.menu-button-contacto-div{

		padding:3px 0 2px 0;

		font-size:0.8em;

	}

	

	.menu-right-options-div{

		width:130px;

	}



	.menu-buscar-div{

		display:none;

	}

	

	/* IDIOMA */

	

	.idioma-select{

		font-size:1em;

		line-height:1em;

		height: 1.3rem;

		width:100px;

		background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="8" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(250, 250, 250)"></polygon></svg>');

	}

}



@media only screen and (min-width:400px) and (max-width: 640px) {

	.menu-mobile-icon{

		font-size:1.6em;

		line-height:1em;

		margin-top:22px;

		padding:0 20px 0 15px;

		

	}

	

	/* ************************************

		HEADER MENU 

	 ************************************ */

	

	.header-menu-box-upper .left-div{

		font-size:0.9em;

		margin:9px 0 0 0;

		text-align:center;

	}

	

	.header-menu-box-upper .right-div{

		font-size:0.7em;

		margin:0 0 10px 0;

		text-align:center;

	}

	

	.header-menu-infotext-div .icon-div{

		margin:0 8px 0 0;

	}

	

	.header-menu-infotext-div .icon-div img{

		max-width:20px;

		min-width:10px;

	}

	

	.header-menu-infotext-div .text-div{

		margin:0 5px 0 0;

		font-size:0.8em;

	}

	

	.header-menu-social{

		float:right;	

		margin:0 12px 0 0;

	}

	

	.header-menu-social img{

		max-width:20px;

		min-with:13px;

	}

	

	.header-menu-contacto{

		float:right;

		margin-right:12px;

		width:100px;

	}

	

	.header-idioma-div{

		float:right;	

		font-size:0.9em;

		line-height:1em;

		padding-top:0;

	}

	

	.menu-logo-div{

		max-width:120px;

		min-width:100px;

		margin:15px 5px 15px 15;

		/*background-color:#ACC7FF;*/

	}

	

	.menu-options-div{

		display:none;

	}

	

	.menu-asociate-div{

		font-size:0.9em;

		line-height:1em;

		margin-top:23px;

		margin-right:10px;

	}

	

	.menu-button-div{

		padding:5px 0 3px 0;

		font-size:0.8em;

	}

	

	.menu-button-contacto-div{

		padding:4px 0 1px 0;

		font-size:0.8em;

	}

	

	.menu-right-options-div{

		width:130px;

	}

	

	.menu-buscar-div{

		display:none;

	}

	

	/* IDIOMA */

	

	.idioma-select{

		font-size:1em;

		line-height:1em;

		height: 1.4rem;

		width:100px;

		background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="8" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(250, 250, 250)"></polygon></svg>');

	}

}



@media only screen and (min-width: 641px) { /* min-width 641px, medium screens [TABLETS] */	

	

	.menu-mobile-icon{

		font-size:2em;

		line-height:1em;

		margin-top:24px;

		padding:0 20px 0 15px;

		

	}

	

	/* ************************************

		HEADER MENU 

	 ************************************ */

	

	.header-menu-box-upper .left-div{

		font-size:1em;

		margin:9px 0 0 0;

		text-align:center;

	}

	

	.header-menu-box-upper .right-div{

		font-size:0.8em;

		margin:0 0 10px 0;

		text-align:center;

	}

	

	.header-menu-infotext-div .icon-div{

		margin:0 8px 0 0;

	}

	

	.header-menu-infotext-div .icon-div img{

		max-width:20px;

		min-width:10px;

	}

	

	.header-menu-infotext-div .text-div{

		margin:0 5px 0 0;

		font-size:0.8em;

	}

	

	.header-menu-social{

		float:right;	

		margin:0 12px 0 0;

	}

	

	.header-menu-social img{

		max-width:20px;

		min-with:13px;

	}

	

	.header-menu-contacto{

		float:right;

		margin-right:12px;

		width:100px;

	}

	

	.header-idioma-div{

		float:right;	

		font-size:0.9em;

		line-height:1em;

		padding-top:0;

	}

	

	.menu-logo-div{

		max-width:140px;

		min-width:100px;

		margin:15px 5px 15px 15;

		/*background-color:#FF0004;*/

	}

	

	.menu-options-div{

		display:none;

	}

	

	.menu-asociate-div{

		font-size:1em;

		line-height:1em;

		margin-top:28px;

		margin-right:10px;

	}

	

	.menu-button-div{

		padding:5px 0 3px 0;

		font-size:0.8em;

	}

	

	.menu-button-contacto-div{

		padding:4px 0 1px 0;

		font-size:0.8em;

	}

	

	.menu-right-options-div{

		width:170px;

	}

	

	.menu-buscar-div{

		display:none;

	}

	

	/* IDIOMA */

	

	.idioma-select{

		font-size:1em;

		line-height:1em;

		height: 1.4rem;

		width:100px;

		background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="8" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(250, 250, 250)"></polygon></svg>');

	}

	

}



@media only screen and (min-width: 1025px) { /* min-width 1024px, large screens [LAPTOP/PC] */

	/* ************************************

		HEADER MENU 

	 ************************************ */

	

	.header-menu-box-upper .left-div{

		font-size:1em;

		margin:9px 0 0 0;

		text-align:left;

	}

	

	.header-menu-box-upper .right-div{

		font-size:1em;

		margin:7px 0 0 0;

		text-align:right;

	}

	

	.header-menu-infotext-div .icon-div{

		margin:0 5px 0 0;

	}

	

	.header-menu-infotext-div .icon-div img{

		max-width:20px;

		min-width:10px;

	}

	

	.header-menu-infotext-div .text-div{

		margin:0 10px 0 0;

		font-size:0.9em;

	}

	

	.header-menu-social{

		float:right;	

		margin:0 10px 0 0;

	}

	

	.header-menu-social img{

		max-width:23px;

		min-with:13px;

	}

	

	.header-menu-contacto{

		float:right;

		margin-right:12px;

		width:100px;

	}

	

	.header-idioma-div{

		float:right;	

		font-size:1em;

		line-height:1em;

		padding-top:0;

	}

	

	.menu-logo-div{

		max-width:140px;

		min-width:100px;

		margin:15px 5px 15px 0;

		/*background-color:#FFB2B4;*/

	}

	

	.menu-options-div{

		margin-top:17px;

		display:block;

	}

	

	.menu-asociate-div{

		font-size:1em;

		line-height:1em;

		/*margin-top:28px;

		margin-right:10px;

		width:160px;*/

		/*cambio kenji*/

		width:170px;

		margin-top:0px;

		margin-right:0px;



	}

	

	.menu-button-div{

		padding:4px 0 1px 0;

		font-size:0.8em;

		width:100%;

	}

	

	.menu-button-contacto-div{

		padding:4px 0 1px 0;

		font-size:0.8em;

		width:100%;

	}

	

	.menu-right-options-div{

		/*width:350px;*/
		/*cambio  kenji*/
		width:173px;

	}

	

	.menu-buscar-div{

		display:block;

		padding:3px 5px 1px 5px;

		width:170px;

		margin-top:26px;

		margin-bottom:5px;

	}

	

	.menu-buscar-div .search-text-div{

		width:150px;

		font-size:0.8em;

	}

	

	.menu-buscar-div .search-icon-div{

		max-width:18px;

		min-width:10px;

		cursor:pointer;

	}

	

	/* IDIOMA */

	

	.idioma-select{

		font-size:0.9em;

		line-height:1em;

		height: 1.6rem;

		padding-top:3px;

		padding-left:3px;

		width:100px;

		background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="18" height="10" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(250, 250, 250)"></polygon></svg>');

	}

	

	/* ************************************

		UBER MENU 

	 ************************************ */

	.menu-options-div a{

		font-size:0.9em;

	}

	

	.menu-options-div .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {

		margin-top:-10px;

		font-size:1.1em;

	}

}