.sgd-contact {position: fixed;bottom: 5%;}
.sgd-contact.sgd-left {
    left: 15px;
}
.sgd-contact.sgd-right {
    right: 15px;
}
.sgd-contact a {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    transition: ease-in-out .3s all;
}
.main-button {margin-top: 25px;display: block;}
a.main-click span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    width: 46px;
    height: 46px;
    margin: auto;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #ed1d24;
    position: relative;
}
.main-button svg {
    -webkit-animation-name: lac;
    animation-name: lac;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    max-width: 28px;
}
.main-button a span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: solid 1px rgba(237, 29, 36, .6);
    -webkit-animation-name: zoomin;
    animation-name: zoomin;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.main-button a span:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: rgba(237, 29, 36, .6);
    z-index: -1;
    -webkit-animation-name: zoomout;
    animation-name: zoomout;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}
.main-button a span {
    padding: 10px;
}
.main-button a path {
    fill: white;
}
.contact-item path {
    fill: white;
}
.contact-item a {
    display: flex;
    border-radius: 99%;
    padding: 10px;
}
a.twitter {
    background: #33b0f2;    
}
a.tele {
    background: #309fd9;
}

a.call-item {
    background: #f2ab00;
}
a.zalo {
    padding: 0;
}
.contact-item a:hover {
    transform: scale(1.25);
}
.contact-item {
    display: none;
}
a.mail-item {
    background: #ff5722;
}
@keyframes lac {
    0% {
        transform: rotate(0)
    }
    10% {
        transform: rotate(-25deg)
    }
    20% {
        transform: rotate(25deg)
    }
    30% {
        transform: rotate(-25deg)
    }
    40% {
        transform: rotate(25deg)
    }
    50% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes lac {
    0% {
        -webkit-transform: rotate(0)
    }
    10% {
        -webkit-transform: rotate(-25deg)
    }
    20% {
        -webkit-transform: rotate(25deg)
    }
    30% {
        -webkit-transform: rotate(-25deg)
    }
    40% {
        -webkit-transform: rotate(25deg)
    }
    50% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(0)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(.8);
        opacity: 1
    }
    100% {
        transform: scale(2.2);
        opacity: .1
    }
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(.8);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2.2);
        opacity: .1
    }
}

@keyframes zoomout {
    0% {
        transform: scale(.8);
        opacity: 1
    }
    100% {
        transform: scale(1.1);
        opacity: .3
    }
}

@-webkit-keyframes zoomout {
    0% {
        -webkit-transform: scale(.8);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.1);
        opacity: .3
    }
}