.al-iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.al-iframe-mobile {
    border: none;
    width: 100%;
    height: 100%;
}

.al-fabs {
    bottom: 26px;
    right: 26px;
    position: fixed;
    z-index: 99998;
}

.al-fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #f0f0f0;
    margin: 15px auto 0;
    box-shadow:
        0 0 4px rgba(0, 0, 0, 0.14),
        0 4px 8px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    position: relative;
    z-index: 99998;
    overflow: hidden;
    background: #182d41;
}

.al-fab.image{
    width: auto;
    height: auto; 
    box-shadow: none;
    background: transparent !important;
    border-radius: unset;
    -webkit-transition: none !important;
    transition: none !important;
    transform:none !important;  
}

.al-fab.image img{
    -webkit-transition: none !important;
    transition: none !important;
    transform: none !important;  
}

.al-fab.size-small {
    transform: scale(1);
}

.al-fab.size-medium {
    transform: scale(1.2);
}

.al-fab.size-large {
    transform: scale(1.4);
}

.al-fab.anim0 {
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
}

.al-fab.anim1 {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.al-fab.anim2 {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.al-fab.anim3 {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.al-fab:hover {
    opacity: 0.8;
}

.al-fab i {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    fill: white;
    width: 56px;
    height: 56px;
}

.al-fab.small {
    width: 46px;
    height: 46px;
    opacity: 0;
}

.al-fab.small i {
    width: 46px;
    height: 46px;
}

.al-fab#call {
    transition: all 0.2s ease-in;
}

.al-fab.show {
    opacity: 1;
}

.al-is-visible {
    opacity: 1 !important;
    display: block !important;
}

.al-is-hide {
    opacity: 0;
}

.al-is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.al-is-loading {
    display: block;
    -webkit-animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
    animation: load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
}

.al-is-loading-spining {
    display: block;
    -webkit-animation: spining 1s linear infinite;
    animation: spining 1s linear infinite;
}

.al-container {
    width: 380px;
    position: absolute;
    right: 85px;
    bottom: -9px;
    height: 520px;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.al-notyfication {
    width: 15px;
    height: 15px;
    margin: -62px auto 0;
    float: right;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: notyfication-anim 2s ease-in-out infinite;
}

.al-notyfication-value {
    display: block;
    text-align: center;
    font-style: initial;
    font-size: smaller;
}

.mobile-maximalize {
    width: 100%;
    height: 97.5%;
    right: 0px;
    bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: fixed;
}

.al-container.al-is-visible {
    opacity: 1;
    -webkit-animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    animation: zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    z-index: 2;
}

.al-container.bad-browser {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.al-eroro-popup {
    bottom: 1px;
    right: 86px;
    position: absolute;
    z-index: 999;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    width: 300px;
    padding: 8px;
    font-size: 14px;
}

.al-eroro-popup p {
    margin: 0px;
    padding: 0px;
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes notyfication-anim {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes spining {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spining {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}