body, p, h1, h2, h3, h4, h5 { padding: 0; margin: 0; }




#deets .logo {
	padding: 2vh 2vw;
}

.form-connect {
  max-width: 800px;
  padding: 15px;
  margin: 0 auto;
}
.form-connect .form-connect-heading,
.form-connect .checkbox {
  margin: 10px 0;
}
.form-connect .checkbox {
  font-weight: normal;
}
.form-connect .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-connect .form-control:focus {
  z-index: 2;
}
.form-connect input {
  margin-bottom: 10px;
}
.btn-primary {
    color: #fff;
    background-color: #2c8ebd;
    border-color: #2c8ebd;
}

.btn-primary:hover {
    color: #fff;
    background-color: #396c83;
    border-color: #396c83;
}

#PaymentMethod {
	margin-top: 15px;
	text-align: left;
}


#stripeForm, #voucherField {
	height: 0;
	overflow: hidden;
	-webkit-transition:all, 0.3s linear;
	-moz-transition: all, 0.3s linear;
	-ms-transition: all, 0.3s linear;
	-o-transition: all, 0.3s linear;
	transition: all, 0.3s linear;
}

#stripeForm.open, #voucherField.open {
	height: 52px;
	overflow: visible;
	-webkit-transition:all, 0.3s linear;
	-moz-transition: all, 0.3s linear;
	-ms-transition: all, 0.3s linear;
	-o-transition: all, 0.3s linear;
	transition: all, 0.3s linear;
}



#stripeForm.open{
	height: 100px;
}

#stripeForm form {
	/*display: inline-block;*/
	
}

#fordataamount {
	width: 275px;
    margin: 0 auto 15px auto;
	
}

.form-check-inline .form-check-label {
    padding-left: 0;
    padding-right: 1.25rem;
}