/*
 */
.box-lid{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg01.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }
.box-lid2{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg02.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }
.box-lid3{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg03.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }
.box-lid4{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg04.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed;}
.box-lid5{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg05.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }
.box-lid6{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg06.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }
.box-lid7{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg07.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed;}
.box-lid8{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg08.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed;}
.box-lid9{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;background:url(bg09.jpg) #333 no-repeat top center;background-repeat: no-repeat;background-attachment: fixed; }

.box-lid .box-lid-content{-webkit-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);-moz-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);-o-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);}
.box-lid-icon{-webkit-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);-moz-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);-o-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);position:absolute;top:50%;left:25%}
.box-lid-icon:before{content:'';position:absolute;top:0;left:-2px;width:2em;height:2em;background:url('arrow.png') no-repeat;}

.box-lid-menu{cursor:pointer;-webkit-transition:all 250ms cubic-bezier(0, 0, 0.175, 1);-moz-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);-o-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);width:40px;background:url('opa25.png');position:fixed;height:100%;top:0;left:0;z-index:2}

.box-lid-menu nav{-webkit-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);-moz-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);-o-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);display:block;height:100%;width:240px;position:absolute;top:0;left:-240px;color:#fff; }
.box-lid-open .box-lid-content{-webkit-transform:rotateY(-30deg) translateX(200px);-moz-transform:rotateY(-30deg) translateX(200px);-ms-transform:rotateY(-30deg) translateX(200px);-o-transform:rotateY(-30deg) translateX(200px);transform:rotateY(-30deg) translateX(200px)}
.box-lid-open .box-lid-icon{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.box-lid-open .box-lid-menu nav{left:0}
.box-lid-open .box-lid-menu{background:none}

.box-lid-wrapper { width:100%; }