.ppsPopupShell {
position: fixed;
z-index: 999999999; display: none;
}
#ppsPopupBgOverlay {
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 999999998;
background-color: #000;
opacity: 0.5;
}
.ppsSubFlexLoader {
position: fixed;
display: none;
z-index: 1000002;
width: 40px;
height: 8px;
}
.ppsPopupShell .ppsInputError {
border: 1px solid #fa4e7f !important;
color: #fa4e7f !important;
}
.ppsPopupShell .ppsErrorMsg {
color: #fa4e7f !important;
padding: 5px;
margin: 5px 0;
}
.ppsPopupShell .ppsSuccessMsg {
padding: 5px;
margin: 5px 0;
text-align: center;
color: #4ae8ea !important;
}
.ppsPopupPreloadImg {
width: auto !important;
height: auto !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
opacity: 0 !important;
display: none !important;
visibility: hidden !important;
}
.ppsPopupShell .alignleft {
float: left;
margin: 7px 10px 10px 0;
}
.ppsPopupShell .alignright {
float: right;
margin: 7px 0 10px 10px;
} .ppsPopupShell .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.ppsPopupTimerWrapper {
display: block;
position: relative;
z-index: 99999999;
text-align: center;
font-size: 10px;
color: #101010;
}
@media (min-width: 768px) {
.ppsPopupShell .container {
width: 540px;
}
}
@media (min-width: 992px) {
.ppsPopupShell .container {
width: 750px;
}
}
@media (min-width: 1200px) {
.ppsPopupShell .container {
width: 960px;
}
}
.ppsPopupClose {
z-index: 1;
}
.ppsSnow {
background: none;
background-image:
url(//supsystic-42d7.kxcdn.com/_assets/popup/img/assets/2016_ht_1_snow1.png),
url(//supsystic-42d7.kxcdn.com/_assets/popup/img/assets/2016_ht_1_snow2.png),
url(//supsystic-42d7.kxcdn.com/_assets/popup/img/assets/2016_ht_1_snow3.png);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
z-index: 0;
}
@keyframes snow {
0% {
background-position:
0px 0px,
0px 0px,
0px 0px;
}
50% {
background-position:
500px 500px,
100px 200px,
-100px 150px;
}
100% {
background-position:
500px 1000px,
200px 400px,
-100px 300px;
}
}
@-moz-keyframes snow {
0% {
background-position:
0px 0px,
0px 0px,
0px 0px;
}
50% {
background-position:
500px 500px,
100px 200px,
-100px 150px;
}
100% {
background-position:
400px 1000px,
200px 400px,
100px 300px;
}
}
@-webkit-keyframes snow {
0% {
background-position:
0px 0px,
0px 0px,
0px 0px;
}
50% {
background-position:
500px 500px,
100px 200px,
-100px 150px;
}
100% {
background-position:
500px 1000px,
200px 400px,
-100px 300px;
}
}
@-ms-keyframes snow {
0% {
background-position:
0px 0px,
0px 0px,
0px 0px;
}
50% {
background-position:
500px 500px,
100px 200px,
-100px 150px;
}
100% {
background-position:
500px 1000px,
200px 400px,
-100px 300px;
}
}
.ppsRePassLnk {
text-decoration: none;
color: #555d66;
}
[data-responsive="true"] {
overflow-y: initial !important;
} @media only screen and (max-width: 767px) {
.ppsPopupVideo iframe {
width: 100% !important;
height: 250px !important;
}
}
.ppsGroupOverlay {
display: none;
position: fixed;
width: 100%;
height: 100vh;
left: 0px;
top: 0px;
z-index: 9999;
background: rgba(0, 0, 0, 0.35);
}
.ppsGroupSubOverlay {
display: block;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 780px;
}
.ppsGroupWrappers {
display: block;
position: relative;
width: auto;
}
.owl-carousel .owl-item .ppsPopupShell img {
width: auto !important;
}
.ppsGroupWrappers .owl-prev {
width: auto;
height: auto;
position: absolute;
top: 50%;
margin-left: -40px;
display: block !important;
border: 0px solid black;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
background: url(//www.ellekeboehmer.com/wp-content/plugins/popup-by-supsystic/modules/popup/img/assets/arrow/pps-arrow-left.png) !important;
background-size: 100% 100% !important;
width: 42px;
height: 42px;
text-indent: -99999px;
}
.ppsGroupWrappers .owl-next {
width: auto;
height: auto;
position: absolute;
top: 50%;
right: -40px;
display: block !important;
border: 0px solid black;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
background: url(//www.ellekeboehmer.com/wp-content/plugins/popup-by-supsystic/modules/popup/img/assets/arrow/pps-arrow-right.png) !important;
background-size: 100% 100% !important;
width: 42px;
height: 42px;
text-indent: -99999px;
}
.ppsGroupWrappers .owl-prev,
.ppsGroupWrappers .owl-next,
.ppsGroupWrappers .ppsGroupOverlayClose {
outline: none !important;
}
.ppsGroupWrappers .owl-prev i,
.ppsGroupWrappers .owl-next i {
transform: scale(4);
color: white;
}
.ppsGroupOverlayClose {
display: inline-block;
position: absolute;
right: 0px;
top: -35px;
height: 24px;
width: 24px;
z-index: 99;
font-size: 24px;
color: white;
text-shadow: 0px 1px 1px black;
cursor: pointer;
background: url(//www.ellekeboehmer.com/wp-content/plugins/popup-by-supsystic/modules/popup/img/assets/close_btns/pps-close.png) !important;
background-size: 100% 100% !important;
}
.ppsGroupWrappers .ppsPopupShell {
max-width: 100% !important;
margin: 0px auto !important;
padding: 0px !important;
}
.ppsPopupTxt.ppsPopupClassyTxt.ppsPopupClassyTxt_0.ppsPopupTxt_0 {
display: block !important;
position: relative !important;
float: none !important;
width: 100% !important;
margin-left: 0px !important;
}
.ppsMainFrame {
width: 100% !important;
}
.ppsBuildInPopup {
max-width: inherit !important;
width: inherit !important;
}