.popup-max500 {

	max-width: 500px;

}

.my-mfp-zoom-in .zoom-anim-dialog {

	opacity: 0;



	-webkit-transition: all 0.2s ease-in-out; 

	-moz-transition: all 0.2s ease-in-out; 

	-o-transition: all 0.2s ease-in-out; 

	transition: all 0.2s ease-in-out; 







	-webkit-transform: scale(0.8); 

	-moz-transform: scale(0.8); 

	-ms-transform: scale(0.8); 

	-o-transform: scale(0.8); 

	transform: scale(0.8); 

  }



  /* animate in */

  .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {

	opacity: 1;



	-webkit-transform: scale(1); 

	-moz-transform: scale(1); 

	-ms-transform: scale(1); 

	-o-transform: scale(1); 

	transform: scale(1); 

  }



  /* animate out */

  .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {

	-webkit-transform: scale(0.8); 

	-moz-transform: scale(0.8); 

	-ms-transform: scale(0.8); 

	-o-transform: scale(0.8); 

	transform: scale(0.8); 



	opacity: 0;

  }



  /* Dark overlay, start state */

  .my-mfp-zoom-in.mfp-bg {

	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 

	-moz-transition: opacity 0.3s ease-out; 

	-o-transition: opacity 0.3s ease-out; 

	transition: opacity 0.3s ease-out;

  }

  /* animate in */

  .my-mfp-zoom-in.mfp-ready.mfp-bg {

	opacity: 0.8;

  }

  /* animate out */

  .my-mfp-zoom-in.mfp-removing.mfp-bg {

	opacity: 0;

  }







  /**

   * Fade-move animation for second dialog

   */

  

  /* at start */

  .my-mfp-slide-bottom .zoom-anim-dialog {

	opacity: 0;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;



	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );



  }

  

  /* animate in */

  .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

	opacity: 1;

	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

  }



  /* animate out */

  .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

	opacity: 0;



	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

  }



  /* Dark overlay, start state */

  .my-mfp-slide-bottom.mfp-bg {

	opacity: 0;



	-webkit-transition: opacity 0.3s ease-out; 

	-moz-transition: opacity 0.3s ease-out; 

	-o-transition: opacity 0.3s ease-out; 

	transition: opacity 0.3s ease-out;

  }

  /* animate in */

  .my-mfp-slide-bottom.mfp-ready.mfp-bg {

	opacity: 0.8;

  }

  /* animate out */

  .my-mfp-slide-bottom.mfp-removing.mfp-bg {

	opacity: 0;

  }

 .mfPopup-bg {

	background: white;

	padding: 15px;

	text-align: left;

	max-width: 600px;

	margin: 40px auto;

	position: relative;

	margin-bottom: 0px; 

	}

@media all and (max-width:75em){.maruku_toc{position:static;padding:0;background:0}}

.maruku_toc a{text-decoration:none;border-bottom:1px dotted}

.maruku_toc ul{margin:0;padding:0}

.maruku_toc .active a{text-decoration:none;color:#666}

#main-wrapper{background:0;max-width:800px;width:100%;margin:2em auto 4em;padding:3em;padding-top:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}

.white-popup-block{background:#FFF;text-align:left;width:95%;height:auto;margin:35px auto;position:relative;padding: 15px;overflow:hidden;box-shadow:1px 1px 7px #000;}

#examples:after{content:'to view source click on the title of example';opacity:.4;font-weight:400;font-size:14px;margin-top:13px;float:right}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}

.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}

.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}

.mfp-align-top .mfp-container:before{display:none}

.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}

.mfp-ajax-cur{cursor:progress}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}

.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}

.mfp-auto-cursor .mfp-content{cursor:auto;height:100%;}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}

.mfp-loading.mfp-figure{display:none}

.mfp-hide{display:none;}

.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}

.mfp-preloader a{color:#ccc}

.mfp-preloader a:hover{color:#fff}

.mfp-s-ready .mfp-preloader{display:none}

.mfp-s-error .mfp-content{display:none}

#custom-content button.mfp-close{

	background:url(../images/close.png) no-repeat center;	

}

button.mfp-close,button.mfp-arrow{overflow:visible; cursor:pointer;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046}

button::-moz-focus-inner{padding:0;border:0}

.mfp-close{width:35px;height:35px;line-height:35px;position:absolute;right:10px;top:10px;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace; border-radius: 50%; outline:none !important;}

.mfp-close:hover,.mfp-close:focus{opacity:1}

.mfp-close-btn-in .mfp-close{color:#333}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}

.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}

.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.mfp-arrow:active{margin-top:-54px}

.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}

.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}

.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}

.mfp-arrow-left{left:0}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}

.mfp-arrow-right{right:0}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}

.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}

.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:518px;}

.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}

.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;}

.mfp-iframe-holder .mfp-close{top:-40px}

img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}

.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}

.mfp-figure{line-height:0}

.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}

.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}

.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}

.mfp-image-holder .mfp-content{max-width:100%}

.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}

.mfp-img-mobile img.mfp-img{padding:0}

.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}

.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}

.mfp-img-mobile .mfp-counter{right:5px;top:3px}

.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}

.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}

@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}

.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}

.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}

.mfp-container{padding-left:6px;padding-right:6px}}

.mfp-ie7 .mfp-img{padding:0}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}

.mfp-ie7 .mfp-container{padding:0}

.mfp-ie7 .mfp-content{padding-top:44px}

.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

}