.ypop-wrapper{
overflow: hidden;
}
.ypop-header {
display: table;
width: 100%;
overflow: hidden;
background-repeat: no-repeat;
}
.ypop-title {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 40px;
line-height: 1.3;
}
.ypop-content {
margin: 20px 30px;
text-align: center;
}
.ypop-footer {
padding: 15px;
text-align: center;
font-size: 12px;
}
.ypop-form-newsletter-wrapper fieldset {
border: 0;
}
.ypop-form-newsletter-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.ypop-form-newsletter-wrapper ul li {
margin: 10px;
}
.ypop-form-newsletter-wrapper .newsletter_form_name input,
.ypop-form-newsletter-wrapper .newsletter_form_email input {
width: 100%;
border: 1px solid #d2d2d2;
padding: 10px 5px;
}
.ypop-form-newsletter-wrapper label {
color: #787878;
}
.ypop-form-newsletter-wrapper .ypop-submit {
text-align: center;
margin-top: 25px;
}
.ypop-form-newsletter-wrapper .submit-field .custom-icon {
padding-right: 5px;
}
.ypop-form-newsletter-wrapper .submit-field .custom-icon img {
max-width: 27px;
max-height: 25px;
}
.ypop-wrapper button{
border-radius: 0px;
border-bottom: 0;
}
.ypop-wrapper button:active{
border-radius: 0px;
border-bottom: 0;
border-top: 0;
}
.ypop-woo-thumb{
width: 60%;
margin: 0 auto;
}   .ypop-content-type .contact-form ul{
list-style: none;
padding-left: 0px;
}
.ypop-content-type .contact-form fieldset{
border: 0;
}
.ypop-content-type .contact-form input,
.ypop-content-type .contact-form select,
.ypop-content-type .contact-form textarea{
width: 100%;
border: 1px solid #cecece;
margin: 10px 0;
padding: 10px 5px;
}
.ypop-content-type .contact-form input[type=checkbox],
.ypop-content-type .contact-form input[type=radio]{
width: auto;
}
.ypop-content-type .contact-form input[type=submit]{
width: auto;
padding: 10px 20px;
border: 0;
}
.share-container a{
text-decoration: none;
}
.icon-circle{
border: 1px solid;
text-align: center;
margin: 15px 2px;
text-decoration: none;
width: 30px;
height: 30px;
display: inline-block;
font-size: 20px;
}
.ypop-footer img {
display: inline-block;
}
@media(max-width: 767px) {
.ypop-wrapper{
overflow-y: scroll;
position: absolute !important;
}
.ypop-modal.open{
overflow-y: scroll;
position: absolute;
}
.ypop-overlay{
position: fixed;
}
}