.tabs{position:relative;margin:40px auto 10px;width:100%}.tabs input,.tabs label{height:40px;width:180px}.tabs input{position:absolute;z-index:1000;left:0;top:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);cursor:pointer}.tabs input#tab-2{left:188px}.tabs label{background:#efefef;font-size:1em;line-height:40px;position:relative;float:left;display:block;font-weight:700;text-align:center;font-family:'Roboto Slab',serif;margin-right:8px;border-width:1px 1px 0;border-color:#ccc;border-style:solid}.content,.tabs label:after{background:#fff;width:100%}.tabs label:after{content:'';position:absolute;bottom:-2px;left:0;height:2px;display:block}.tabs input:hover+label{background:#fff}.tabs label:first-of-type{z-index:4;box-shadow:2px 0 2px rgba(0,0,0,.1)}.tab-label-2{z-index:3}.tabs input:checked+label{background:#fff;z-index:6}.clear-shadow{clear:both}.content{position:relative;height:200px;z-index:5;border-top:1px solid #ccc}.content .content-1,.content .content-2{position:absolute;top:0;left:0;z-index:1;opacity:0;-webkit-transition:opacity linear .1s;-moz-transition:opacity linear .1s;-o-transition:opacity linear .1s;-ms-transition:opacity linear .1s;transition:opacity linear .1s}.tabs input.tab-selector-1:checked~.content .content-1,.tabs input.tab-selector-2:checked~.content .content-2{z-index:100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity ease-out .2s .1s;-moz-transition:opacity ease-out .2s .1s;-o-transition:opacity ease-out .2s .1s;-ms-transition:opacity ease-out .2s .1s;transition:opacity ease-out .2s .1s}.hide{display:none}