@import url('https://fonts.googleapis.com/css?family=Poppins');
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999;}
.overlay:target { visibility: visible; opacity: 1;}
#popup1 { font-family:poppins;}
#popup1 .popup {margin: 0px auto; padding: 50px 20px;background: #fff; border-radius: 0px; height: 376px; width:690px; position: relative;    text-align: center;top: 58% !important;   position: fixed !important;-moz-transform: translateY(-50%);    -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%);   -ms-transform: translateY(-50%);    transform: translateY(-50%);right: 0px; left: 0;}
#popup1 .popup h2 { margin-top: 0; color: #333;}
#popup1 .popup .close {position: absolute; top: 0px;  right: 0px; transition: all 200ms; font-size: 30px;  font-weight: normal; text-decoration: none;  text-align: center;    background: #333;  border-radius: 0;  cursor: pointer;  float: right;  padding: 0;  color: #fff;  margin-top: 0;  margin-right: 0;  height: 40px;  width: 40px;    line-height: 45px;}
#popup1 .popup .close:hover {color: #06D85F;}
#popup1 .popup .content {max-height: 30%;overflow: auto;}
#popup1 .newletter-title h2 { font-size: 24px;
    /* text-transform: uppercase; */
    color: #000;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 0px 0 8px}
#popup1 .box-content label {  font-weight: 400;  max-width: 560px;  display: inline-block;  margin-bottom: 5px;  font-size: 14px; line-height: 26px; color: #4a4848;}
.newletter-popup {  background: #fff;  top: 50% !important;   position: fixed !important; padding: 0;  text-align: center;  -moz-transform: translateY(-50%);    -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%);   -ms-transform: translateY(-50%);    transform: translateY(-50%);}
#popup1 #frm_subscribe #subscribe_pemail {    background: #EBEBEB none repeat scroll 0% 0%;    border: medium none;    height: 40px;    width: 65%;    margin: 12px 0;    padding-left: 15px; color: #000;}
#popup1 .box-content .subscribe-bottom {   margin-top: 20px;}
#popup1 .box-content .subscribe-bottom #newsletter_popup_dont_show_again {    display: inline-block;    margin: 0;    vertical-align: middle;    margin-top: -1px;}
#popup1 .box-content .subscribe-bottom label {    margin: 0;    font-weight: 400;    max-width: 650px;    display: inline-block;    margin-bottom: 5px;    font-size: 12px;}
.subscribe-btn{
    /* right: 0px; */
    /* top: 27px; */
    width: 159px;
    text-align: center;
    line-height: 24px;
    padding: 11px 30px;
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Raleway',sans-serif;
    /* background: #00793e; */
    background: -webkit-linear-gradient(right top,#81c610,#089b53);
    cursor: pointer;
}
.subscribe-btn:hover{
    background: -webkit-linear-gradient(right top,#089b53,#81c610);
    color: #fff;
}

/* Mobie view */
@media only screen and (max-width: 992px) {
    #popup1 .popup{
        top: 70% !important;
    }
  }
@media only screen and (max-width: 768px) {
#popup1 .popup{
    top: 50% !important;
}
#popup1 .popup{
    width: 446px;
}
#popup1 #frm_subscribe #subscribe_pemail{
    width: 90%;
}
}
@media only screen and (max-width: 480px) {
    #popup1 .popup{
        top: 50% !important;
    }
    #popup1 .popup{
       width: 328px;
    height: 410px;
    }
    }