/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wppd-form .form-group{
    overflow: hidden
}

#circularG{
    position:relative;
    width:24px;
    height:24px;
    margin: auto;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    display:none;
}

.circularG{
    position:absolute;
    background-color:rgb(0,0,0);
    width:6px;
    height:6px;
    border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    animation-name:bounce_circularG;
    -o-animation-name:bounce_circularG;
    -ms-animation-name:bounce_circularG;
    -webkit-animation-name:bounce_circularG;
    -moz-animation-name:bounce_circularG;
    animation-duration:0.768s;
    -o-animation-duration:0.768s;
    -ms-animation-duration:0.768s;
    -webkit-animation-duration:0.768s;
    -moz-animation-duration:0.768s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#circularG_1{
    left:0;
    top:10px;
    animation-delay:0.288s;
    -o-animation-delay:0.288s;
    -ms-animation-delay:0.288s;
    -webkit-animation-delay:0.288s;
    -moz-animation-delay:0.288s;
}

#circularG_2{
    left:2px;
    top:2px;
    animation-delay:0.384s;
    -o-animation-delay:0.384s;
    -ms-animation-delay:0.384s;
    -webkit-animation-delay:0.384s;
    -moz-animation-delay:0.384s;
}

#circularG_3{
    top:0;
    left:10px;
    animation-delay:0.48s;
    -o-animation-delay:0.48s;
    -ms-animation-delay:0.48s;
    -webkit-animation-delay:0.48s;
    -moz-animation-delay:0.48s;
}

#circularG_4{
    right:2px;
    top:2px;
    animation-delay:0.576s;
    -o-animation-delay:0.576s;
    -ms-animation-delay:0.576s;
    -webkit-animation-delay:0.576s;
    -moz-animation-delay:0.576s;
}

#circularG_5{
    right:0;
    top:10px;
    animation-delay:0.672s;
    -o-animation-delay:0.672s;
    -ms-animation-delay:0.672s;
    -webkit-animation-delay:0.672s;
    -moz-animation-delay:0.672s;
}

#circularG_6{
    right:2px;
    bottom:2px;
    animation-delay:0.768s;
    -o-animation-delay:0.768s;
    -ms-animation-delay:0.768s;
    -webkit-animation-delay:0.768s;
    -moz-animation-delay:0.768s;
}

#circularG_7{
    left:10px;
    bottom:0;
    animation-delay:0.864s;
    -o-animation-delay:0.864s;
    -ms-animation-delay:0.864s;
    -webkit-animation-delay:0.864s;
    -moz-animation-delay:0.864s;
}

#circularG_8{
    left:2px;
    bottom:2px;
    animation-delay:0.96s;
    -o-animation-delay:0.96s;
    -ms-animation-delay:0.96s;
    -webkit-animation-delay:0.96s;
    -moz-animation-delay:0.96s;
}



@keyframes bounce_circularG{
    0%{
    transform:scale(1);
}

100%{
    transform:scale(.3);
}
}

@-o-keyframes bounce_circularG{
    0%{
    -o-transform:scale(1);
}

100%{
    -o-transform:scale(.3);
}
}

@-ms-keyframes bounce_circularG{
    0%{
    -ms-transform:scale(1);
}

100%{
    -ms-transform:scale(.3);
}
}

@-webkit-keyframes bounce_circularG{
    0%{
    -webkit-transform:scale(1);
}

100%{
    -webkit-transform:scale(.3);
}
}

@-moz-keyframes bounce_circularG{
    0%{
    -moz-transform:scale(1);
}

100%{
    -moz-transform:scale(.3);
}
}
.payment-errors{color: #a94442;}

.gateway-form-deactive {
 display: none;
}

span.help-block{ padding: 0px !important;}