@-webkit-keyframes cardEnter {  0%, 20%, 40%, 60%, 80%, 100% {
                                    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                                    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                                }
                                0% {
                                    opacity: 0;
                                    -webkit-transform: scale3d(0.3, 0.3, 0.3);
                                }
                                20% {
                                    -webkit-transform: scale3d(1.1, 1.1, 1.1);
                                }
                                40% {
                                    -webkit-transform: scale3d(0.9, 0.9, 0.9);
                                }
                                60% {
                                    opacity: 1;
                                    -webkit-transform: scale3d(1.03, 1.03, 1.03);
                                }
                                80% {
                                    -webkit-transform: scale3d(0.97, 0.97, 0.97);
                                }
                                100% {
                                    opacity: 1;
                                    -webkit-transform: scale3d(1, 1, 1);
                                }
}
@keyframes
cardEnter {  0%, 20%, 40%, 60%, 80%, 100% {
                 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
             }
             0% {
                 opacity: 0;
                 -webkit-transform: scale3d(0.3, 0.3, 0.3);
                 transform: scale3d(0.3, 0.3, 0.3);
             }
             20% {
                 -webkit-transform: scale3d(1.1, 1.1, 1.1);
                 transform: scale3d(1.1, 1.1, 1.1);
             }
             40% {
                 -webkit-transform: scale3d(0.9, 0.9, 0.9);
                 transform: scale3d(0.9, 0.9, 0.9);
             }
             60% {
                 opacity: 1;
                 -webkit-transform: scale3d(1.03, 1.03, 1.03);
                 transform: scale3d(1.03, 1.03, 1.03);
             }
             80% {
                 -webkit-transform: scale3d(0.97, 0.97, 0.97);
                 transform: scale3d(0.97, 0.97, 0.97);
             }
             100% {
                 opacity: 1;
                 -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
             }
}


.radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
    min-width: 100%;
    width: 100%;
}

.radio:hover .inner-radio {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
}

.radio input {
    width: 1px;
    height: 1px;
    opacity: 0;
}

.radio input:checked + .outer .inner-radio {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.radio input:checked + .outer,
.radio .outer.checked{ 
    border: 2px solid #26A69A; 
}

.radio input:focus + .outer .inner-radio, 
.radio .outer.checked .inner-radio {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #26A69A;
}

.radio .outer {
    width: 15px !important;
    height: 15px !important;
    display: block;
    float: left;
    margin: 0 10px;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    background-color: #fff;
}

.radio .inner-radio {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 11px;
    height: 11px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #26A69A;
    opacity: 0;
}

.radio p{
    margin: 0;
}