/*--- FORM ---*/

.button-outer {
  float:left;
}

#blackout {
  display:none;
  width:100%;
  height:100%;
  z-index:999;
  top:0;
  left:0;
  position: fixed;
  background-color:rgba(0,0,0,0.7);
}

.icc:before, .icl:before {
  font-family: 'FontAwesome';
  content:"";
  display:block;
  font-size: inherit;
  color:inherit;
}
.icc:before {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%) rotate(0deg);
  -ms-transform: translate(-50%,-50%) rotate(0deg);
  -webkit-transform: translate(-50%,-50%) rotate(0deg);
}
.icl:before {
  position:absolute;
  top:50%;
	left:10px;
  transform: translate(0,-50%) rotate(0deg);
  -ms-transform: translate(0,-50%) rotate(0deg);
  -webkit-transform: translate(0,-50%) rotate(0deg);
}
._c {
  line-height: 1;
  position:relative;
  top:50%;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}

.grecaptcha-badge {
  display: none;
}
.form {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 400px;
	overflow: hidden;

	transition:background .25s ease-in-out;
	-ms-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
}
.form.form-embed {
  /* max-width:450px; */
  width:100%;
  margin:20px auto;
  /* padding:20px; */
  box-sizing: border-box;
  background-color:transparent;
}
.footer .form.form-embed {
  max-width: none;
  margin:0;
  padding:0;
  background-color:transparent;
}
.form-button:last-child {
  margin-bottom:0;
}
.form.form-embed .form-inner {
  padding:0;
  margin-bottom:10px;
  background-color:transparent;
}
.form-single .form-inner {
  height:40px;
}
.form .form-inner {
	position: relative;
	padding:10px 10px 20px 10px;
	/*border:solid 2px #e3e3e3;*/
	border-bottom: 0;
	overflow: hidden;
	background-color:white;
  /* height:40px; */
}
.form.form-embed h1 {
  text-align: left;
}
.form.form-single .form-inner {
  padding:0;
}
.form.form-single {width:calc(100% + 20px);}
.form.form-single .field {
  box-sizing: border-box;
  width:20%;
  height:100%;
  float:left;
  margin:0;
  padding:0 20px 0 0;
}
.form.form-single .form_wrap {
  max-height:none;
  top:0;
  transform:translateY(0);
  -ms-transform:translateY(0);
  -webkit-transform:translateY(0);
}
.form.form-single .field input[type="text"],
.form.form-single .field input[type="number"],
.form.form-single .field input[type="email"],
.form.form-single .field textarea {
  height:100%;
  border:solid 2px #C41188;
  padding:0 10px;
}
.form h1 {
	text-align: center;
	margin-bottom:10px;
	color:#000000;
}
.form.main h1 {
	color:#8e8e8e;
}
.form .field {
	position:relative;
	text-align: left;
	box-sizing: border-box;
	width:100%;
	margin-bottom:10px;
	font-size:16px;
	color:#8e8e8e;
  float:left;
}
.form .field.field-half {
  width:50%;
  padding-right:10px;
}
.form .field.field-half.nopad {padding-right:0;}
.form .field_label {
	line-height: 1;
	font-size:14px;
	top:-15px;
	left:0;
	height:20px;
	display:block;
	color:#8e8e8e;
}
.form .field_label div {
	line-height: 1;
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.form .field:last-child {
	margin-bottom:0;
}
.form .submit-row {
	box-sizing: border-box;
	width:100%;
	background-color:#e3e3e3;
	padding:5px 0 0 0;
}
.form-embed .form-submit {
  /* background-color: */
  /* border-radius: 10px; */
}
.form-single .form-submit {
  font-family:'Bariol';
  position:relative;
  text-transform: uppercase;
  box-sizing: border-box;
  width:100%;
  height:100%;
  background-color:transparent;
  color:#C41188;
  border:solid 2px #C41188;
  letter-spacing:4px;
  padding:0;
  text-align: center;
}
.form-single .form-submit:hover {
  color:white;
  background-color:#C41188;
}
.form-single .form-submit div {
  margin-top:1px;
}

.form .form-submit {
  font-family:'Bariol';
  cursor:pointer;
  box-sizing: border-box;
  position:relative;
  color:black;
  border:solid 2px #616161;
  text-decoration: none;
  text-align: center;
  width:auto;
  height:40px;
  margin-top:15px;
  margin-bottom:10px;
  padding:0px 30px;
  font-size: 14px;
  display:inline-block;
  text-transform: uppercase;
  /* letter-spacing:4px; */
  font-weight:700;
  float:right;

  transition:all .15s ease-in-out;
  -ms-transition:all .15s ease-in-out;
  -webkit-transition:all .15s ease-in-out;
}
.form .form-submit:hover {
  background-color:#616161;
  color:white;
}

.form .form-submit div {
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.form .button.__reset {
  background-color:black;
  color:white;
}
.form .button.__reset:hover {
  background-color: #3c3c3c;
}
/* .form-submit:before {
	font-family: 'FontAwesome';
	content:'\f1d8';
	padding-right:5px;
	font-size:14px;
	position:absolute;
	left:10px;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	transition:all .25s ease-in-out;
	-ms-transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
} */
.form-single .form-submit:before {
  display:none;
}
.form .form-submit:hover::before{
	/* margin-top:-3px; */
	/* left:12px; */
}

.form.form-embed[data-design="outline"] .field input[type="text"],
.form.form-embed[data-design="outline"] .field input[type="number"],
.form.form-embed[data-design="outline"] .field input[type="email"],
.form.form-embed[data-design="outline"] .field textarea {
  background-color:transparent;
  border:solid 1px #37B7A7;
  color:white;
  border-radius: 0;
}
.form.form-embed .field input::placeholder,
.form.form-embed .field textarea::placeholder {
  color: #777777;
}
.form.form-embed[data-design="outline"] .field input::placeholder,
.form.form-embed[data-design="outline"] .field textarea::placeholder {
  color: white;
}
.form.form-single .field input::placeholder,
.form.form-single .field textarea::placeholder {
  color: #777777;
  font-family:'Bariol';
}
.form-embed[data-design="outline"] .field.error input[type="text"],
.form-embed[data-design="outline"] .field.error input[type="number"],
.form-embed[data-design="outline"] .field.error input[type="email"],
.form-embed[data-design="outline"] .field.error textarea {
  border:solid 1px red;
}
.form-embed[data-design="outline"] .field .select-cont {
  background-color:transparent;
  border:solid 1px #37B7A7;
  border-radius: 0px;
}
.form-embed[data-design="outline"] .field .select-cont.error {border-color:red;}
.form-embed[data-design="outline"] .field .select-cont:after {
  color:white;
}
.form-embed[data-design="outline"] .field .select-cont select {
  color:white;
}


.form-embed .field input[type="text"],
.form-embed .field input[type="number"],
.form-embed .field input[type="email"],
.form-embed .field textarea {
  font-family:arial;
  border-radius: 4px;
  height:40px;
  padding:0 10px;
}
.form-embed .field textarea {
  height:120px;
  padding: 10px;
}

.footer .form-embed .field textarea {
  height:80px;
  padding: 10px;
}

.form-embed .field.error {
  background-color:transparent;
  padding:0;
}
.form-embed .field.error input,
.form-embed .field.error textarea {
  border:solid 2px red;
}
.form-embed .field.error label.error {display:none!important;}

.field.error,
.flex-form-row.error {
	background-color: #ffd1d1;
	padding:10px;
}
label.error {}

/* .form .field.error input[type="checkbox"] + label:before {
  color:red;
} */

.form .field.error input[type="checkbox"] + label {
  background-color: #ffd1d1;
  padding-top:10px;
  padding-bottom:10px;
}

.field input[type="text"],
.field input[type="number"],
.field input[type="email"],
.field textarea {
	box-sizing: border-box;
	width:100%;
	border: solid 1px #e3e3e3;
	padding:5px;
	font-size:14px;
}
.field input[type="text"] {
	box-sizing: border-box;
	width:100%;
}
.field textarea {
	display:block;
	box-sizing: border-box;
	width:100%;
	resize: none;
}
.field input[type="checkbox"],
.field input[type="radio"] {
  display:none;
}
.field input[type="checkbox"] + label,
.field input[type="radio"] + label {
	position:relative;
  display:block;
	padding:0 0 0 25px;
  cursor:pointer;
	margin-bottom:4px;
}
.field input[type="checkbox"] + label:last-child,
.field input[type="radio"] + label:last-child {
	margin-bottom:0;
}
.field input[type="checkbox"] + label:before,
.field input[type="radio"] + label:before {
	display:block;
	font-family:'FontAwesome';
	content: '\f0c8';
	font-size:18px;
	position:absolute;
	left:2px;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color:#8e8e8e;

	transition:all .25s ease-in-out;
	-ms-transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.form .field input[type="checkbox"]:checked + label:before {
  content:'\f14a';
	color:#000000;
}
.field input[type="checkbox"] + label:hover::before,
.field input[type="radio"] + label:hover::before {
	color:#606060;
}
.field input[type="radio"] + label:before {
	content: '\f111';
}
.form .field input[type="radio"]:checked + label:before {
  content:'\f192';
	color:#DC3972;
}
.field select {
	display:block;
}

.field .select-cont {
  box-sizing: border-box;
  position:relative;
  height: 40px;
  overflow: hidden;
  width: 100%;
  background-color:white;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
}
.field .select-cont.error {border:solid 2px red;}
.field .select-cont:after {
  pointer-events: none;
  position:absolute;
  content:'\f13a';
  font-family: 'FontAwesome';
  color:#777777;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}

.field .select-cont select {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color:#777777;
  outline: none;
}
.form .window-inner {
  overflow-x: hidden;
}
.form.__window .window-inner {
	box-sizing: border-box;
	overflow-y: auto;
	height:100%;
	padding:40px 10px 10px 10px;
	background-color:#e3e3e3;
}
.form-embed .form_wrap {
  max-height:none;
  top:0;
  transform:translateY(0);
  -ms-transform:translateY(0);
  -webkit-transform:translateY(0);
}
.form_wrap {
	position:relative;
  max-height: calc(100% - 0%);
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.form.__window {
  display:none;
  top:0;
  box-sizing: border-box;
  position: fixed;
  z-index:999999;
  width: 370px;
  overflow-y: auto;
	height:100%;
  left: 50%;
  transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
}
.form.__window .close {
	cursor: pointer;
	position:absolute;
	width:30px;
	height:30px;
	font-size:20px;
	color:black;
	top:0;
	right:0;
}
.form.__window .close:before {content:'\f00d';}

.footer .form.form-embed .loader {
  color:white;
}
.row.lighticons .form .loader {color:white;}
.row.lighticons .form .inner-status {color:white;}
.form .loader {
  color:black;
  position:relative;
  display:none;
  width:100%;
  height:100px;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.form .loader:before {
  font-size:40px;
  content:'\f021';
}
.form .loader.done {
  -webkit-animation: none;
  animation: none;
}
.form .loader.done:before {

}
.form .loader.done.success:before {
  content:'\f00c';
}
.form .loader.done.fail:before {
  content:'\f00d';
}
.footer .form.form-embed .inner-status {
  color:white;
}
.form .inner-status {
  display:none;
  width:100%;
  line-height:1.5;
  text-align: center;
  font-size:16px;
  color:black;
}
.form .inner-status.error {
  margin-bottom:10px;
}
.form .inner-status .button {
  margin: 10px 0 0 0;
  display:block;
}
.form .inner-status h1 {
  text-align:center;
}
.form .inner-status li {
  text-align: left;
  color:#421540;
}


.sub-note {
  width:100%;
  display:block;
  float:left;
  clear:both;
  font-size:14px;
  padding:0 10px 10px 10px;
}

.form-note {
  box-sizing: border-box;
  font-size: 16px;
  color:white;
  background-color:black;
  padding:10px;
  font-weight:700;
}
.flex-form-row {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
.flex-form-row span {
  padding-right:10px;
}

/*#####*/

/* --- STRIPE --- */
.StripeElement {
  background-color: white;
  border-radius: 4px;
  height: 40px;
  padding: 10px 12px;
  border: solid 1px #e3e3e3;
  width:100%;
  box-sizing: border-box;
  margin-bottom:10px;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
#card-errors {
  color:#ff7142;
  font-size:12px;
}

@media screen and (max-width: 800px) {
  .form.form-embed {
    /* margin:0; */
    margin-bottom:0;
    max-width: none;
  }
  .form.__window {
    width:100%;
    background-color:#e3e3e3;
    left: 0;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .form_wrap {
    top:0;
    transform:translate(0,0);
  }
  .form.form-single .field {
    width:100%;
    padding:0;
    height:40px;
    margin-bottom:15px;
  }
  .form.form-single .field:last-of-type {
    margin:0;
  }
  .form.form-single {
    width:100%;
  }
  .form.form-single .form-inner {
    height:auto;
    padding:10px;
  }
}








/**/