#content .block.done .form form,
#content .block .form form.submitting,
#content .block .form.submitting form{
  pointer-events:none;
}
#content .block .form form .over,
#content .block .form form .info{
  pointer-events:all;
}
.form .ul{
	list-style:none;
  padding:0;
  margin:0;
}
.form .li{
  width:250rem;
  display:inline-block;
	vertical-align:top;
  margin:0 25rem 15rem 0;
  position:relative;
}
.form .li.full{
  width:100%;
  margin:0 0 15rem 0;
}
.form .li.text input,
.form .li.text label{
  font-size:15rem;
  line-height:42rem;
  font-weight:700;
  color:#e54c2e;
  text-align:center;
  text-transform:uppercase;
  width:100%;
  height:42rem;
  padding:0 15rem;
}
.form .li.text input{
  border:1rem solid #ffffff;
  background:#ffffff;
  _background:rgba(255,0,0,.3); 
  box-sizing:border-box;
  border-radius:10rem;
}
.form .li.text label{
  position:absolute;
  top:0;
  left:0;
  transition:all .2s;
  display:none;
  padding:1rem 15rem;
}
.form .li.text label[for="cheque"]{
	line-height:18rem;
	padding:3rem 15rem;
}
.form .li.text input:placeholder-shown + label{
  display:block;
}
.form .li.text.req input:placeholder-shown + label::after{
  content:'*';
}
.form .li.text.err input{
  color:#ffffff;
  background:#f3410e;
}
.form .li.text.err input:placeholder-shown + label{
  color:#ffffff;
}
.form .li.choose{
  margin-bottom:19rem;
}
.form .li.choose > label{
  font-size:15rem;
  line-height:42rem;
  font-weight:700;
  color:#e54c2e;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}
.form .li.choose small{
  font-size:12rem;
  line-height:15rem;
  color:#ffffff;
  text-align:center;
	text-transform:uppercase;
  font-weight:400;
  display:block;
  margin:10rem 45rem 0 20rem;
}
.form .li.choose div.choose{
  width:100%;
  height:42rem;
  padding:0;
  margin:0;
  position:relative;
  border:2rem dashed #e54c2e;
  background:#ffffff;
	/** https://kovart.github.io/dashed-border-generator/ */
	_background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23e54c2e' stroke-width='2' stroke-dasharray='4%2c4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  _background:rgba(255,0,0,.3); 
  border-radius:10rem;
  box-sizing:border-box;
}
.form .li.choose div.choose input{
  position:absolute;
  left:-400%;
  visibility:hidden;
}
.form .li.choose div.choose span{
  font-size:15rem;
  line-height:17rem;
  font-weight:700;
  word-break:break-all;
  height:36rem;
  color:#e54c2e;
  display:block;
  overflow:hidden;
  padding:3rem 35rem 3rem 45rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  border:0;
  margin:0;
}
.form .li.choose div.choose.choosed span{
  word-break:normal;
	white-space:nowrap;
	line-height:34rem;
	text-overflow:ellipsis;
}
.form .li.choose.err div.choose{
  background:#f3410e;
}
.form .li.choose.err div.choose span{
  color:#ffffff;
}
.form .li.choose div.choose label{
  width:28rem;
  height:25rem;
  cursor:pointer;
  position:absolute;
  top:7rem;
  left:14rem;
  background:url(images/choose2.png) no-repeat center;
  background-image:url(images/choose2.svg), none;
  background-size:contain;
}
.form .li.choose.err div.choose label{
  background-image:url(images/choosew2.png);
  background-image:url(images/choosew2.svg), none;
}
.form .li.choose div.choose label + label{
  width:22rem;
  height:22rem;
  background-image:url(images/choose.png);
  background-image:url(images/choose.svg), none;
  top:9rem;
  left:auto;
  right:9rem;
}
.form .li.choose.err div.choose label + label{
  background-image:url(images/choosew.png);
  background-image:url(images/choosew.svg), none;
}
.form .li.check{
  margin-bottom:20rem;
}
.form .li.check input{
  display:none;
}
.form .li.check label{
  font-size:12rem;
  line-height:15rem;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:400;
  padding-left:30rem;
  display:block;
  position:relative;
  margin:0 -10rem 0 0;
}
.form .li.check.req label span::after{
  content:'*';
}
.form .li.check.single-line label{
  padding-top:0;
}
.form .li.check a{
  color:#ffffff;
  text-decoration:underline;
}
.form .li.check a:hover{
  text-decoration:none;
}
.form .li.check label::before,
.form .li.check label::after{
  content:'';
  width:20rem;
  height:20rem;
  position:absolute;
  left:2rem;
  top:0;
  box-sizing:border-box;
  border-radius:5rem;
}
.form .li.check label::before{
  border:1rem solid #ffffff;
  background:none;
}
.form .li.check.err input + label::before{
  background:#f3410e;
}
.form .li.check input:checked + label::before{
  background:none;
}
.form .li.check label::after{
  background:url(images/check.png) no-repeat center;
  background-image:url(images/check.svg), none;
  background-size:contain;
  display:none;
}
.form .li.check input:checked + label::after{
  display:block;
}
.form .li.radio input{
  position:absolute;
  opacity:0;
  visibility:hidden;
}
.form .li .req-text{
  font-size:12rem;
  line-height:15rem;
  color:#ffffff;
  text-transform:uppercase;
  text-align:center;
  font-weight:400;
  display:block;
  margin:0;
  padding:6rem 0 0 0;
}
.form .li .req-text::before{
  content:'*';
}
.form .li.alert{
  padding:7rem 0 0 0;
}
.form .li.alert div{
  font-size:14rem;
  line-height:15rem;
  font-weight:700;
  color:#e54c2e;
  text-align:center;
  display:none;
  margin:0 -80rem;
}
.form .li.alert span{
}
.form .li.alert.on div{
  display:block;
}
.form .submit{
  width:255rem;
  height:50rem;
  position:relative;
  margin:0 auto;
	margin-top:17rem;
}
.form.submitting .submit .button,
form.submitting .submit .button{
  opacity:.5;
}
.form .submit .button{
  display:block;
  margin:0;
  padding:0;
  cursor:pointer;
  outline:0;
}
.form .submit div{
  width:100%;
  height:100%;
  background:url(images/spinner_white.gif) no-repeat center center;
  background-image:url(images/spinner_white.svg), none;
  background-size:contain;
  position:absolute;
  top:0;
  display:none;
}
.form.submitting .submit div,
form.submitting .submit div{
  display:block;
}