/* TABS */
.tabs {
    position: relative;
    min-height: 600px;
    /*clear: both;*/
    /*margin: 25px 0;*/
}

.tab {
    float: left;
}

    .tab label {
        border-radius: 15px 15px 0px 0px;
        background: #59B259;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border: 1px solid #ccc;
        left: 1px;
    }

    .tab [type=radio] {
        display: none;
    }

.content {
    position: absolute;
    top: 28px;
    left: 0;
    /*background: #ddffdd;*/
    right: 0;
    bottom: 0;
    padding: 20px;
    padding: 3px 10px;
    border: PowderBlue 5px double;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    min-height: 400px;
    margin-top: 10px;
}

    .content > * {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

[type=radio]:checked ~ label {
    background: #D9534F;
    z-index: 2;
}

    [type=radio]:checked ~ label ~ .content {
        z-index: 1;
    }

        [type=radio]:checked ~ label ~ .content > * {
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }

@media only screen and (max-width : 768px) {
    .content {
        min-height: 1000px;
    }
    /* Styles */
}