/*___________________Subscription Box_____________________*/

#popup-circle .field{width:100%; padding:0;}

#popup-circle{
    height: auto;
    width: 50rem;
    background: #ffffff;
    box-shadow: 0 0 15px 5px #222;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1101;
    overflow: hidden;
    background:url('graphics/images/home/bpila_logo_fade.png');
    background-repeat:no-repeat;
    background-position:left;
    background-size:contain;
    background-color:#ffffff;
}

#popup-overlay{
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top:0;
    left: 0;
    z-index: 1202;
    transition: .2s all ease-in-out;
}

#popup-circle input{ width:90%; background-color:transparent; outline:none; border:1px solid #000000; padding:5%; text-transform:uppercase; margin:0px 0px 1em; text-align:left; color:#000000;}

input::placeholder {
  color: black!important;
}

#popup-circle table{width:100%;}

#popup-circle input[type="submit"]{width:100%;text-decoration:none; text-align:center; text-transform:uppercase;font-style:normal;color:#ffffff;font-family:'BrandonGrotesqueWeb-Regular';font-weight:400;display:inline-block;margin-top:0;padding:10px 2%;background-color:#48234c;}


#popup-circle input[type="submit"] a{color:#ffffff;text-decoration:none;}

#popup-circle input[type="submit"] a:hover{text-decoration:none;}

#popup-circle input[type="submit"]:hover{text-decoration:none;}

.popup-image{float:left;width:20%; line-height:0;}

.popup-image img{width:100%;}

.popup-hide{
    opacity: 0;
    visibility: hidden;
}
.popup-show{
    opacity: 1;
    visibility:visible;
}

.rect h2{font-family:'Voga-Medium'; font-size:26px;color:#000000;}

.rect p{font-family:'Lora' !important; font-style:italic; color:#000000; line-height:1.7em; text-transform:none !important;}

.rect .red-stroke{max-width:100%;}


.rect{
    height: 100%;
    width: 57%;
    margin: 0 auto;
    float:right;
    padding: 5% 3rem;
    position: relative;
    text-align:center;

    /*  border:1px solid #333;*/
}
.rect h1, .rect p{
    text-align: center;
    line-height: 1.5em;
    font-size:15px;
}

.rect h1{
    font-size: 3rem;
}
.rect h1+p:nth-child(2){
    margin-bottom: 5px;
}
.rect h1+p:nth-child(2)+p{
    font-size: .9rem;
}
.rect form{
    text-align: center;
}


#popup-drawer, #close-wrap{
    width: auto;
    height: auto;
    border:2px solid #fff;
    display: table;
    position: absolute;
}
#popup-drawer{
    top:calc(14% - 2rem);
    right: -10%;
}
#popup-drawer a:first-child, #close-wrap a{
    display: table-cell;
    vertical-align: middle;
}
#popup-drawer a:first-child{padding-left: 1.5rem;}
#close-wrap a:first-child{padding: 0.4rem; color:#cccccc; font-family:'BrandonGrotesqueWeb-Regular';}
#close-wrap{
    top: calc(9% - 2rem);
    right:2%;
    z-index: 1111;
    text-align:right;
    font-size:20px;
}

#close-wrap a{color:#ffffff; text-decoration:none;}

#popup-drawer:hover,.rect form input[type="submit"]:hover, #close-wrap:hover{
    background: #fff;
}#popup-drawer:hover a,.rect form input[type="submit"]:hover,#close-wrap:hover a {
    color: #333;    
}

#close-wrap,#popup-drawer, .rect input[type="submit"], .rect input[type="email"]{
    transition: .2s all ease-in-out;
}

@media only screen and (max-width:900px){
    
    .rect{float:none; padding:5% .5rem;}
    
    .rect br{display:none;}
    
    #popup-circle{
    height: auto;
    width: 20.625rem;
    background-image:none;
    }
}