@charset "utf-8";
/* checked mark aspect */

.cd-form-list {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:4px 0px 13px 0;
  float: left;
}

.cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block!important;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 0 0;
  float: left;
  padding:10px 0 0 0!important;
  min-height: inherit;
  width: 100%;
  margin-bottom: 10px;
}
 .cd-form-list input[type=radio],
 .cd-form-list input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0px;
  top: 43%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
      width: 25px;
    height: 25px;
}
 .cd-form-list input[type="radio"] + label,
 .cd-form-list input[type="checkbox"] + label {
  padding-left: 32px;
 	position:relative;
}
 .cd-form-list input[type="radio"] + label::before,
 .cd-form-list input[type="radio"] + label::after,
 .cd-form-list input[type="checkbox"] + label::before,
 .cd-form-list input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -15px;
    width: 25px;
    height: 25px
}
 .cd-form-list input[type="radio"] + label::before,
 .cd-form-list input[type="checkbox"] + label::before {
  border: 2px solid #848b8c;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
 .cd-form-list input[type="radio"] + label::before,
 .cd-form-list input[type="radio"] + label::after {
  border-radius: 50%;
}
 .cd-form-list input[type="checkbox"] + label::before,
 .cd-form-list input[type="checkbox"] + label::after {
  border-radius: .25em;
}
 .cd-form-list input[type="radio"] + label::after,
 .cd-form-list input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  border: 2px solid #848b8c;
  background-repeat: no-repeat;
  box-shadow:0 0 12px 2px rgba(44, 151, 222, 0.62);
  display: none;
}
 .cd-form-list input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("../images/cd-icon-radio.svg");
      background-size: 100%;
}
 .cd-form-list input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("../images/cd-icon-check.svg");
      background-size: 100%;
}
 .cd-form-list input[type="radio"]:focus + label::before,
 .cd-form-list input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
 .cd-form-list input[type="radio"]:checked + label::after,
 .cd-form-list input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form-list input[type="radio"]:checked + label::before,
.cd-form-list input[type="radio"]:checked + label::after,
.cd-form-list input[type="checkbox"]:checked + label::before,
.cd-form-list input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}

label{
	color: #000;	
}