.loading-dots {
    width: 50px;
    height: 28px;
    --_g: no-repeat radial-gradient(farthest-side, #a3a3a3 85%, #0000);
    background:
        var(--_g) 50% 0,
        var(--_g) 100% 0;
    background-size: 12px 12px;
    position: relative;
    animation: d3-0 1.5s linear infinite;
}

.loading-dots:before {
    content: "";
    position: absolute;
    height: 12px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #a3a3a3;
    left: 0;
    top: 0;
    animation:
        d3-1 1.5s linear infinite,
        d3-2 0.5s cubic-bezier(0, 200, .8, 200) infinite;
}

.loading-cart{
    --size: 100px;
    width: var(--size);
    height: var(--size);
    border-radius: 10rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='3.5' r='1.5' fill='%23a3a3a3' opacity='0'%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='0 12 12%3B90 12 12%3B180 12 12%3B270 12 12'/%3E%3Canimate attributeName='opacity' dur='0.6s' keyTimes='0%3B0.5%3B1' repeatCount='indefinite' values='1%3B1%3B0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' fill='%23a3a3a3' opacity='0'%3E%3CanimateTransform attributeName='transform' begin='0.2s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='30 12 12%3B120 12 12%3B210 12 12%3B300 12 12'/%3E%3Canimate attributeName='opacity' begin='0.2s' dur='0.6s' keyTimes='0%3B0.5%3B1' repeatCount='indefinite' values='1%3B1%3B0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' fill='%23a3a3a3' opacity='0'%3E%3CanimateTransform attributeName='transform' begin='0.4s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='60 12 12%3B150 12 12%3B240 12 12%3B330 12 12'/%3E%3Canimate attributeName='opacity' begin='0.4s' dur='0.6s' keyTimes='0%3B0.5%3B1' repeatCount='indefinite' values='1%3B1%3B0'/%3E%3C/circle%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@keyframes d3-0 {

    0%,
    31% {
        background-position: 50% 0, 100% 0
    }

    33% {
        background-position: 50% 100%, 100% 0
    }

    43%,
    64% {
        background-position: 50% 0, 100% 0
    }

    66% {
        background-position: 50% 0, 100% 100%
    }

    79% {
        background-position: 50% 0, 100% 0
    }

    100% {
        transform: translateX(calc(-100%/3))
    }
}

@keyframes d3-1 {
    100% {
        left: calc(100% + 7px)
    }
}

@keyframes d3-2 {
    100% {
        top: -0.1px
    }
}


#cms_admin_btn,
#cms_success_alert {
    color: #fff;
    position: fixed;
    text-align: center
}

#click_buy_modal .form-group:last-child,
#click_buy_modal p,
#cms_admin_btn {
    margin-bottom: 0
}

#cms_success_alert {
    width: 210px;
    height: 40px;
    background: #27ae60;
    line-height: 40px;
    border-radius: 6px;
    top: 40px;
    left: 50%;
    margin-left: -105px;
    font-family: Calibri;
    display: none;
    z-index: 99999999;
    font-size: 16px
}

#click_buy_modal .modal-dialog {
    width: 440px
}

#cms_admin_btn {
    right: 30px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    padding: 10px 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500;
    background-color: #607D8B;
    border-color: #607D8B;
    top: -28px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#cms_admin_btn:active,
#cms_admin_btn:focus,
#cms_admin_btn:hover {
    background-color: #78909C;
    border-color: #78909C;
    color: #fff;
    text-decoration: none;
    top: 0
}

@media (max-width:768px) {
    #cms_admin_btn {
        display: none
    }
}

#cms_map {
    width: 100%;
    height: 500px;
}

.am-wrapper {
    float: left;
    position: relative;
    overflow: hidden;
}

.am-wrapper img {
    position: absolute;
    outline: none;
}