.tabs{position:relative;margin:40px auto;width:100%}
.tabs input{position:absolute;z-index:1000;width:120px;height:40px;left:0;top:0;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);cursor:pointer}
.tabs input#tab-2{top:40px}
.tabs input#tab-3{top:80px}
.tabs input#tab-4{top:160px}
.tabs input#tab-5{top:200px}
.tabs input#tab-6{top:250px}
.tabs input#tab-7{top:300px}
.tabs label{background:#5ba4a4;background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);background:-webkit-linear-gradient(-45deg,rgba(246,115,13,0.7) 0,rgba(217,8,69,0.7) 80%);font-size:15px;line-height:40px;height:40px;position:relative;padding:0 20px;display:block;width:250px;color:#fff;letter-spacing:1px;font-weight:bold;text-align:center;float:left;clear:both;text-shadow:1px 1px 1px rgba(255,255,255,0.3);border-radius:3px 0 0 3px;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.tabs label:after{content:'';background:#fff;position:absolute;right:-2px;top:0;width:2px;height:100%}
.tabs input:hover+label{background:#5ba4a4}
.tabs label:first-of-type{z-index:4}
.tab-label-2{z-index:3}
.tab-label-3{z-index:2}
.tab-label-4{z-index:1}
.tab-label-5{z-index:1}
.tab-label-6{z-index:1}
.tab-label-7{z-index:1}
.tabs input:checked+label{background:#fff;z-index:6;color:#d90845}
.clear-shadow{clear:both}
.content{background:#fff;position:relative;width:auto;margin:-355px 0 0 120px;height:600px;z-index:5;overflow:hidden;border:1px solid #efefef;box-shadow:0 1px 7px rgb(0 0 0 / 18%);border-radius:10px;overflow-y:overlay}
.content div{position:absolute;top:0;padding:10px 40px;z-index:1;opacity:0;-webkit-transition:all linear .5s;-moz-transition:all linear .5s;-o-transition:all linear .5s;-ms-transition:all linear .5s;transition:all linear .5s}
.content div{-webkit-transform:translateY(-450px);-moz-transform:translateY(-450px);-o-transform:translateY(-450px);-ms-transform:translateY(-450px);transform:translateY(-450px)}
.tabs input.tab-selector-1:checked ~ .content .content-1,.tabs input.tab-selector-2:checked ~ .content .content-2,.tabs input.tab-selector-3:checked ~ .content .content-3,.tabs input.tab-selector-4:checked ~ .content .content-4,.tabs input.tab-selector-5:checked ~ .content .content-5,.tabs input.tab-selector-6:checked ~ .content .content-6,.tabs input.tab-selector-7:checked ~ .content .content-7{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);z-index:100;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all ease-out .3s .3s;-moz-transition:all ease-out .3s .3s;-o-transition:all ease-out .3s .3s;-ms-transition:all ease-out .3s .3s;transition:all ease-out .3s .3s}
.content div h2{color:#d90845;font-size:25px}
.content div h3{color:#d90845;font-size:18px;font-weight:400;line-height:2}
.content div p{font-size:14px;line-height:30px;text-align:left;margin:0;color:#777;padding-left:15px}