.shows{
display:none;
}
.bonus_area.shows {
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-box-shadow: 0 0 50px rgb(0 0 0 / 30%);
box-shadow: 0 0 50px rgb(0 0 0 / 30%);
}
.bonus_area {
position: fixed;
top: 50%;
right: 0;
width: 180px;
border-radius: 5px 0 0 5px;
z-index: 99999998;
-webkit-transform: translateY(-50%) translateX(100%);
-ms-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.bonus_area .inner_area {
background: -webkit-gradient(linear, left top, left bottom, from(#ff6d42), to(#ff6d42));
background: -webkit-linear-gradient(top, #ff6d42 0%, #ff6d42 100%);
background: -o-linear-gradient(top, #ff6d42 0%, #ff6d42 100%);
background: linear-gradient(to bottom, #ff6d42 0%, #ff6d42 100%);
border-radius: 5px 0 0 0;
padding: 18px 0 23px;
position: relative;
text-align: center;
}
.inner_area .close-btn {
position: absolute;
cursor: pointer;
height: 10px;
background: none;
outline: none;
border: none;
z-index: 30;
top: 28px;
width: 10px;
height: 15px;
right: 20px;
}
.bonus_area .inner_area .icon {
display: block;
padding-left: 33px;
margin-bottom: 15px;
text-align: left;
}
.inner_area .title {
display: block;
font-size: 23px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
margin-bottom: 0px!important;
}
.title {
text-align: center;
margin-bottom: 78px;
padding-left: 15px;
padding-right: 15px;
}
inner_area .price {
display: block;
padding-bottom: 6px;
color: #fff;
font-size: 38px;
margin-left: -14px;
line-height: 40px;
}
.inner_area .price em {
display: inline-block;
font-size: 16px;
line-height: 19px;
vertical-align: top;
font-weight: normal;
font-style: normal;
padding-top: 10px;
padding-right: 4px;
}
.inner_area .subtitle {
display: block;
text-transform: uppercase;
font-size: 10px;
color: #fff;
font-weight: bold;
letter-spacing: 5px;
font-size: 14px;
}
.bonus_area .get-btn {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
width: 100%;
background-color: #ff6d42;
color: #fff;
text-align: center;
padding: 20px 0 20px;
border-radius: 0 0 0 5px;
}