
			#price {
				display: inline-block;
				margin: 0 3rem 0 0;
				font-weight: 600;
				color: #463c9f;
				font-size: 2rem;
				line-height: 1.3;
			}
			.slidecontainer {
				width: 100%;
			}

			.slider {
				-webkit-appearance: none;
				width: 100%;
				height: 8px;
				border-radius: 2px;
				background: #463c9f;
				outline: none;
				margin-top:20px
			}

			.slider::-webkit-slider-thumb {
				-webkit-appearance: none;
				appearance: none;
				width: 25px;
				height: 25px;
				border-radius: 50%;
				background: #463c9f;
				cursor: pointer;
			}

			.slider::-moz-range-thumb {
				width: 25px;
				height: 25px;
				border-radius: 50%;
				background: #463c9f;
				cursor: pointer;
			}
									
			#loader {
				position: absolute;
				width: 50px;
				height: 50px;
				left:43%;
				top:5%;
				border: 4px solid #f3f3f3;
				border-radius: 50%;
				border-top: 4px solid #463c9f;

				-webkit-animation: spin 2s linear infinite;
				animation: spin 2s linear infinite;
			}
			
			
			
			@-webkit-keyframes spin {
			  0% { -webkit-transform: rotate(0deg); }
			  100% { -webkit-transform: rotate(360deg); }
			}

			@keyframes spin {
			  0% { transform: rotate(0deg); }
			  100% { transform: rotate(360deg); }
			}

			
			.animate-bottom {
			  position: relative;
			  -webkit-animation-name: animatebottom;
			  -webkit-animation-duration: 1s;
			  animation-name: animatebottom;
			  animation-duration: 1s
			}

			@-webkit-keyframes animatebottom {
			  from { bottom:-100px; opacity:0 } 
			  to { bottom:0px; opacity:1 }
			}

			@keyframes animatebottom { 
			  from{ bottom:-100px; opacity:0 } 
			  to{ bottom:0; opacity:1 }
			}
					