.mmpanels {
    background: inherit;
    border-color: inherit;
}

    .mmpanels > .mmpanel {
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        background: inherit;
        border-color: inherit;
    }

        .mmpanels > .mmpanel:not(.mmhidden) {
            display: block;
        }

        .mmpanels > .mmpanel:after {
            content: '';
            display: block;
            height: 20px;
        }

.mm-nav-btn, .mmhidden {
    display: none;
}

.mm-fullscreen-bg {
    outline: 0;
}

    .mm-fullscreen-bg:active, .mm-fullscreen-bg:focus, .mm-fullscreen-bg:hover {
        outline: 0;
    }

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.mypage-alo-ph-circle {
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    opacity: .5;
}

@media (max-width: 576px) {
    .mypage-alo-ph-circle {
        width: 70px;
        height: 70px;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -ms-transition: all .2s ease-in-out;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0.4 !important;
}

@media (max-width: 576px) {
    .mypage-alo-ph-circle-fill {
        width: 50px;
        height: 50px;
        top: 22px;
        left: 22px;
    }
}

.mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle {
    border-color: #43b91e;
}

.mypage-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 43px;
    left: 43px;
    position: absolute;
    background: url(/image/css/whatsapp.png) center center no-repeat rgba(30, 30, 30, 0.1);
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-size: 100%;
}

@media (max-width: 576px) {
    .mypage-alo-ph-img-circle {
        width: 30px;
        height: 30px;
        top: 32px;
        left: 32px;
    }
}

.mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle {
    background-color: #43b91e;
}

.mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle {
    background-color: #43b91e;
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}

@keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}

@-webkit-keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.mypage-alo-phone {
    position: fixed;
    bottom: 135px;
    right: 109px;
    z-index: 99999;
}

@media (max-width: 576px) {
    .mypage-alo-phone {
        left: 0px;
        bottom: 120px;
        
    }
}