.popup#wbpg-popup{
width:100%;
height:100%;
display:none;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.75);
z-index: 1000;
}
p.wbpg_infotext_title {
text-align: center;
}
span.wbpg_productprice p {
text-align: center;
}
a#wbpg_open_popup{
display: block;
box-shadow: none;
margin-bottom: 20px;
text-decoration: underline;
}
#wbpg-popup .wbpg-inside { 
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
}
#wbpg-popup .wbpg-inside .wrap-content{
padding: 0 20px 20px 20px;
display:table !important;
}
#wbpg-popup .popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px; opacity: 0.8;
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}
#wbpg-popup .popup-close {
width: 30px;
height: 30px;
padding-top: 4px;
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
transition: ease 0.25s all;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border-radius: 1000px;
background: rgb(255 0 0 / 80%);
opacity: 0.8;
font-family: Arial, Sans-Serif;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 100%;
color: #fff;
}
#wbpg-popup .popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:black;
text-decoration:none;
}
#wbpg-popup .wbpg-inside .wrap-content:after{
content: '';
display: block;
clear: both;
}
#wbpg-popup .wbpg-inside {
background: #ffffff;
width: 60%;
}
#wbpg-popup .product-data {
display: table-cell;
vertical-align: top;
}
#wbpg-popup .wbpg-inside .product-data{
box-sizing: border-box;
width: 30%;
padding-top: 30px;
}
h3.wbpg_product_title {
text-align: center;
padding: 8px;
}
#wbpg-popup .wbpg-inside .product-data img{
width: 100%;
height: auto;
}
#wbpg-popup .wbpg-inside .product-data h4.product-title{
text-align: center;
margin: 10px 0;
}
#wbpg-popup .wbpg-inside .no-product-data form{
width: 100%;
margin-left: 0;
}
#wbpg-frompopup {
width: 100%;
padding: 0px 15px;
}
div#wbpg-frompopup .wbpg_popup_field {
width: 100%;
}
div#wbpg-frompopup .wbpg_popup_field input {
width: 96%;
}
input#wbpg_popup_submit {
width: 96%;
margin-top: 10px;
} .wbpg_popup_field.error::before {
content: '*';
color: red;
}
.wbpg_popup_field.error {
position: relative;
-webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; }
.wbpg_popup_field.error .wbpg_tooltip {
background: #838383;
bottom: 100%;
color: #2a1000;
display: block;
opacity: 0;
padding: 10px 10px;
pointer-events: none;
position: absolute;
width: auto%;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.wbpg_popup_field.error .wbpg_tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}  
.wbpg_popup_field.error .wbpg_tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #626262 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.wbpg_popup_field.error:hover .wbpg_tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.lte8 .wbpg_popup_field.error .wbpg_tooltip {
display: none;
}
.lte8 .wbpg_popup_field.error:hover .wbpg_tooltip {
display: block;
} @media (min-width: 768px) and (max-width: 992px){
#wbpg-popup .wbpg-inside{
width: 700px!important;
}
}
@media (max-width: 767px){
#wbpg-popup .wbpg-inside{
width: 500px!important;
max-height: 300px;
overflow: auto;
top: 55%;
}
#wbpg-popup label {
color: #1a1a1a;
font-size: 12px;
display: block;
}
#wbpg-popup .wbpg-inside .product-data h4.product-name{
font-size: 12px;
}
#wbpg-popup .popup-close{
top: 20px;
right: 20px;
}
}
@media (min-width: 320px) and (max-width: 480px){
#wbpg-popup .wbpg-inside{
width: 300px!important;
max-height: 380px;
overflow: auto;
}
#wbpg-popup .popup-close {
top: 20px;
right: 20px;
}
#wbpg-popup .wbpg-inside .wrap-content{
padding: 0 20px 20px 20px;
}
#wbpg-popup h3.title{
padding: 10px 38px;
font-size: 18px;
line-height: 22px;
}
#wbpg-popup .wbpg-inside .product-data{
width: 100%;
border: none;
}
#wbpg-popup .wbpg-inside form{
width: 100%;
margin-left: 0;
margin-right: 0;
}
#wbpg-popup input{
padding: 5px;
}
}