


#signupForm1{
  display: none;
}

.cont-form{
  margin: 0 auto;
  border: #B9C9D5;
  -webkit-box-shadow: 0 0 25px 0 rgba(185,201,213,1);
  -moz-box-shadow: 0 0 25px 0 rgba(185,201,213,1);
  box-shadow: 0 0 25px 0 rgba(185,201,213,1);
  border-radius: 0 0 15px 15px;
  padding: 85px 50px 85px 55px;
  position: relative;
}

.btn-gp button:nth-last-child(1){
  margin-left: 31px;
}

.btn-gp{
  display: flex;

}

.btn-gp div:last-child{
  padding-left: 85px;
}

.form-group label{
  font-size: 16px;
  line-height: 35px;
  color: #1D1D1D;
  font-weight: 300;
}

.form-group label span{
  color: #F15A4D ;
}

.aantal{
  font-size: 12px;
  line-height: 16px;
  font-style: normal !important;
  color: #F15A4D;
  margin: 0;
  padding-left: 18px;

  position: absolute;
  top: 52px;
}
.aantal img {
  position: absolute;
  left: 1px;
  bottom: 2px;
}

.form-email{
  margin-bottom: 50px;
}

.btn-danger{
  background-color: #00C8AD !important;
  border-color: #00C8AD !important;
}
.upload-part .title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 24px;
  line-height: 35px;
  color: #50647B;
}

.upload-box {
  background-color: rgba(80, 100 , 123, 0.1);
  border: dashed rgba(80, 100 , 123, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 260px;

}

.upload-box .desc {
  font-size: 14px;
  text-align: center;
  color: #50647B;
  padding: 15px 0;
  font-weight: 300;
}

.upload-box button {
  border-radius: 10px;
  background-color: #50647B;
  color: white;
  width: 180px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #707070;
  font-size: 14px;
  font-weight: bold;
}

.upload-box .max {
  color: #50647B;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
}
.upload-box .supported {
  background-color: rgba(80, 100, 123, 0.1);
  color:  rgba(80, 100, 123, 0.5);
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
}
.upload-box .progress {
  width: 80%;
  background-color: #CAD0D7;
  height: 6px;
  position: relative;
  display: none;

}
.upload-box .upload-success {
  display: none;

}
.upload-box .progress .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background-color: #50647B;
}
.upload-box.uploading .progress {
  display: block;
}
.upload-box.uploading button {
  display: none;
}

.upload-box.uploaded {
  border: 1px solid #00C8AD;
  background-color: rgba(0, 200, 173, 0.05);
}
.upload-box.uploaded > :not(.upload-success){
  display: none;
}
.upload-box.uploaded .upload-success {
  display: inline-flex;
  flex-direction: column;
}
.upload-box.uploaded button.remove-file {
  display: inline-flex;
  background-color: #D2D2D2;
  border: none;
  margin-top: 24px;
}

.submit-button {
  background-color: #00C8AD;
  border-radius: 10px;
  padding: 13px;
  width: 100%;

  color: white;
  font-weight: bold;
  display: block;
  border: none;

}

.privacy {
  color: #959595;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: flex-start;
}

.privacy span {
  flex: 1;
  margin-left: 15px;
}
.privacy span a {
  color: #50647B;
  text-decoration: underline;
}


.submit-button i{
  position: absolute;
  top: 16px;
  right: 48px;
}
.box-txt-orange{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box-orange p{
  margin-top: 0;
  margin-bottom: 45px;
}

.form-group input[type=text],select{
  width: 100%;
  padding: 12px 20px;
  margin: 15px 0;
  display: inline-block;
  border: 1px solid rgba(80 , 100 , 123 , .09);
  border-radius: 4px;
  box-sizing: border-box;
  background-color: rgba(80 , 100 , 123 ,.1);
  margin-top: 3px;
}
.form-control.is-invalid {
  border-color: #F15A4D !important;
}
.btn-form{
  border: 1px solid #B9C9D5;
  border-radius: 34px;
  background-color: #ECF1F5;
  padding: 18px 70px 18px 70px;
  text-decoration: none;
  font-size: 16px;
  line-height: 21px;
  color: #50647B;
  font-weight: 300;
}
.activeW{
  background-color: #fff;
  background-image: url(/img/icons/green-check.svg);
  background-repeat: no-repeat;
  background-position-x: 35px;
  background-position-y: center;
}
.form-group label{
  display: flex;
  align-items: center;
}
.btn-gp{
  text-align: center;
  margin-bottom: 38px;
  justify-content: center;
}
#btnTwo{
  margin-left: 28px;
}
.radio-btn label{
  display: inline;
}

.is-valid{
  background-image: url(/img/icons/green-check.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
}
.upload-box .is-valid {
    background-image: none;
}

.secure-connection {
    color: #7692a4;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 9px;
    text-align: right;

}
.upper-description {
    margin-top: 0;
    margin-bottom: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;

}



@media (max-width: 1199px){

}

@media (max-width: 991px){

  .submit-button i {
    right: 32px;
  }
  .goto-button::before{
    right: 5px;
  }
  .btn-form {
    padding: 18px 34px 18px 34px;
  }
  .activeW{
    background-position-x: 13px;
  }
  .form-group label {
    font-size: 15px;
  }
  .aantal .img-emaill{
    bottom: 18px;
  }
}





@media (max-width: 767px){
  .aantal{
    top: 64px;
  }
  .aantal .img-emaill {
    bottom: 2px;
  }
  .cont-form{
    box-shadow: none;
    border: none;
  }
  .box-blue h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .box-blue p{
    font-size: 16px;
    line-height: 26px;
  }
  .big-size{
    display: none;
  }

  .box-orange .mob-size , .box-orange .mob-size-city {
    display: block;
  }

  .bulding-svg{
    display: none;
  }
  .privacy{
    margin-bottom: 50px;
  }
  .submit-button i{
    top: 16px;
    right: 43px;
    position: absolute;
  }
  .box-txt-upload{
    margin-bottom: -19px;
  }
  .goto-button::before {
    right: 16px;
  }
  .btn-gp{
    padding-bottom: 30px;
  }
  .form-group input[type=text], select {
    margin-top: 15px;
  }
  .btn-gp{
    padding-bottom: 0;
  }
}


@media(max-width: 575px){
  .btn-form , #btnTwo{
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
  .activeW {
    background-position-x: 35px;
  }
  .aantal .img-emaill {
    bottom: 18px;
  }
  .end-two{
    display: block;
    margin-left: 0;
  }
  .aantal img.img-email{
    bottom: 2px;
  }
  .btn-gp{
    display: block;
    /*padding-bottom: 30px;*/
  }
  .btn-gp div:last-child {
    padding-left: 0;
  }
  .cont-form{
    padding: 85px 0 85px 0;
  }
  .goto-button::before {
    right: 16px;
  }
  #btnOne {
    margin-top: 0;
  }

}
