.tabs {
position : relative;
margin : 90px auto !important ;
width : 1350px;
bottom : 100px;
}
.tabs input {
position : absolute;
top : 0;
opacity : 0;
}
.tabs label {
left : 250px;
margin-bottom : 80px;
font-size : 12px;
line-height : 40px;
height : 40px;
position : relative;
display : block;
float : left;
width : 180px;
color : #1d3149;
letter-spacing : 1px;
text-transform : uppercase;
font-weight : bold;
text-align : center;
text-shadow : 1px 1px 1px rgba(255, 255, 255, 0.3);
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.1);
}
.tabs input:hover + label {
background : #FE8B23;
transition : top 0.2s linear;
}
.tabs input:hover + label:after {
background : #5ba4a4;
}
.tabs input:hover + label ~ .clear-shadow {
top : -8px;
transition : top 0.2s linear;
}
.tabs input:checked:hover + label {
top : 0;
}
.tabs input:checked:hover + label:after {
background : #fff;
}
.tabs input:checked:hover + label ~ .clear-shadow {
top : 0;
background : #fff;
transition : none;
}
.tabs input:checked + label {
background : #fff;
z-index : 6;
transition : top 0.2s linear;
}
.tabs label:first-of-type {
z-index : 4;
}
.clear-shadow {
clear : both;
}
.content {
bottom : 60px;
position : relative;
width : auto;
height : 900px;
z-index : 5;
overflow : hidden;
border-radius : 8px;
}
.content div {
position : absolute;
top : 0;
padding : 10px 40px;
z-index : 1;
opacity : 0;
transition : all 0.5s linear;
}
.content div {
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 {
transform : translateY(0);
z-index : 100;
opacity : 1;
transition : all 0.3s 0.3s ease-out;
}
.content div h2 {
position : relative;
top : 40px;
font-family : Verdana, Geneva, sans-serif;
font-size : 19px;
color : #FFF;
font-weight : bold;
text-align : center;
text-shadow : 2px 2px 1px #666;
}
.content div h3 {
color : #FFF;
}
.content div p {
position : relative;
top : 20px;
font-size : 14px;
line-height : 22px;
font-style : italic;
text-align : left;
margin : 0;
color : #000;
padding-left : 15px;
font-family : Arial, Helvetica, sans-serif;
border-left : 10px solid #FE8B23;
}