@charset "utf-8";
.tabbed-content {
    max-width:360px;
    padding:0;
    display:none;
    margin:1em auto
}
.tabs ul {
    margin:0;
    text-align:center
}
.item.active .item-content {
    padding:1em;
    -webkit-transition:opacity .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.tabbed-content .item::before {
    content:attr(data-title)
}
.tabbed-content .item .item-content {
    opacity:0;
    visibility:hidden;
    height:0
}
.tabbed-content .item.active .item-content {
    opacity:1;
    visibility:visible;
    height:auto
}
@media all and (min-width:800px) {
    .item.active .item-content {
        padding:0
    }
    .tabs-side .tabs li {
        margin-bottom:2px
    }
    .tabbed-content .tabs {
        display:block
    }
    .tabbed-content .item {
        min-height:0
    }
    .tabbed-content .item::before {
        display:none
    }
    .tabbed-content.tabs-side .tabs {
        width:150px;
        float:left
    }
    .tabbed-content.tabs-side .tabs li {
        display:block
    }
    .tabbed-content.tabs-side .item {
        margin-left:150px
    }
}
@media screen and (max-width:480px) {
    .tabbed-content {
        display:block
    }
}
@media screen and (min-width:481px) and (max-width:600px) {
    .tabbed-content {
        max-width:95%;
        display:block
    }
}
@media screen and (min-width:601px) and (max-width:767px) {
    .tabbed-content {
        max-width:95%;
        display:block
    }
}