.kids-vault-button {
			background-color: #FFB600;
			color: #0C338D;
			width: 150px;
			height: 50px;
			font-size: 14pt;
			font-weight: 700;
			margin-top: 20px;
			border-radius: 50px;
			border: none;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			padding-top: 5px;
		}
		
		.kids-vault-button:hover {
			background-color: #FF9E00;
			font-size: 16pt;
			
		}
		
		.kids-vault-label {
			font-size: 20pt;
			line-height: 20pt;
			font-weight: 700;
			border-color: #0C3EB5;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			color: #fafafa;
			text-align: center;
			margin: 0px !important;
			padding-top: 50px;
		}
		
		.kids-vault-input {
			width: 270px;
			height: 50px;
			border-radius: 50px;
			color: #2d2d2d;
			font-size: 34pt;
			text-align: center;
			margin-top: 20px;
			border: none;
		}
		
		.kids-vault-backDoor {
			background: #333;
			background-image: url('https://kingsgate.church/media/8d8ee3ae85e84cc/vault-back-kate.png');
			background-repeat: no-repeat;
			background-size: contain;
  			position: relative;
  			width:420px;
  			height:420px;
  			margin: 0 auto;
  			margin-top:50px;
			top: 0px;
			left: 0px;
			margin-bottom: 150px;
			border-radius: 100%;
		}
		
		.kids-vault-errordoor {
			background-image: url('https://kingsgate.church/media/8d8ee38eba152e2/bgd-error.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		
		.kids-vault-successdoor {
			background-image: url('https://kingsgate.church/media/8d8ee3a526546a8/bgd-success.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}

		.kids-vault-door {
			background-image: url('https://kingsgate.church/media/8d8ee2e0e273b05/vault-door.png');
			background-repeat: no-repeat;
			background-size: contain;
  			position: absolute;
  			top:0px;
  			left:0px;
  			width:420px;
  			height:420px;

  			transform-origin: center;
  			/*Speed of the Door animation*/
  			transition: transform 0.9s cubic-bezier(0.37, 0, 0.08, 1);
		}

		.kids-vault-doorOpen
			{
  			/*prespectiv creates the door open effect*/
  			transform: perspective(1200px) translateX(380px) rotateZ(180deg);
			
		}
		
		.kids-vault-form
			{
  			position: relative;
			margin-right: 50px;
			margin-bottom: 100px;
		}
		
		.kids-vault-body {
			background-image: url('https://kingsgate.church/media/8d8ee36d2053e76/bgd.jpg');
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		input.kids-vault-input:focus, textarea.kids-vault-input:focus, select.kids-vault-input:focus{
        outline: none;
    		}
		
		
		@media only screen and (max-width: 800px) {
  		
			.kids-vault-collapse {
    		display: inline-block;
  			}
			
			.kids-vault-form {
				margin-right: 0px;
			}
		}