.form{
  width:100%;
  position:relative;
  z-index:1;
}
.form .ul{
	list-style:none;
  padding:0;
  margin:0;
  width:300rem;
}
.form .li{
  width:100%;
  display:block;
  margin:0 0 12rem 0;
  position:relative;
}
.form input.text,
.form input.text + label,
.form div.choose span,
.form li.select > label{
  font-size:13rem;
  line-height:40rem;
  color:#2f2e2f;
  font-weight:600;
}
.form input.text{
  width:300rem;
  box-sizing:border-box;
  padding:0 22rem;
  background:#ffffff;
  border:1rem solid #ffffff;
  border-radius:21rem;
}
.form .li.err input.text{
  color:#7e0011;
  background:#e2001a;
  border-color:#7e0011;
}
.form input.text:required{
  box-shadow:none;
}
.form input.text + label{
  top:2rem;
  position:absolute;
  left:22rem;
  transition:all .2s;
  opacity:0;
}
.form input.text:placeholder-shown + label{
  opacity:.5;
}
.form .li.err input.text:placeholder-shown + label{
  color:#ffffff;
}
.form input.text:placeholder-shown + label small{
  display:none;
}
.form input.text:required:placeholder-shown + label::after{
  content:'*';
}

/* Change Autocomplete styles in Chrome*/
.form input.text:-webkit-autofill,
.form input.text:-webkit-autofill:hover, 
.form input.text:-webkit-autofill:focus,
.form input.text:-webkit-autofill:first-line{
  -webkit-text-fill-color: #6F4B2D;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form .li.err input.text:-webkit-autofill,
.form .li.err input.text:-webkit-autofill:hover, 
.form .li.err input.text:-webkit-autofill:focus,
.form .li.err input.text:-webkit-autofill:first-line{
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #E01000 inset;
}
.form .li.choose{
  line-height:84rem;
  margin:-5rem 0 20rem 0;
  white-space:nowrap;
}
.form div.choose{
  width:100rem;
  height:80rem;
  position:relative;
  cursor:pointer;
}
.form div.choose,
.form .li.choose small{
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
}
.form .li.choose div.choose input{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  font-size:20rem;
  line-height:80rem;
  opacity:0;
}
.form div.choose label{
  line-height:80rem;
  text-align:center;
  text-decoration:none;
  width:100rem;
  height:80rem;
  background:#ffffff url(icons/noimage.png) no-repeat center;
  background-image:url(icons/noimage.svg), none;
  background-size:cover;
  border-radius:20rem;
  display:block;
  position:relative;
  overflow:hidden;
  border:1rem solid #ffffff;
}
.form .err div.choose label{
  background-color:transparent;
  background-image:url(icons/noimage_err.png);
  background-image:url(icons/noimage_err.svg), none;
  border-color:#7e0011;
}
.form div.choose label img{
  position:absolute;
  width:100%;
  height:100%;
  border:0;
  left:0;
  top:0;
}
.form div.choose label span{
  width:22rem;
  height:22rem;
  line-height:22rem;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  background:#e2001a url(icons/add.png) no-repeat center;
  background-image:url(icons/add.svg), none;
  background-size:contain;
  border-radius:50%;
}
.form .err div.choose label span{
  background-color:#ffffff;
  background-image:url(icons/add_err.png);
  background-image:url(icons/add_err.svg), none;
}
.form .li.choose small{
  font-size:11rem;
  line-height:14rem;
  color:#ffffff;
  font-weight:300;
  text-align:left;
  margin:0 60rem 0 10rem;
}
.form .li.check.single-line{
  margin-bottom:10rem;
}
.form .li.check div{
  white-space:nowrap;
}
.form .li.check input{
  position:absolute;
  opacity:0;
  visibility:hidden;
}
.form .li.check label{
  font-size:11rem;
  line-height:14rem;
  color:#ffffff;
  font-weight:300;
  text-transform:none;
  white-space:normal;
  display:block;
  padding-left:26rem;
  position:relative;
  margin:0 -45rem 0 0;
}
.form .li.check.single-line label{
  white-space:nowrap;
  line-height:20rem;
}
.form .li.check label::before{
  content:'';
  width:15rem;
  height:15rem;
  background:#ffffff;
  box-sizing:border-box;
  border:1rem solid #c8c8c8;
  border-radius:3rem;
  margin:4rem 0 0 0;
  display:block;
  position:absolute;
  left:0;
}
.form .li.check.err label::before{
  background:#e2001a;
  border-color:#7e0011;
}
.form .li.check input:checked + label::before{
  background:#ffffff url(icons/check.png) no-repeat center;
  background-image:url(icons/check.svg), none;
  background-size:contain;
  border-color:#c8c8c8;
}
.form .li.check label a{
  font-weight:700;
  color:#ffffff;
  text-decoration:underline;
}
.form .li.check label a:hover{
  text-decoration:none;
}
.form .li.radio input{
  position:absolute;
  opacity:0;
  visibility:hidden;
}

.form li.select > label,
.form li.select > div,
.form li.select > small{
  display:block;
}
.form li.select > label{
  font-size:16rem;
  line-height:18rem;
  color:#ffffff;
  font-weight:bold;
  margin:0 0 15rem 0;
}
.form li.err.select > label{
  color:#fbb03b;
}
.form .li.select small{
  font-size:13rem;
  line-height:120%;
  color:#ffffff;
  text-align:left;
  display:block;
  margin:26rem 0 0 0;
}
.form .SBselect{
  min-width:0;
  min-height:0;
  border-radius:8rem;
  width:150rem;
  height:30rem;
}
.form .SBselect select{
  width:100%;
  height:30rem;
}
.form .SBselect span{
  width:30rem;
  height:30rem;
  background:url(icons/select.png) no-repeat center;
  background-image:url(icons/select.svg), none;
  background-size:contain;
  top:0;
  right:20rem;
  transition: all .2s;
}
.form .SBselect p{
  font-family: 'NutellaA Pl Balt';
  font-size:16rem;
  line-height:30rem;
  font-weight:500;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  width:150rem;
  height:30rem;
  background:#E3000F;
  display:inline-block;
  position:relative;
  border-radius:8rem;
  box-shadow: 0 3rem 3rem 0 rgba(0,0,0,0.5);
  padding:0;
  vertical-align:top;
}
.form .SBselect .simplebar-track{
  background:#023805;
  background:rgba(2,56,5,.6);
  background:none;
}
.form .SBselect .simplebar-track.simplebar-vertical{
  width:10rem;
}
.form .simplebar-scrollbar::before{
  opacity:1;
  background:#e2001a;
  box-shadow:none;
}
.form .SBselect .holder{
  _max-height:9.5em;
  background:#c8c8c8;
  border-radius:8rem;
  box-shadow:none;
  z-index:-1;
  position:absolute;
  left:0;
  top:0;
}
.form .SBselect[data-select-open="true"] .holder{
  padding-top:30rem;
  background:#E3000F;
}
.form .SBselect ul{
  width:150rem;
}
.form .SBselect ul li{
  font-family: 'NutellaA Pl Balt';
  font-size:16rem;
  line-height:30rem;
  font-weight:500;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  min-height:30rem;
  width:100%;
  float:none;
  padding:0;
  border-radius:0;
  margin:0;
}
.form .SBselect ul li:hover,
.form .SBselect ul li.over,
.form .SBselect ul li.active{
  color:#000000;
  background-color:#E7E7E7;
}
.form .li.req-text div{
  font-size:11rem;
  line-height:14rem;
  color:#ffffff;
  font-weight:300;
  text-align:left;
  margin:0;
  padding:3rem 0 0 0;
}
.form .li.req-text div::before{
  content:'* ';
}
.form .li.nobr{
  white-space:nowrap;
  padding-top:9rem;
}
.form div.alert{
  display:inline-block;
  vertical-align:top;
  margin:7rem -200rem 0 24rem;
}
.form div.alert div{
  font-size:11rem;
  line-height:15rem;
  text-align:left;
  font-weight:700;
  color:#ffffff;
  display:none;
  padding:0;
  white-space:normal;
}
.form div.alert.on div{
  display:block;
}
.form .submit{
  width:145rem;
  height:42rem;
  display:inline-block;
  vertical-align:top;
  position:relative;
}
.form .submit .button{
  border:0;
  cursor:pointer;
}
.form.submitting .submit .button,
.form form.submitting .submit .button{
  opacity:.5;
}
.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;
  cursor:default;
  position:absolute;
  top:0;
  display:none;
}
.form.submitting .submit div,
.form form.submitting .submit div{
  display:block;
}