html.ibx-fomo-bar-active body {
-webkit-transition: margin-top 0.3s ease;
-moz-transition: margin-top 0.3s ease;
transition: margin-top 0.3s ease;
position: static;
}
.ibx-fomo-bar-wrapper {
border-top: 0;
margin-top: 0;
width: 100%;
z-index: 9999;
left: 0;
-webkit-transition: margin-top 0.2s ease;
-moz-transition: margin-top 0.2s ease;
transition: margin-top 0.2s ease;
will-change: margin-top;
}
.ibx-fomo-position-top .ibx-fomo-bar-wrapper {
top: 0;
margin-top: -999px;
}
.ibx-fomo-position-bottom .ibx-fomo-bar-wrapper {
bottom: 0;
margin-bottom: -999px;
}
html.ibx-fomo-bar-active body.admin-bar .ibx-fomo-position-top .ibx-fomo-bar-wrapper {
margin-top: 32px;
}
html.ibx-fomo-bar-active body:not(.admin-bar) .ibx-fomo-position-top .ibx-fomo-bar-wrapper {
margin-top: 0;
}
html.ibx-fomo-bar-active .ibx-fomo-position-bottom .ibx-fomo-bar-wrapper {
margin-bottom: 0;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-content {
padding: 22px 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.ibx-fomo-countdown-enabled .ibx-fomo-bar-wrapper .ibx-fomo-bar-content {
padding: 10px 40px;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-text {
display: inline-block;
vertical-align: middle;
font-weight: bold;
margin-right: 10px;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-close {
color: #585858;
cursor: pointer;
display: block;
font-size: 28px;
font-weight: 100;
position: absolute;
top: 12px;
right: 10px;
text-decoration: none!important;
margin: 0;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper {
display: inline-block;
min-width: 125px;
text-align: center;
vertical-align: middle;
font-weight: bold;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper p {
margin: 0;
padding: 0;
font-weight: bold;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper #ibx-fomo-countdown-time {
display: flex;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper #ibx-fomo-countdown-time .ibx-fomo-countdown-time-col {
display: block;
margin-left: 2px;
padding: 8px;
min-width: 55px;
text-transform: capitalize;
border-radius: 4px;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper #ibx-fomo-countdown-time span {
display: block;
font-size: 17px;
padding: 0 4px;
line-height: 1.2;
}
.ibx-fomo-bar-wrapper .ibx-fomo-countdown-wrapper #ibx-fomo-countdown-time span.ibx-fomo-countdown-time-text {
font-size: 11px;
font-weight: normal;
}
.ibx-fomo-bar-wrapper .ibx-fomo-expired-text {
display: none;
font-weight: bold;
}
.ibx-fomo-bar-wrapper.ibx-fomo-expired span.ibx-fomo-expired-text {
display: inline;
}
.ibx-fomo-bar-wrapper.ibx-fomo-expired span.ibx-fomo-start-text {
display: none;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-text {
display: inline-block;
margin-right: 0px;
margin-left: 15px;
text-align: center;
vertical-align: middle;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-button {
display: inline-block;
padding: 10px;
margin-left: 10px;
text-decoration: none;
transition: all 0.3s ease-in-out;
} .ibx-notification-popup {
position: fixed;
min-width: 250px;
max-width: 100%;
height: auto;
font-size: 13px;
background: white;
padding: 3px;
border-radius: 5px;
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
box-sizing: border-box;
z-index: 10000001;
display: block;
}
.ibx-notification-popup.ibx-notification-hide-desktop {
display: none;
}
.ibx-notification-popup.ibx-notification-popup-review {
max-width: 350px;
}
.ibx-notification-popup.ibx-notification-bottom-left {
bottom: -250px;
left: 15px;
}
.ibx-notification-popup.ibx-notification-bottom-right {
bottom: -250px;
right: 15px;
}
.ibx-notification-popup-wrapper a {
text-decoration: none !important;
cursor: pointer;
}
.ibx-notification-popup-wrapper {
display: block;
height: 100%;
width: 100%;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
flex-shrink: 1;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-img {
height: 50px;
font-weight: 400;
font-size: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-img.has-letter {
background: #ffecec;
color: #F44336;
font-family: sans-serif;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-img img {
vertical-align: middle;
max-width: 100%;
max-height: 70px;
height: auto;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-text {
text-align: left;
font-size: 13px;
line-height: 20px;
margin: 0 10px;
}
.ibx-notification-popup-wrapper .ibx-notification-row-third {
font-size: 10px;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-text small {
font-size: 10px;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-title {
display: block;
}
.ibx-notification-popup-review .ibx-notification-popup-wrapper .ibx-notification-popup-title {
font-size: 13px;
font-weight: normal;
}
.ibx-notification-layout-first .ibx-notification-popup-wrapper .ibx-notification-popup-title {
font-size: 13px;
font-weight: normal;
}
.ibx-notification-row-first {   
display: inline-block;
}
.ibx-notification-layout-first .ibx-notification-popup-wrapper .ibx-notification-row-first {
font-weight: bold;    
}
.ibx-notification-layout-second .ibx-notification-popup-wrapper .ibx-notification-popup-title {
font-size: 14px;
font-weight: bold;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-review-text {
font-size: 14px;
line-height: 1;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-review-name {
display: inherit;
font-size: 12px;
font-weight: bold;
float: none;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-rating {
unicode-bidi: bidi-override;
direction: rtl;
float: none;
margin-right: 5px;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-rating span {
color: #333;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-rating span:before {
content: "\2605";
position: absolute;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.ibx-notification-popup-wrapper .ibx-notification-popup-close {
display: block;
cursor: pointer;
font-size: 19px;
font-weight: 600;
line-height: 1.2;
background: #fff;
position: absolute;
top: -10px;
right: -10px;
padding: 0px 6px;
text-decoration: none!important;
text-shadow: 0 0px 0 #fff;
border-radius: 15px;
opacity: 0;
z-index: 9999;
}
.ibx-notification-popup-wrapper:hover .ibx-notification-popup-close {
opacity: 1;
}
.ibx-notification-popup-wrapper .ibx-wpfomo-branding {
font-size: 12px;
color: #999;
margin-left: 2px;
vertical-align: middle;
position: relative;
right: 0;
bottom: 0;
z-index: 1;
padding: 5px;
padding-left: 0px;
}
.ibx-notification-popup-wrapper .ibx-wpfomo-branding svg {
position: relative;
top: 3px;
}
@media only screen and (max-width: 768px) {
.ibx-notification-popup.ibx-notification-hide-mobile {
display: none;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-content {
flex-direction: column;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-text {
margin: 0;
margin-top: 8px;
}
.ibx-fomo-bar-wrapper .ibx-fomo-bar-button {
display: block;
margin-top: 5px;
}
} .number-circle {
margin-right: 5px;
font-size: 15px;
padding: 5px;
width: 2em;
height: 2em;
box-sizing: initial;
background: black;
color: white;
text-align: center;
border-radius: 50%;
line-height: 2em;
box-sizing: content-box;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.35);
}
.notification-animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.ibx-notification-popup-analytics {
font-weight : normal !important;
}
.ibx-notification-span-anaytics {
font-weight: 600;
}