.icon-supportweb {
    position: fixed;
    bottom: 175px;
    right: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
	z-index:9999;display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.icon-supportweb li .ico,.icon-supportweb li .ico-phone,.icon-supportweb li .ico-email,.icon-supportweb li .ico-map{width: 40px;
    height: 40px;box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 31px;
    font-size: 20px;}
.icon-supportweb li a {
    color: #fff;
    align-items: center;
    text-decoration: none;
    transition: all .5s;
}
.icon-zalo,.icon-messenger{width:40px;height:40px;}
.icon-zalo .ico,.ico-phone,.ico-email,.ico-map,.ico-messenger,.fb_dialog_content >iframe{-webkit-animation:runglac 5.3s infinite ease-in-out;;animation: runglac 5.3s infinite ease-in-out;}
.icon-phone,.icon-zalo,.icon-email,.icon-map,.icon-messenger{border-radius:50%;box-shadow: 0 0 0 0 #2196f3;background-color: rgba(33,150,243,.7);-webkit-animation:zoom 3.3s infinite ease-in-out;animation: zoom 3.3s infinite ease-in-out;}
.icon-zalo >a >.ico{background: #fff url("../img/logo-zalo.png");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    border: 1px solid #38b9db;}
.icon-messenger >a >.ico{background: #0052c2 url("../img/facebook-messenger.png");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;}
.icon-viber >a >.ico{background: #0052c2 url("../img/logo-viber.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;}
.ico-phone{background: #6db703;}
.ico-phone:before{font-family: 'FontAwesome';content: "\f095";color:#fff;}
.ico-email{background: #ee9b00;}
.ico-email:before {font-family: 'FontAwesome';content: "\f0e0";}
.ico-map{background: #0092bf;}
.ico-map:before{font-family: 'FontAwesome';content: "\f041";}
@media only screen and (max-width: 768px) {
	/*.icon-supportweb{grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 10px;
    display: grid;
    width: 100%;
    background-color: #333;
    align-items: center;
    justify-items: center;
    bottom: 0;
    right: 0;
    padding: 5px 0px;}
	footer{margin-bottom:94px;}*/
}
@-webkit-keyframes runglac {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
/*****************/