.so-widget-sow-image-default-8b5b6f678277 .sow-image-container {
display: flex;
align-items: flex-start;
}
.so-widget-sow-image-default-8b5b6f678277 .sow-image-container > a {
display: inline-block;
max-width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.so-widget-sow-image-default-8b5b6f678277 .sow-image-container > a {
display: flex;
}
}
.so-widget-sow-image-default-8b5b6f678277 .sow-image-container .so-widget-image {
display: block;
height: auto;
max-width: 100%;
}.floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(8%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(8%);
}
100% {
-webkit-transform: translateY(0%);
}
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}
100% {
-webkit-transform: translateX(0%);
}
}
body {
margin: 0;
padding: 0;
}
#alert {
animation: .9s infinite pulse;
}
.popup {
position: fixed;
background: RGB(0, 75, 147, 0.94);
color: #fff;
right: 20px;
padding: 30px 50px;
text-align: left;
bottom: 20px;
max-width: 580px;
z-index: 1;
font-family: Poppins,sans-serif;
font-size: .9rem;
font-weight: 300;
line-height: 1.5;
margin-left: 25px;
animation: slideLeft 1s alternate;
}
.popup h2 {
color: #FFF;
font-size: 1.7rem;
}
.popup p {
color: #F0F0F0;
padding: 5px 0 0 0;
}
.popup button {
text-decoration: none;
background: transparent;
color: #fff;
border: 0;
cursor: pointer;
padding: 4px 7px;
margin: 2px 0;
font-size: 13px;
font-weight: 700;
transition: background 0.07s, color 0.07s, border-color 0.07s;
font-family: Poppins,sans-serif !important;
font-weight: 400;
margin-left: 5px;
position: absolute;
right: 15px;
top: 15px;
}
.popup .fas.fa-times-circle:hover {
transition: .3s;
transform: rotate(179deg);
}
.popup .fas.fa-times-circle {
font-size: 1.6rem;
color: #FFF;
transition: .5s;
transform: rotate(-182deg);
}
.popup a {
color: #888;
padding: 5px;
margin-left: 8px;
font-size: .8rem;
border-bottom: 1px dashed;
font-weight: 400;
}
.hidden {
display: none;
}
@media screen and (max-width: 480px) {
.popup h2 { font-size: 1.3rem; }
.popup p { font-size: .90rem; }
.popup { padding: 20px; }
}