.preloader{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:100vw;
		height:100vh;
		background:var(--fondo-screen);
		visibility:hidden;
		opacity:0;
		transition:all 0.5s ease;
		z-index:99999999999999;
	}
	.preloader_inner {
		position: absolute;
		/*top: 10%;
		bottom: 0;*/
		left: 0;
		right: 0;
		margin: auto;
		width: 4em;
		height: 4em;
		line-height: 4em;
		text-align: center;
		font-size: 1.5em;
		font-family: monospace;
		font-weight: 300;
		color: var(--porcentaje-screen);
	}

	.preloader_img{
		margin: auto;
		padding-top: 7rem;
		text-align: center;
	}

	.preloader_img img{
		width: 60vw;
	}

	.preloader_img svg{
		width: 60vw;
		fill: var(--loader-logo) !important;
	}

	.dots-loader{
		height:50vh;
	 width: 100vw;
	 overflow: hidden;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	}
		/* dots rotating begin */
	.icon__dots-rotating {
	  --size: 50px;
	  --dot: 10%;
	  --color: var(--loader-secreen-dots);
	  box-sizing: border-box;
	  position: relative;
	  width: var(--size);
	  height: var(--size);
	  margin: calc(var(--size) / 10);
	  transfor: scale (1) rotation(0deg);
	  animation: anim__dots-rotate 3s linear infinite;
	  background-image: radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%),
	    radial-gradient(var(--color) var(--dot), transparent 0%);
	  background-position: calc(var(--size) * 0.27) calc(var(--size) * 0.27),
	    calc(var(--size) * -0.27) calc(var(--size) * 0.27),
	    calc(var(--size) * 0.27) calc(var(--size) * -0.27),
	    calc(var(--size) * -0.27) calc(var(--size) * -0.27),
	    calc(var(--size) * 0.4) 0px, 0px calc(var(--size) * 0.4),
	    calc(var(--size) * -0.4) 0px, 0px calc(var(--size) * -0.4);
	}

	@keyframes anim__dots-rotate {
	  to {
	    transform: scale(1) rotate(360deg);
	  }
	}
	@keyframes anim__dots-scale-rotate {
	  to {
	    transform: scale(1.2) rotate(360deg);
	  }
	}
	/* dots rotating end */


	

	.show-page{
		visibility:visible !important;
		opacity:1 !important;
		transition:all 0.5s ease;
	}

	.page-noshow{
		visibility: hidden !important;
		transition:all 0.5s ease;
		opacity: 0 !important;
	}
	.kill-scroll {
        overflow: hidden;
    }