@charset "utf-8";
/* CSS Document */



      /* Styles for dialog window */
      #small-dialog {
		  font-size:95%;
		  color: #FFF;
          background: rgba(134,162,47,0.85);
          padding: 25px;
          text-align: left;
          max-width: 720px;
          margin: 40px auto;
          position: relative;
      }

      #small-dialog2 {
		  color: #FFF;
          background: rgba(134,162,47,0.85);
          padding: 30px 25px 20px;
          text-align: left;
          max-width: 580px;
          margin: 40px auto;
          position: relative;
      }

      #small-dialog3 {
		  font-size:95%;
		  color: #FFF;
          background: rgba(134,162,47,0.85);
          padding: 15px;
          text-align: left;
          max-width: 1000px;
          margin: 40px auto;
          position: relative;	  
      }

      #small-dialog h1,#small-dialog2 h1,#small-dialog3 h1 {
		  padding: 0;
		  font-size: 115%;
		  color:#FFF;
		  margin:0 0 20px;
		  font-weight: normal;
		  line-height: 1.6;
      }	



#small-dialog a {
	padding: 0 17px 3px 0;
}

#small-dialog2 a, #small-dialog3 a {
	padding: 0;
}

#small-dialog a, #small-dialog2 a, #small-dialog3 a {color:#EFFB5E;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#FFF;}
#small-dialog a:hover, #small-dialog2 a:hover, #small-dialog3 a:hover {color:#FFF;border-bottom-style:none;}

#small-dialog .newwin {background-image:url(../images/newwin.png);background-repeat:no-repeat;background-position:right 2px;height:17px;width:17px;}

#small-dialog3 .newwin {background-image:url(../images/newwin.png);background-repeat:no-repeat;background-position:right 2px; padding-right: 25px;}

	  #small-dialog ul {
		  margin:0 -10px 0 0;
	  }
			
			
      #small-dialog ul li {
		margin-bottom: 5px;

		margin-left: -18px;
	  }

      #small-dialog2 p, #small-dialog3 p {
		margin-bottom: 15px !important;

	  }



      /**
       * Fade-zoom animation for first dialog
       */
      
      /* start state */
      .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;
      }