body, .form-control {
    font-family: 'Open Sans', sans-serif;
	color:#000;
}

p {	color:#fff; font-size: .9rem}

label {color: #fff;}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

.form-title1, .form-title2 {
    font-family:'Denk One';
	font-size:1.4rem;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 100%;
}

/*checkbox*/

.custom-checkbox {
  float:left;
}
input[type="checkbox"].demo4 {
  display: none;
}
input[type="checkbox"].demo4 + label {
  box-sizing: border-box;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  border:1px solid #999;
  padding:2px;
  background-color: #c0ceda ;
  transition: all 0.5s ;
}
input[type="checkbox"].demo4 + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 5px);
  width: calc(1.5rem - 5px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s ;
}
input[type="checkbox"].demo4:checked + label {
  background-color: #28a745;
}
input[type="checkbox"].demo4:checked + label::before {
  margin-left: 1.5rem ;
}

/*radio*/

input[type="radio"].demo {
  display: none;
}
input[type="radio"].demo {
  box-sizing: border-box;
  display: inline-block;
  width: 2rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  border:1px solid #999;
  padding:2px;
  transition: all 0.5s ;
}
input[type="radio"].demo:checked {
  accent-color: #008000; /*experimental*/
}