.from-below, .from-below-to-below .effeckt-modal {
-webkit-transform: translateX(100%);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
-webkit-transition: all 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.effeckt-show, .effeckt-show.from-below-to-below .effeckt-modal {
-webkit-transform: translateX(0);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.effeckt-show .effeckt-modal {
visibility: visible;
}
.alert-box p {
margin: 0
}
.alert-sec-circle {
stroke-dashoffset: 0;
stroke-dasharray: 428;
transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
position: absolute;
top: 11px;
left: 190px;
width: 76px;
color: #000;
font-size: 58px
}
.alert-sec-unit {
font-size: 34px
}
.alert-body {
margin: 10px 0 10px
}
.alert-head {
text-align: center;
color: black;
font-size: 28px
}
.alert-concent {
margin: 5px 0 5px;
color: black;
font-size: 18px
}
.alert-concent p {
line-height: 27px
}
.alert-btn {
display: block;
text-align: center;
border-radius: 10px;
background-color: #4AB0F7;
height: 55px;
line-height: 55px;
width: 286px;
color: #FFF;
font-size: 20px;
text-decoration: none;
letter-spacing: 2px
}
.alert-btn-disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events:none;
}
.alert-btn:hover {
background-color: #6BC2FF
}
.alert-footer {
margin: 0 auto;
height: 42px;
width: 120px
}
.alert-footer-icon {
float: left
}
.alert-footer-text {
border-left: 2px solid #EEE;
padding: 3px 0 0 5px;
height: 40px;
color: #0B85CC;
font-size: 12px;
text-align: left
}
.alert-footer-text p {
color: black;
font-size: 22px;
line-height: 18px
}
@media screen and (max-width: 700px) {
.alert-box{
width: 180px;
}
.alert-circle{
top: -80px;
left: 60px;
}
.alert-sec-text {
left: 145px;
width: auto;
font-size: 38px;
}
.alert-head {
font-size: 18px;
}
.alert-box p {
font-size: 16px;
}
.alert-btn {
width: auto;
}
}