/*#cont {
width: 100%;
height: 100%;
cursor:pointer;
}

.hiddendiv{
display:none;
height:200px;
background-color:green;
}

.clicker:focus + .hiddendiv{
display:block;
}



		  #cont {display: none; }
          .show:focus + .hide {display: inline; }
          .show:focus + .hide + #cont {display: block;}
		  */
      
	  
html,body {
	 height: 100%;
        margin: 0;
        padding: 0;
      }
      
      .overlay {
        opacity: 0;
        position: fixed;
        z-index: 9999;
		top: -999em;
        left: -999em;
        width: 100%;
        height: 100%;
        display: table;
        background: transparent;
        -webkit-animation: splash 5s forwards;
        animation: splash 5s forwards;
      }
      
      .overlay-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
      }
      
      .message {
        background: transparent;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        text-align: left;
        padding: 10px;
      }
      
      @-webkit-keyframes splash {
        0% {
          opacity: 0;
          top: 0;
          left: 0
        }
        20% {
          opacity: 1;
          top: 0;
          left: 0
        }
        60% {
          opacity: 1;
          top: 0;
          left: 0
        }
        99% {
          top: 0;
          left: 0
        }
        100% {
          opacity: 0;
          top: -999em;
          left: -999em
        }
      }
      
      @-moz-keyframes splash {
        0% {
          opacity: 0;
          top: 0;
          left: 0
        }
        20% {
          opacity: 1;
          top: 0;
          left: 0
        }
        60% {
          opacity: 1;
          top: 0;
          left: 0
        }
        99% {
          top: 0;
          left: 0
        }
        100% {
          opacity: 0;
          top: -999em;
          left: -999em
        }
      }
      
      @-ms-keyframes splash {
        0% {
          opacity: 0;
          top: 0;
          left: 0
        }
        20% {
          opacity: 1;
          top: 0;
          left: 0
        }
        60% {
          opacity: 1;
          top: 0;
          left: 0
        }
        99% {
          top: 0;
          left: 0
        }
        100% {
          opacity: 0;
          top: -999em;
          left: -999em
        }
      }
      
      @keyframes splash {
        0% {
          opacity: 0;
          top: 0;
          left: 0
        }
        20% {
          opacity: 1;
          top: 0;
          left: 0
        }
        60% {
          opacity: 1;
          top: 0;
          left: 0
        }
        99% {
          top: 0;
          left: 0
        }
        100% {
          opacity: 0;
          top: -999em;
          left: -999em
        }
      }

	  .overlay2{
	position:absolute;
	opacity:1;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
	transition:all 2s ;
}
#hide:checked ~ div,#hide:checked ~ div *, #hide:checked + label {
 opacity:0;
 left:-999em;
 right:auto;
 top:-999em;
 pointer-events:none;
}
@-webkit-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
  80%{opacity:1;top:10px}
  100%{opacity:0;top:-999em}
}
@-moz-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
  80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em
}
@-ms-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
 80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em
}
@keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
 80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em}
}