#abremenu{width:36px;height:36px;position:absolute;top:43px;right:var(--ab-sides);z-index: 12;cursor:pointer;}
		#abremenu div{position:absolute;width:36px;height:2px;background-color:var(--ab-color-white);margin-bottom:7px;transition:all .2s ease-out;}
		.single-portafolio #abremenu div{background-color:var(--ab-color-green);}
		.page-gracias #abremenu div{background-color:var(--ab-color-green);}
		#abremenu div.bgsqr{width:36px;height:36px;background:transparent;}
		#abremenu div:nth-child(2){width:36px;top:0px;}
		#abremenu div:nth-child(3){width:26px;right:0;top:9px;}
		#abremenu div:nth-child(4){width:36px;top:0;top:18px;}
		#abremenu:hover div:nth-child(3){width:36px;}
		#abremenu.activa{position:fixed;}

		.single-portafolio #abremenu.activa div:not(.bgsqr){background-color:var(--ab-color-white);}
		.page-gracias #abremenu.activa div:not(.bgsqr){background-color:var(--ab-color-white);}
		#abremenu.activa div:not(.bgsqr){top:9px;transform:rotate(-45deg) translateY(-50%);}
		#abremenu.activa div:nth-child(3){transform:rotate(45deg);width:36px;}
		#abremenu.activa #abmenu{display:block;}
		
		#logotop .logocompleto {position:absolute;top:43px;left:var(--ab-sides);z-index: 11;overflow: hidden;}
		#logotop .logocompleto .otros{height:15px;width:auto;opacity:0;margin-left:-100%;transition:all .4s ease-out;pointer-events: none;}
		#logotop .logocompleto:hover .otros, .home #logotop .logocompleto .otros{height:15px;width:auto;opacity:1;left:0;margin-left:0;}
		#logotop .logocompleto .ab{height:15px;width:auto;position:absolute;left: 0; top: 0;transition:all .4s ease-out;}
		#logotop .logocompleto:hover .ab, .home #logotop .logocompleto .ab{left: 102px;opacity:0;}
		#logotop .logocompleto.blanco .otros.negro{display:none;}
		#logotop .logocompleto.negro .otros.blanco{display:none;}
		

	@media (min-width: 501px) and (max-width: 1450px) {
		#abmenu{left:var(--ab-sides);}
	}
	
	@media (max-width: 500px) {
		#abremenu{right:36px;top:25px;z-index:12;}
		#logotop .logocompleto{left:var(--ab-sides);top:25px;}
		#logotop .logocompleto .ab{bottom:17px;}
		#logotop .logocompleto:hover .otros{height:15px;width:auto;opacity:0;margin-left:-100%;left:unset;}
		#logotop .logocompleto:hover .ab{left: 0;opacity:1;}
	}
	#covermenubg{width:100vw;height:100vh;z-index:2;background-color:black;position:absolute;}