149 lines
3.7 KiB
CSS
149 lines
3.7 KiB
CSS
|
.popup_bg{
|
||
|
|
background: #0b0b0b none repeat scroll 0 0;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0.8;
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 1042;
|
||
|
|
}
|
||
|
|
.popup-close{
|
||
|
|
color: #000;
|
||
|
|
font-family: Arial,Baskerville,monospace;
|
||
|
|
font-size: 28px;
|
||
|
|
font-style: normal;
|
||
|
|
height: 44px;
|
||
|
|
line-height: 44px;
|
||
|
|
opacity: 0.65;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
top: 0;
|
||
|
|
width: 44px;
|
||
|
|
background: transparent none repeat scroll 0 0;
|
||
|
|
border: 0 none;
|
||
|
|
box-shadow: none;
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
outline: medium none;
|
||
|
|
overflow: visible;
|
||
|
|
padding: 0;
|
||
|
|
z-index: 1046;
|
||
|
|
}
|
||
|
|
.popup-close:hover{
|
||
|
|
color: #000;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.so_newletter_custom_popup{
|
||
|
|
z-index: 2042;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
margin: auto;
|
||
|
|
animation:iconosani 2.5s forwards;
|
||
|
|
-webkit-animation: iconosani 2.5s forwards;
|
||
|
|
-moz-animation: iconosani 2.5s forwards;
|
||
|
|
-o-animation: iconosani 2.4s forwards;
|
||
|
|
}
|
||
|
|
.so-custom-popup{
|
||
|
|
position: fixed;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
-webkit-transform: translate(-50%, -50%);
|
||
|
|
-moz-transform: translate(-50%, -50%);
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
-o-transform: translate(-50%, -50%);
|
||
|
|
}
|
||
|
|
.so-custom-default{
|
||
|
|
border:#f5f5f5 1px solid;
|
||
|
|
border-radius:5px;
|
||
|
|
}
|
||
|
|
.so-custom-popup h3,.so-custom-default h3,.so-custom-popup .form-group,.so-custom-default .form-group{
|
||
|
|
margin: 0;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .so-custom-popup .popup-content .signup{
|
||
|
|
margin: 10px 0;
|
||
|
|
padding: 10px 0 10px 10px;
|
||
|
|
} */
|
||
|
|
.so-custom-popup .popup-content .signup input,.so-custom-default .signup input{
|
||
|
|
width: 50%;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.so-custom-popup .popup-content .signup .send-mail,.so-custom-default .send-mail{
|
||
|
|
margin: 10px 0 0 0;
|
||
|
|
padding: 7px 10px;
|
||
|
|
border: none;
|
||
|
|
background: #47c843;
|
||
|
|
color: #fff;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.so-custom-popup .popup-content .signup .smns-input-heading,.so-custom-default .smns-input-heading{
|
||
|
|
margin: 5px 0;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.so-custom-popup .popup-content .signup .email, .so-custom-default .email{
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
/* .so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .popup-title{
|
||
|
|
padding: 20px 10px 30px 10px;
|
||
|
|
color: #111111;
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 100%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
} */
|
||
|
|
.so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .popup-title,.so-custom-default .popup-title{
|
||
|
|
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
.so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .newsletter_promo,.so-custom-default .newsletter_promo{
|
||
|
|
padding: 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
margin:0;
|
||
|
|
line-height: 100%;
|
||
|
|
}
|
||
|
|
.so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content,.so-custom-default .modcontent{
|
||
|
|
padding: 20px 10px;
|
||
|
|
}
|
||
|
|
.hidden-popup{
|
||
|
|
padding: 0 0 0 10px;
|
||
|
|
}
|
||
|
|
.hidden-popup .inline{
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
}
|
||
|
|
/* .mfp-close-btn-in .mfp-close{
|
||
|
|
color: #fff !important;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
|
||
|
|
@media all and (max-width: 359px){
|
||
|
|
.so-custom-oca-popup{
|
||
|
|
width: 80% !important;
|
||
|
|
}
|
||
|
|
.so-custom-popup .popup-content .signup input{
|
||
|
|
width: 80% !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media all and (min-width: 360px) and (max-width: 639px){
|
||
|
|
.so-custom-oca-popup{
|
||
|
|
width: 80% !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media all and (min-width: 768px) and (max-width: 1199px) {
|
||
|
|
.so_newletter_oca_popup{
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
}
|