/* Hide Body Scrollbar */

	.scrollbar {
		overflow-y: auto;
		/* padding-right: 1px; */
	}

	.scrollbar::-webkit-scrollbar-track {
		background-color: white;
	}

	.scrollbar::-webkit-scrollbar {
		width: 0px;
		background-color: white;
	}

	.scrollbar::-webkit-scrollbar-thumb {
		background-color: white;
	}
	
	/* Internet Explorer */
	body.scrollbar {
		
		scrollbar-width: 0px;
		  scrollbar-base-color: rgba(250, 250, 250, 0);
		  scrollbar-face-color: rgba(250, 250, 250, 0);
		  scrollbar-3dlight-color: rgba(250, 250, 250, 0);
		  scrollbar-highlight-color: rgba(250, 250, 250, 0);
		  scrollbar-track-color: rgba(250, 250, 250, 0);
		  scrollbar-arrow-color: rgba(250, 250, 250, 0);
		  scrollbar-shadow-color: rgba(250, 250, 250, 0);
		  scrollbar-dark-shadow-color: rgba(250, 250, 250, 0);
		    -ms-overflow-style: none;
	}

	/* Animations */

	@keyframes translateFromLeft {
		0% {
			transform: translateX(-15%);
			opacity:0;
		}
		100% {
			transform: translateX(0);
			opacity:1;
		}
	}

	.animate-from-left{

		animation-name: translateFromLeft; /* the name of the animation we defined above */
		animation-iteration-count: 1; /* how many times the animation will play */
		/* animation-timing-function: ease-in;  /* how the animation will behave */
		animation-duration: .5s; /* the duration of the animation */
	}