.tabs{position: relative;margin: 40px auto 10px;width: 100%}.tabs input{position: absolute;z-index: 1000;width: 180px;height: 40px;left: 0px;top: 0px;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;height: 40px;position: relative;float: left;display: block;width: 180px;font-weight: bold;text-align: center;font-family: 'Roboto Slab', serif;margin-right:8px;border-width: 1px 1px 0 1px;border-color: #ccc;border-style: solid}.tabs label:after{content: '';background: #fff;position: absolute;bottom: -2px;left: 0;width: 100%;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,0.1)}.tab-label-2{z-index: 3}.tabs input:checked + label{background: #fff;z-index: 6}.clear-shadow{clear: both}.content{background: #fff;position: relative;width: 100%;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 0.1s;-moz-transition: opacity linear 0.1s;-o-transition: opacity linear 0.1s;-ms-transition: opacity linear 0.1s;transition: opacity linear 0.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 0.2s 0.1s;-moz-transition: opacity ease-out 0.2s 0.1s;-o-transition: opacity ease-out 0.2s 0.1s;-ms-transition: opacity ease-out 0.2s 0.1s;transition: opacity ease-out 0.2s 0.1s}.hide{display:none;}