.personal-agree {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 10px 3px 0 0;
}
.personal-agree + label {
  cursor: pointer;
  color: #ffffff;
}
.personal-agree.has-error + label {
  color: #d90000;
}
.personal-agree:not(checked) {
  position: absolute;
  opacity: 0;
}
.personal-agree:not(checked) + label {
  position: relative;
  padding: 0 0 0 35px;
}
.personal-agree:not(checked) + label:before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 18px;
height: 18px;
background: transparent;
border: 2px solid #fff;
}
.personal-agree:not(checked) + label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
background: #ffcc53;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .2s;
}
.personal-agree:checked + label:after {
  opacity: 1;
}
.personal-agree + label a{
  color: #ffcc53;
}

@media (max-width: 767px) {
.personal-agree + label {
  margin-top: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}