.wms_packs_quantity{
    height: 100%;
    width: 100%;
    padding: 0;
}

.wms-view-component-none{
    display:none;
}

.wms-view-component{
    margin-left:-250px;
    padding:10px;
    margin-top:17px;
    background:#fff;
    min-height:350px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.wms-view-component-active{
    display:block;
    position:absolute;
    top:120px;
    z-index:999999;
    width:250px;
}

.wms-view-component-main{
    width:100%;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
}
.wms-product-gallery {
    width: 100%;
    margin: 0 auto;
}

.wms-view-component-main .wms-view-component-row .wms-view-component-content{
    margin-bottom: 0;
}
.wms-view-component-meta, .wms-view-component-content{
    border-top: 1px solid #e2e2e2;
}

.wms-component-price{
    font-size: 1.2em;
    margin: 1.41575em 0;
}

.wms-component-title{
    margin: 5px auto;
    font-size: 18px;
    font-weight: 400;
}

#circularG{
    position:relative;
    width:58px;
    height:58px;
    margin: 50% auto;
}

.circularG{
    position:absolute;
    background-color:rgb(212,212,212);
    width:14px;
    height:14px;
    border-radius:9px;
    -o-border-radius:9px;
    -ms-border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    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.818s;
    -o-animation-duration:0.818s;
    -ms-animation-duration:0.818s;
    -webkit-animation-duration:0.818s;
    -moz-animation-duration:0.818s;
    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:23px;
    animation-delay:0.308s;
    -o-animation-delay:0.308s;
    -ms-animation-delay:0.308s;
    -webkit-animation-delay:0.308s;
    -moz-animation-delay:0.308s;
}

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

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

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

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

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

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

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



@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);
    }
}