/* Form */ 
		.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
			background-color: #edebeb;
			border: #c33333 solid 2px;
		}		 
		.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
			border-color: #E4B345;background-color: #3da54f;
		}
		.custom-control-label::after {
			position: absolute;
			top: -0.65rem;
			left: -1.5rem;
			display: block;
			width: 2rem;
			height: 3rem;
			content: "";
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 50% 50%;
		}
		.custom-control-label::before {left: 0rem;}
	    .custom-control-label::after {left: -0.45rem;}
		 
		/* Hide and shiw objects */ 
	   .displaySubmit{display: none;}
	   .main {
            display: block;
            position: relative;
            margin-bottom: 15px;
            cursor: pointer;
            font-size: 20px;
        }
		.gn{display:none !important;}
		.buy_fadeInVR{-webkit-animation-name: buy_fadeInVR; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */animation-name: buy_fadeInVR;animation-duration: 0.5s;opacity: 1 ;}
		@keyframes buy_fadeInVR{
			0% {opacity: 0;}
			50% {opacity: 0.5;}
			100% {opacity: 1;}
		}	
		.buy_fadeOutVR{animation-fill-mode: forwards;-webkit-animation-name: buy_fadeOutVR; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */animation-name: buy_fadeOutVR;animation-duration: 0.5s;opacity: 0;}
		@keyframes buy_fadeOutVR{
			0% {opacity: 1;}
			50% {opacity: 0.5;}
			100% {opacity: 0;}
		}
		.formBorder{padding: 30px 0px;
			background: rgb(57,57,58);
			background: linear-gradient(222deg, rgba(50,50,50,1) 0%, rgba(50,50,50,1) 6%, rgba(26,26,26,1) 92%, rgba(26,26,26,1) 100%);
			/* background-color: #202020; */
			box-shadow: 7px 7px 43px 0px rgb(0 0 0 / 65%);
		}
		 
	    /* progressbar */ 
		.progressbar {
		    max-width: 500px;
			margin: 0px auto 0;
			overflow: hidden;
			position: absolute;
			max-width: 100%;
			width: 100%;
			background: rgb(8 8 8 / 70%);
			z-index: 777;
			top: 0px;
			bottom: 0;
		}

		span.progress {
		  position: absolute;
		  left: 0;
		  top: 0;
		  bottom: 0;
		  width: 0;
		  background: #326666;
		  transition: all 5s;
		}
		.main{
			height: 500px;
			display: grid;
			align-items: center;
		}

		.main img{
			width: 200px;
			height: 200px;
			animation-name: rotate;
			animation-duration: 5s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			border-radius: 50%;
		}

		@keyframes rotate{
			from{ transform: rotate(-360deg); }
			to{ transform: rotate(360deg); }
		}		 

        /* For the page */
		.loading-wrapper{width: 200px;position: absolute;transform: translate(-50%, -50%);top: 30%;left: 50%;}
		.formBorder{width: 500px;max-width: 85%;}
		.custom-P37{padding-left: 37px !important;}
		#glow.extra{width: 500px;max-width: 90vw;min-height: 150px;aspect-ratio: 1.8;}
		#glow.arrow{max-width: 500px;min-height: 150px;aspect-ratio: 1.8;}
		.transform40{transform: translate(-40%, 10%);}
		.maxWidth400{max-width:400px;}
		.maxWidth150{max-width:150px;}