#mask{ /* create are mask */
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find our mask */
#overlay:target, #overlay:target + #mask{
    display:block;
    opacity:1;
}
.close{ /* to make a nice looking pure CSS3 close button */
    display:block;
    position:absolute;
    top:-20px;
    right:-20px;
    background:red;
    color:white;
    height:40px;
    width:40px;
    line-height:40px;
    font-size:35px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
}
.hider {
    background: transparent;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 100px;
    border: 3px solid #f1f1f1;
    z-index: -1;
    top: 0px;
    margin-top: -47px;
    padding: 92px;
    width: 253px;
    width: 100%;
}
#open-overlay{ /* open the overlay */
    padding:10px 5px;
    background:blue;
    color:white;
    text-decoration:none;
    display:inline-block;
    margin:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}
/* The popup form - hidden by default */
.form-popup-1 {
  display: none;
  position: fixed;
  bottom: 0;
  right: 63px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  top: 221px;
  height: 132px;
  width: 171px;
}

/* Add styles to the form container */
.form-container-1 {
  height: 127px;
  padding: 10px;
  background-color: white;
}
#triangle-up {
    width: 0;
    height: 0;
    border-left: 36px solid transparent;
    border-right: 34px solid transparent;
    border-bottom: 30px solid white;
    margin: -9px -18px -3px 62px;
}


/* Full-width input fields */
.form-container-1 input[type=text], .form-container-1 input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container-1 input[type=text]:focus, .form-container-1 input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container-1 .btn {
  background-color: #4CAF50;
  color: white;
  /* padding: 16px 20px; */
  border: none;
  cursor: pointer;
  /* width: 100%; */
  margin-bottom:10px;
  opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container-1 .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container-1 .btn:hover, .open-button:hover {
  opacity: 1;
}

    /* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
}

/* The popup form - hidden by default */
.form-popup {
  
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  top: 100px;
  height: 263px;
  width: 253px;
}

/* Add styles to the form container */
.form-container {
  height: 259px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  /* padding: 16px 20px; */
  border: none;
  cursor: pointer;
  /* width: 100%; */
  margin-bottom:10px;
  opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
.wrap {
  width: 320px;
  margin: 0 auto;
  display: block;
}
#redn{
  display: block;
}
.wrapper {
  border: 1px dashed #95a5a6;
  height: 56px;
  margin-top: 16px;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
}

.wrapper p {
  line-height: 31px;
  text-align: center;
}