@charset "UTF-8";

/* CSS Document */



.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content/Box */

.modal-content {

  background-color: #56b2df;

  margin: 15% auto; /* 15% from the top and centered */

  padding: 10px;

/*  border: 1px solid #888;

*/  width: 80%; /* Could be more or less, depending on screen size */

}



/* The Close Button */

.close {

  color: #fff;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}

	





#scroll {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:50px;

    height:50px;

    background-color: #01CFF6;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius:60px

}

#scroll span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff;

}

#scroll:hover {

    background-color: #CCC;

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}