.tabs {position: relative;margin: 0 auto;width: 100%;}
.tabs label {display: inline-block;float:none;background:#777;color:#fff;cursor: pointer;font-weight: 700;font-size: 15px;position: relative;top: 2px;width: 50%;height: 30px;line-height: 30px;text-transform: uppercase;float:left;z-index: 1;}
.tabs input {position: absolute;left: -9999px;}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3 {color:#fff !important;}
.tabs_cont {background: #f7f7f7;padding: 20px 25px;position: relative;z-index: 2;height:100%;}
.tabs_cont > div {position: absolute;left: -9999px;top: 0;opacity: 0;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2,
#tab_3:checked ~ .tabs_cont #tab_c3 {position: static;left: 0;opacity: 1;}