.with-panels-3d .framework7-root {
    -webkit-perspective: 1100px;
    perspective: 1100px;
    overflow: hidden;
}
.with-panels-3d .framework7-root .views {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.with-panels-3d .panel-reveal.panel-left {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
}
.with-panels-3d .panel-reveal.panel-right {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
}
.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.with-panels-3d.with-panel-left-reveal .framework7-root > .view {
    -webkit-transform: translate3d(260px, 0, 0) rotateY(-30deg);
    transform: translate3d(260px, 0, 0) rotateY(-30deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.with-panels-3d.with-panel-left-reveal .panel-left {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-transform: translate3d(-260px, 0, 0) rotateY(30deg);
    transform: translate3d(-260px, 0, 0) rotateY(30deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.with-panels-3d.with-panel-right-reveal .panel-right {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.with-panels-3d.with-panel-left-reveal .framework7-root > .view,
.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-transition-property: -webkit-transform-origin, -webkit-transform;
    transition-property: -webkit-transform-origin, -webkit-transform;
    transition-property: transform-origin, transform;
    transition-property: transform-origin, transform, -webkit-transform-origin, -webkit-transform;
}
.md.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.md.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.md.with-panels-3d.with-panel-left-reveal .framework7-root > .view,
.md.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-box-shadow: none;
    box-shadow: none;
}
 body {
     background: #e4e9ed;
     background: -moz-radial-gradient(center, ellipse cover, #e4e9ed 0%, #e4e9ed 100%);
     background: -webkit-gradient(radial, right bottom, 0px, left top, 100%, color-stop(0%,#e4e9ed), color-stop(50%,#e4e9ed), color-stop(100%,#e4e9ed));
     background: -webkit-radial-gradient(right bottom, ellipse cover, #e4e9ed 0%, #e4e9ed 50%, #e4e9ed 100%);
     background: radial-gradient(ellipse at right bottom, #e4e9ed 0%, #e4e9ed 50%, #e4e9ed 100%);
 }
.panel .page, .panel {
    background: #fff;
}
.panel .list ul {
    background: none;
    border:none;
}
.panel .list .item-link {
    color:#000;
}
.panel .list .item-link.active-state {
    background: rgba(255,255,255,0.2);
}
.panel .list .item-inner {
    border-bottom-color:rgba(255,255,255,0.2);
}
.panel .block, .panel .block-title {
    color:#000;
}