/**
 * Framework7 3D Panels 1.0.0
 * Framework7 plugin to add 3d effect for side panels
 * 
 * http://www.idangero.us/framework7/plugins/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: August 22, 2015
 */
body.panels-3d {
  -webkit-perspective: 1100px;
  -moz-perspective: 1100px;
  perspective: 1100px;
  overflow: hidden;
}
body.panels-3d .views {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.6);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;

}
body.panels-3d .panel-reveal.panel-left {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}
body.panels-3d .panel-reveal.panel-right {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
body.panels-3d.with-panel-left-reveal .views {
  -webkit-transform: translate3d(260px, 0, 0) rotateY(-30deg);
  transform: translate3d(260px, 0, 0) rotateY(-30deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  opacity: 0.6;
}
body.panels-3d.with-panel-left-reveal .panel-left {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
body.panels-3d.with-panel-right-reveal .views {
  -webkit-transform: translate3d(-260px, 0, 0) rotateY(30deg);
  transform: translate3d(-260px, 0, 0) rotateY(30deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  opacity: 0.6;
}
body.panels-3d.with-panel-right-reveal .panel-right {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}



body.panels-3d {
background: #fff; 
/*background: -moz-radial-gradient(center, ellipse cover, #22363d 0%, #377c79 100%); 
background: -webkit-gradient(radial, right bottom, 0px, left top, 100%, color-stop(0%,#227d79), color-stop(50%,#2f817e), color-stop(100%,#21353d));
background: -webkit-radial-gradient(right bottom, ellipse cover, #227d79 0%, #2f817e 50%, #21353d 100%);
background: radial-gradient(ellipse at right bottom, #227d79 0%, #2f817e 50%, #21353d 100%);*/

}
body.panels-3d .panel .page, .panel .pages, .panel {
background: none;
}
body.panels-3d .panel .list-block ul {
background: none;
border:none;
}
body.panels-3d .panel .list-block .item-link {
color:#2577b0;
}
body.panels-3d .panel .list-block .item-link:active {
background: #2577b0;
color: #fff;
}
body.panels-3d  .panel .list-block .item-inner {
	background: transparent;
}
body.panels-3d  .panel .list-block .item-inner:after, body.panels-3d  .panel .list-block ul:after, body.panels-3d  .panel .list-block ul:before{
background: transparent;
}

body.panels-3d .panel .content-block, .panel .content-block-title {
color:#2577b0;
}