@import url(../lib/normalize/normalize.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i&display=swap");

.alert {
    opacity: 0;
    position: fixed;
    z-index: 999;
    width: 350px;
    background: #1A8FE3;
    color: #ffffff;
    padding: 15px 40px 20px 70px;
    border-radius: 3px;
    -webkit-transition: 0.5s cubic-bezier(0.97, 0.04, 0.32, 1) all;
    -o-transition: 0.5s cubic-bezier(0.97, 0.04, 0.32, 1) all;
    transition: 0.5s cubic-bezier(0.97, 0.04, 0.32, 1) all
}

@media (max-width: 768px) {
    .alert {
        width: 100%;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0
    }
}

.alert .al-body {
    min-height: 40px
}

.alert .al-icn {
    position: absolute;
    top: 18px;
    left: 20px;
    z-index: 10;
    width: 30px;
    text-align: center;
    font-size: 32px;
    line-height: 1
}

.alert .al-close {
    color: #ffffff;
    padding: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    font-size: 12px;
    line-height: 1
}

.alert.al-success {
    color: #ffffff;
    background: #8CBF8B
}

.alert.al-success .al-close {
    color: #ffffff
}

.alert.al-success .btn, .alert.al-success .table-wishlist .tb-wish-action-btn button, .table-wishlist .tb-wish-action-btn .alert.al-success button {
    color: #5ca35a
}

.alert.al-error {
    color: #ffffff;
    background: #E71D36
}

.alert.al-error .al-close {
    color: #ffffff
}

.alert.al-error .btn, .alert.al-error .table-wishlist .tb-wish-action-btn button, .table-wishlist .tb-wish-action-btn .alert.al-error button {
    color: #a61224
}

.alert.al-warning {
    color: #908a07;
    background: #F7F052
}

.alert.al-warning .al-close {
    color: #908a07
}

.alert.al-warning .btn, .alert.al-warning .table-wishlist .tb-wish-action-btn button, .table-wishlist .tb-wish-action-btn .alert.al-warning button {
    color: #c1b909
}

.alert.al-bottom-right {
    bottom: 20px;
    right: 20px;
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0)
}

.alert.al-bottom-left {
    bottom: 20px;
    left: 20px;
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0)
}

.alert.al-top-left {
    top: 20px;
    left: 20px;
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0)
}

.alert.al-top-right {
    top: 20px;
    right: 20px;
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0)
}

.alert.al-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}


.ck-backshop {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 14px 0;
    background: #F79646;
    color: #ffffff;
    text-align: center
}

.ck-backshop a {
    color: #ffffff
}

.check-overlay {
    position: absolute;
    z-index: 19;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8)
}

.check-overlay span {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    font-size: 22px;
    color: #F79646
}

#viewport {
    position: fixed;
    left: 20px;
    bottom: 0;
    z-index: 200;
    font-size: 14px;
    padding: 2px 20px;
    color: #ffffff;
    background-color: #F79646
}

#viewport:after {
    content: 'default'
}

@media (max-width: 1440px) {
    #viewport:after {
        content: 'xl'
    }
}

@media (max-width: 1200px) {
    #viewport:after {
        content: 'lg'
    }
}

@media (max-width: 1024px) {
    #viewport:after {
        content: 'md'
    }
}

@media (max-width: 960px) {
    #viewport:after {
        content: 'sm'
    }
}

@media (max-width: 768px) {
    #viewport:after {
        content: 'xs'
    }
}

/*# sourceMappingURL=style.css.map */