#jbounce-jmodal {

  font-family: 'Open Sans', sans-serif;

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

#jbounce-jmodal .underlay {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,0.5);

  cursor: pointer;

  -webkit-animation: fadein 0.5s;

  animation: fadein 0.5s;

}

#jbounce-jmodal .jmodal {

  width: 550px;

  height: 400px;

  max-width: 100%;

  z-index: 1;

  position: absolute;

  margin: auto;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border-radius: 4px 0 4px 4px;

}

@media only screen and (max-width: 40em) {

	#jbounce-jmodal .jmodal{

    background-size: cover;

    }

}

#jbounce-jmodal .jmodal-title {

  font-size: 18px;

  background-color: rgba(0,0,0,0.7);

  padding: 5px;

  margin: 0;

  border-radius: 4px 0 0 0;

  text-align: center;

}

#jbounce-jmodal .jmodal-subtitle {

  font-size: 18px;

  padding: 5px;

  margin: 0;

  text-align: center;

}

#jbounce-jmodal h3 {

  color: #fff!important;

  font-size: 2em;

  margin: 0.5em;

  font-weight: 500;

}

#jbounce-jmodal h4 {

  font-size: 1.5em;

  margin: 0.5em;

  font-weight: 500;

}

#jbounce-jmodal .jmodal-body {

  padding: 25px 25px;

  font-size: 0.9em;

}

#jbounce-jmodal .jmodal-close {

  bottom: 20px;

  text-align: center;

  width: 100%;

}

#jbounce-jmodal .jmodal-close p {

  text-transform: capitalize;

  cursor: pointer;

  position: absolute;

  display: block;

  height: 40px;

  width: 40px;

  margin-top: -40px;

  box-sizing:border-box;

  line-height: 40px;

  top: 0;

  right: 0;

  font-family: "Helvetica",arial, sans-serif;

  font-size: 11px;

}

@-webkit-keyframes fadein {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}

@-ms-keyframes fadein {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}

@keyframes fadein {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}

@-webkit-keyframes popin {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }



  85% {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@-ms-keyframes popin {

  0% {

    -ms-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }



  85% {

    -ms-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 1;

  }



  100% {

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes popin {

  0% {

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }



  85% {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

/* Hack for mailchimp form */

.mc-field-group {width:100%;text-align:center;}

#mc_embed_signup input:not([type]), #mc_embed_signup  input[type="email"] {

  display:block;

  width:80%;

  box-sizing:border-box;

  padding:10px;

  border-radius:4px;

  float:left; margin-right:10px;

  margin:0 10px 0 0;

}

#mc_embed_signup .button {

  background:#333;

  color:#fff!important;

  border:1px solid #333;

  border-radius:4px;

  padding:10px;

  font-weight:700;

  display:block;

  width:17%;}