.guzelradiochc  label {
    display: block;
    position: relative;
    padding: 0.5rem 1rem;
    line-height: 28px;
    font-weight: normal;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.guzelradiochc    label:last-of-type { margin-right: 1rem; }
.guzelradiochc label i {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 6px;
    font-style: normal;
    color: #ccc;
}
.guzelradiochc   label span {
    display: inline-block;
    margin-left: 5px;
    line-height: 25px;
    color: gray;
}



.guzelradiochc  input[type="radio"],
.guzelradiochc  input[type="checkbox"] { display: none; }
.guzelradiochc  input[type="radio"] + i:before,
.guzelradiochc  input[type="checkbox"] + i:before {
    font-family: 'Glyphicons Halflings';
    font-size: 28px;
    height: 25px;
    width: 25px;
    display: inline-block;
}



.guzelradiochc  input[type="radio"]:checked + i,
.guzelradiochc  input[type="checkbox"]:checked + i {
    position: relative;
    -webkit-animation: icon-beat 0.1s ease;
    animation: icon-beat 0.1s ease;
}
.guzelradiochc  input[type="radio"]:checked + i + span,
.guzelradiochc  input[type="checkbox"]:checked + i + span {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}




.guzelradiochc  input[type="radio"] + i:before { content:"\e157" }
.guzelradiochc  input[type="radio"]:checked + i:before {content:"\e067" }
.guzelradiochc  input[type="radio"]:checked + i + span,
.guzelradiochc  input[type="radio"]:checked + i:before { color: #5cb0cf; }



/* kucuk */




.guzelradiochc_check  label {
    display: block;
    position: relative;
    padding: 0.5rem 1rem;
    line-height:20px;
    font-weight: normal;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.guzelradiochc_check    label:last-of-type { margin-right: 1rem; }
.guzelradiochc_check label i {
    display: inline-block;
    height: 18px;
    position: relative;
    top: 5px;
    font-style: normal;
    color: #ccc;
}
.guzelradiochc_check   label span {
    display: inline-block;
    margin-left: 5px;
    line-height: 18px;
    color: gray;
}



.guzelradiochc_check  input[type="radio"],
.guzelradiochc_check  input[type="checkbox"] { display: none; }
.guzelradiochc_check  input[type="radio"] + i:before,
.guzelradiochc_check  input[type="checkbox"] + i:before {
    font-family: 'Glyphicons Halflings';
    font-size: 22px;
    height: 21px;
    width: 21px;
    display: inline-block;
}



.guzelradiochc_check  input[type="radio"]:checked + i,
.guzelradiochc_check  input[type="checkbox"]:checked + i {
    position: relative;
    -webkit-animation: icon-beat 0.1s ease;
    animation: icon-beat 0.1s ease;
}
.guzelradiochc_check  input[type="radio"]:checked + i + span,
.guzelradiochc_check  input[type="checkbox"]:checked + i + span {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}




.guzelradiochc_check  input[type="radio"] + i:before { content:"\e157" }
.guzelradiochc_check  input[type="radio"]:checked + i:before {content:"\e067" }
.guzelradiochc_check  input[type="radio"]:checked + i + span,
.guzelradiochc_check  input[type="radio"]:checked + i:before { color: #5cb0cf; }


.guzelradiochc_check  input[type="checkbox"] + i:before { content:"\e157" }
.guzelradiochc_check  input[type="checkbox"]:checked + i:before {content:"\e067" }
.guzelradiochc_check  input[type="checkbox"]:checked + i + span,
.guzelradiochc_check  input[type="checkbox"]:checked + i:before { color: #5cb0cf; }

/* engin bakir ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.checkbox2 i {
    display: inline-block;
    height: 18px;
    position: relative;
    top: 5px;
    font-style: normal;
}
.checkbox2  input[type="checkbox"] {
	opacity:0.001;
	width:1px;
}
.checkbox2  input[type="checkbox"] + i:before { content:"\e157" }
.checkbox2  input[type="checkbox"]:checked + i:before {content:"\e067" }
.checkbox2  input[type="checkbox"]:checked + i + span,
.checkbox2  input[type="checkbox"]:checked + i:before { color: #5cb0cf; }


/* .checkbox2  input[type="checkbox"] { display: none; } */
.checkbox2  input[type="checkbox"] + i:before {
    font-family: 'Glyphicons Halflings';
    font-size: 22px;
    height: 21px;
    width: 21px;
    display: inline-block;
	color:gray; 
}


.checkbox2  input[type="checkbox"]:checked + i {
    position: relative;
    -webkit-animation: icon-beat 0.1s ease;
    animation: icon-beat 0.1s ease;
}
.checkbox2  input[type="checkbox"]:checked + i + span {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.checkbox2 span {
	color:gray;
}