.custom-radio .btn:focus{
box-shadow: none;
}
.custom-radio .btn.btn-secondary:active:focus {
box-shadow: none;
}
.custom-radio .btn.btn-secondary{
  background-color: #AFAFAF; /* Old browsers */
  border:none;
  color:#9d9d9d;
  padding:5px 9px;

  border: 1px solid black;
  background-color: transparent;
  width: 40px;
  height: 40px;
  background: none !important;
  border-radius: 4px !important;
  font-size: 10px;
}

.custom-radio input{display:none;}

.custom-radio.yes .btn.btn-secondary:first-of-type:after {
  content:'';
  background-image: url(../images/tick-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-radio.no .btn.btn-secondary:last-of-type:after {
  content:'';
  background-image: url(../images/tick-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-radio>span{
  display: none;
  width: 40px;
  height: 40px;
  z-index: 100;
  position: relative;
  pointer-events: none;
  background-color: transparent !important;
  margin: 0;
  position: absolute;
  right: 0;
}
.custom-radio>span span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #9d9d9d;
left: 0;

transition:all 0.25s ease;
-webkit-transition:all 0.25s ease;
-ms-transition:all 0.25s ease;
-moz-transition:all 0.25s ease;
}

.custom-radio.yes .btn.btn-secondary{
background: #43b6a4; /* Old browsers */
background: -moz-linear-gradient(left, #43b6a4 0%, #43b6a4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #43b6a4 0%,#43b6a4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #43b6a4 0%,#43b6a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:rgba(0,0,0,0.3);
}
.custom-radio.yes .btn.btn-secondary:first-of-type:hover {
background: #43b6a4; /* Old browsers */
background: -moz-linear-gradient(left, #2f9282 0%, #43b6a4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2f9282 0%,#43b6a4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2f9282 0%,#43b6a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.custom-radio.yes .btn.btn-secondary:last-of-type:hover {
background: #43b6a4; /* Old browsers */
background: -moz-linear-gradient(left, #43b6a4 0%, #2f9282 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #43b6a4 0%,#2f9282 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #43b6a4 0%,#2f9282 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.custom-radio.yes .btn.btn-secondary:first-of-type {
color:transparent;
}

.custom-radio.yes>span{
background-color: #43b6a4;
}
.custom-radio>span span{background: #000000;}
.custom-radio>span span:nth-child(1) {
top: 29px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 50%;
left:-2px;
}
.custom-radio>span span:nth-child(2){
top: 23px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 2px;
opacity: 1;
}

.custom-radio.no .btn.btn-secondary{
background: #cf5d65; /* Old browsers */
background: -moz-linear-gradient(left, #cf5d65 0%, #cf5d65 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cf5d65 0%,#cf5d65 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cf5d65 0%,#cf5d65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:rgba(0,0,0,0.3);
}
.custom-radio.no .btn.btn-secondary:first-of-type:hover {
background: #cf5d65; /* Old browsers */
background: -moz-linear-gradient(left, #bc4951 0%, #cf5d65 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bc4951 0%,#cf5d65 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bc4951 0%,#cf5d65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.custom-radio.no .btn.btn-secondary:last-of-type:hover {
background: #cf5d65; /* Old browsers */
background: -moz-linear-gradient(left, #cf5d65 0%, #bc4951 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cf5d65 0%,#bc4951 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cf5d65 0%,#bc4951 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.custom-radio.no .btn.btn-secondary:last-of-type {
color: transparent;
}
.custom-radio .btn.btn-secondary:last-of-type {
margin-left:10px;
padding: 5px 10px !important;
}
.custom-radio.no>span{
background-color:#cf5d65;
}


.btn-group.custom-radio p.cr-label{
  margin:0;
  line-height: 40px;
}
.btn-group.custom-radio{
  width:100%;
}