@keyframes cg_pulse {
0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}
#a-banner {
position: fixed;
bottom: 15px;
z-index: 9999999;
font-weight: normal;
border: none;
color: #ffffff;
display: none;
}
#a-banner.a-banner-left {
left: 0;
}
#a-banner.a-banner-left .a-i {
margin-left: 15px;
}
#a-banner.a-banner-right {
right: 0;
}
#a-banner.a-banner-right .a-i {
margin-right: 15px;
}
#a-banner.a-banner-right .a-i:before {
right: 15px;
top: -70px;
}
#a-banner.a-banner-center {
left: 50%;
top: 50%;
}
#a-banner.a-banner-center .a-i {
transform: translate(-50%, -50%);
}
#a-banner .a-i {
border-radius: 0;
background-color: rgba(10, 22, 32, 0.85);
padding: 10px;
width: 240px;
margin-left: 15px;
overflow: visible;
}
#a-banner .a-i:before {
height: 70px;
width: 70px;
content: ' ';
position: absolute;
right: -70px;
top: -50px;
background-repeat: no-repeat;
background-size: cover;
animation-name: cg_pulse;
animation-duration: 3000ms;
transform-origin: 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#a-banner .a-i:after {
content: ' ';
display: block;
clear: both;
}
#a-banner .a-i > div {
float: left;
}
#a-banner .a-l {
display: none;
}
#a-banner img {
width: 100%;
}
#a-banner p {
margin-top: 0;
margin-bottom: 5px;
font-size: 13px;
}
#a-banner p:last-child {
margin: 0;
}
#a-banner .a-btn {
margin-top: 15px;
display: block;
padding: 10px 15px;
text-align: center;
border-radius: 0;
font-weight: bold;
font-size: 110%;
}
#a-banner .a-more {
color: #ffffff;
}
#a-banner .a-more:hover,
#a-banner .a-more:focus {
color: #f0f3f6;
}
#a-overlay {
position: fixed;
z-index: 10999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
left: 0;
top: 0;
display: none;
}
@media (min-width: 992px) {
#a-banner .a-i {
padding: 15px;
width: 300px;
}
#a-banner .a-has-image .a-l {
width: 15%;
padding-right: 15px;
display: block;
}
#a-banner .a-has-image .a-r {
width: 85%;
}
}