.adminz_ctg * {
  box-sizing: border-box;
}
.contact-group {
  cursor: pointer !important;
  user-select: none;
}
.contact-group .button-contact,
.contact-group ul.button-list {
  position: fixed;
  z-index: 1041;
  left: 15px;
  bottom: 55px;
}
.contact-group ul.button-list {
  list-style: none;
  padding: 0;
  margin: 0;
  bottom: 111px;
  left: -500px;
}
.contact-group ul.button-list > li {
  margin: 10px 0 0 0;
  visibility: hidden;
  opacity: 0;
}
.contact-group ul.button-list > li:nth-child(1) {
  margin-bottom: -13px;
}
.contact-group ul.button-list > li:nth-child(2) {
  margin-bottom: -16px;
}
.contact-group ul.button-list > li:nth-child(3) {
  margin-bottom: -19px;
}
.contact-group ul.button-list > li:nth-child(4) {
  margin-bottom: -22px;
}
.contact-group ul.button-list > li:nth-child(5) {
  margin-bottom: -25px;
}
.contact-group ul.button-list > li:nth-child(6) {
  margin-bottom: -28px;
}
.contact-group ul.button-list > li:nth-child(7) {
  margin-bottom: -31px;
}
.contact-group ul.button-list > li:nth-child(8) {
  margin-bottom: -34px;
}
.contact-group ul.button-list > li:nth-child(9) {
  margin-bottom: -37px;
}
.contact-group ul.button-list > li:nth-child(10) {
  margin-bottom: -40px;
}
.contact-group a {
  text-decoration: none;
}
.contact-group.extend ul.button-list {
  left: 15px;
}
.contact-group.extend ul.button-list li {
  position: relative;
  bottom: 0;
  margin: 0 0 0px 0;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
}
.contact-group .button-over {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: -1;
}
.contact-group .button-over:hover {
  box-shadow: 0 0 0 !important;
}
.contact-group .button-over:after,
.contact-group .button-over:before {
  display: block;
  content: "";
  transform: scale(0);
  animation: shakeOut 2s 5;
  -webkit-animation: shakeOut 2s 5;
  position: absolute;
  border-radius: 50px;
  display: block;
  width: 60px;
  height: 60px;
  z-index: -1;
  top: -10px;
  left: -10px;
}
.contact-group .button-over:after {
  animation-delay: 0.5s;
}
@media (min-width: 549px) {
  .contactgroup_style2 .text-contact {
    display: inline-block !important;
  }
}
.contact-group .text-contact {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.3s;
}
.contact-group.extend .text-contact {
  transform: translate(-15px, 0);
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.contact-group .button-df-text,
.contact-group .text-box {
  position: relative;
  display: inline-block;
  color: #fff;
  text-align: center;
  height: 40px;
  margin-top: 5px;
  margin-left: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  vertical-align: top;
}
.contact-group .button-df-text:before,
.contact-group .text-box:before {
  top: 13px;
  left: -5px;
  position: absolute;
  border-top-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-color: inherit;
  border-top-color: transparent;
  border-right-color: inherit;
  border-bottom-color: transparent;
  content: "";
}
.contact-group .icon-box {
  padding: 8px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  border: 1px none;
  border-radius: 50%;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}
.contact-group .icon-box > svg,
.contact-group .icon-box > .svg {
  position: absolute;
  width: 28px;
  height: 28px;
  fill: currentColor;
}
.contact-group .icon-box:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  transition: all 0.3s;
}
.contact-group.extend .button-contact .icon-open {
  display: none;
}
.contact-group.extend .button-contact .icon-close {
  display: inline-flex;
}
.contact-group .button-contact.icon-loop-2 .icon-open > span {
  animation: icon-loop-2 2s steps(2, end) infinite;
}
.contact-group .button-contact.icon-loop-3 .icon-open > span {
  animation: icon-loop-3 3s steps(3, end) infinite;
}
.contact-group .button-contact.icon-loop-4 .icon-open > span {
  animation: icon-loop-4 4s steps(4, end) infinite;
}
.contact-group .button-contact.icon-loop-5 .icon-open > span {
  animation: icon-loop-5 5s steps(5, end) infinite;
}
.contact-group .button-contact.icon-loop-6 .icon-open > span {
  animation: icon-loop-6 6s steps(6, end) infinite;
}
.contact-group .button-contact.icon-loop-7 .icon-open > span {
  animation: icon-loop-7 7s steps(7, end) infinite;
}
.contact-group .button-contact.icon-loop-8 .icon-open > span {
  animation: icon-loop-8 8s steps(8, end) infinite;
}
.contact-group .button-contact.icon-loop-9 .icon-open > span {
  animation: icon-loop-9 9s steps(9, end) infinite;
}
.contact-group .button-contact.icon-loop-10 .icon-open > span {
  animation: icon-loop-10 10s steps(10, end) infinite;
}
.contact-group .button-contact .icon-close,
.contact-group .button-contact .icon-open {
  color: #fff;
}
.contact-group .button-contact .icon-open {
  padding: 0;
  display: inline-block;
}
.contact-group .button-contact .icon-open > span {
  display: flex;
  flex-direction: column;
}
.contact-group .button-contact .icon-close {
  display: none;
}
.contactgroup_style2 .zalo span {
  background-color: #0180c7;
  border-color: #0180c7;
}
.contactgroup_style2 .email span {
  background-color: #1cbbb4;
  border-color: #1cbbb4;
}
.contactgroup_style2 .call span {
  background-color: #01af38;
  border-color: #01af38;
}
.contactgroup_style2 .gmap span {
  background-color: #cf3d34;
  border-color: #cf3d34;
}
.contactgroup_style2 .facebook span {
  background-color: #1877f2;
  border-color: #1877f2;
}
.contactgroup_style2 .messenger span {
  background-color: #1877f2;
  border-color: #1877f2;
}
.contactgroup_style2 .twitter span {
  background-color: #55acee;
  border-color: #55acee;
}
.contactgroup_style2 .linkedin span {
  background-color: #0077b5;
  border-color: #0077b5;
}
.contactgroup_style2 .skype span {
  background-color: #00aff0;
  border-color: #00aff0;
}
.contactgroup_style2 .dropbox span {
  background-color: #00aff0;
  border-color: #00aff0;
}
.contactgroup_style2 .wordpress span {
  background-color: #00aff0;
  border-color: #00aff0;
}
.contactgroup_style2 .vimeo span {
  background-color: #1ab7ea;
  border-color: #1ab7ea;
}
.contactgroup_style2 .slideshare span {
  background-color: #0077b5;
  border-color: #0077b5;
}
.contactgroup_style2 .vk span {
  background-color: #4c75a3;
  border-color: #4c75a3;
}
.contactgroup_style2 .tumblr span {
  background-color: #34465d;
  border-color: #34465d;
}
.contactgroup_style2 .yahoo span {
  background-color: #410093;
  border-color: #410093;
}
.contactgroup_style2 .google-plus span {
  background-color: #dd4b39;
  border-color: #dd4b39;
}
.contactgroup_style2 .pinterest span {
  background-color: #bd081c;
  border-color: #bd081c;
}
.contactgroup_style2 .youtube span {
  background-color: #cd201f;
  border-color: #cd201f;
}
.contactgroup_style2 .stumbleupon span {
  background-color: #eb4924;
  border-color: #eb4924;
}
.contactgroup_style2 .reddit span {
  background-color: #ff5700;
  border-color: #ff5700;
}
.contactgroup_style2 .quora span {
  background-color: #b92b27;
  border-color: #b92b27;
}
.contactgroup_style2 .yelp span {
  background-color: #af0606;
  border-color: #af0606;
}
.contactgroup_style2 .weibo span {
  background-color: #df2029;
  border-color: #df2029;
}
.contactgroup_style2 .hackernews span {
  background-color: #f60;
  border-color: #f60;
}
.contactgroup_style2 .soundcloud span {
  background-color: #f30;
  border-color: #f30;
}
.contactgroup_style2 .blogger span {
  background-color: #f57d00;
  border-color: #f57d00;
}
.contactgroup_style2 .whatsapp span {
  background-color: #25d366;
  border-color: #25d366;
}
.contactgroup_style2 .wechat span {
  background-color: #09b83e;
  border-color: #09b83e;
}
.contactgroup_style2 .line span {
  background-color: #40bf05;
  border-color: #40bf05;
}
.contactgroup_style2 .medium span {
  background-color: #02b875;
  border-color: #02b875;
}
.contactgroup_style2 .vine span {
  background-color: #00b489;
  border-color: #00b489;
}
.contactgroup_style2 .slack span {
  background-color: #3aaf85;
  border-color: #3aaf85;
}
.contactgroup_style2 .instagram span {
  background-color: #e4405f;
  border-color: #e4405f;
}
.contactgroup_style2 .dribbble span {
  background-color: #ea4c89;
  border-color: #ea4c89;
}
.contactgroup_style2 .flickr span {
  background-color: #ff0084;
  border-color: #ff0084;
}
.contactgroup_style2 .foursquare span {
  background-color: #f94877;
  border-color: #f94877;
}
.contactgroup_style2 .behance span {
  background-color: #131418;
  border-color: #131418;
}
.contactgroup_style2 .snapchat span {
  background-color: #fffc00;
  border-color: #fffc00;
}
.contactgroup_style2 .bebo span {
  background-color: #e61112;
  border-color: #e61112;
}
.contactgroup_style2 .delicious span {
  background-color: #3e84d3;
  border-color: #3e84d3;
}
.contactgroup_style2 .deviantart span {
  background-color: #01ca3a;
  border-color: #01ca3a;
}
.contactgroup_style2 .digg span {
  background-color: #2066a3;
  border-color: #2066a3;
}
.contactgroup_style2 .envato span {
  background-color: #8cca4b;
  border-color: #8cca4b;
}
.contactgroup_style2 .forrst span {
  background-color: #0d5f36;
  border-color: #0d5f36;
}
.contactgroup_style2 .github span {
  background-color: #302f2f;
  border-color: #302f2f;
}
.contactgroup_style2.google-drive span {
  background-color: #00a745;
  border-color: #00a745;
}
.contactgroup_style2 .hangout span {
  background-color: #0f9855;
  border-color: #0f9855;
}
.contactgroup_style2 .html span {
  background-color: #dd4b25;
  border-color: #dd4b25;
}
.contactgroup_style2 .kickstarter span {
  background-color: #05c874;
  border-color: #05c874;
}
.contactgroup_style2 .lastfm span {
  background-color: #dc1a22;
  border-color: #dc1a22;
}
.contactgroup_style2 .myspace span {
  background-color: #003194;
  border-color: #003194;
}
.contactgroup_style2 .path span {
  background-color: #c42828;
  border-color: #c42828;
}
.contactgroup_style2 .periscope span {
  background-color: #3e9fbe;
  border-color: #3e9fbe;
}
.contactgroup_style2 .picasa span {
  background-color: #9958b4;
  border-color: #9958b4;
}
.contactgroup_style2 .rss span {
  background-color: #dd4b25;
  border-color: #dd4b25;
}
.contactgroup_style2 .spotify span {
  background-color: #1dd05d;
  border-color: #1dd05d;
}
.contactgroup_style2 .swarm span {
  background-color: #eb8d3a;
  border-color: #eb8d3a;
}
.contactgroup_style2 .team-viewer span {
  background-color: #0362c2;
  border-color: #0362c2;
}
.contactgroup_style2 .telegram span {
  background-color: #1f9bda;
  border-color: #1f9bda;
}
.contactgroup_style2 .twitch span {
  background-color: #5d3da5;
  border-color: #5d3da5;
}
.contactgroup_style2 .wattpad span {
  background-color: #f64d09;
  border-color: #f64d09;
}
.contactgroup_style2 .xing span {
  background-color: #045d61;
  border-color: #045d61;
}
.contactgroup_style2 .viber span {
  background-color: #7360F2;
  border-color: #7360F2;
}
@keyframes shakeOut {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes icon-loop-2 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -100px;
  }
}
@keyframes icon-loop-3 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -150px;
  }
}
@keyframes icon-loop-4 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -200px;
  }
}
@keyframes icon-loop-5 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -250px;
  }
}
@keyframes icon-loop-6 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -300px;
  }
}
@keyframes icon-loop-7 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -350px;
  }
}
@keyframes icon-loop-8 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -400px;
  }
}
@keyframes icon-loop-9 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -450px;
  }
}
@keyframes icon-loop-10 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -500px;
  }
} /*RIGHT*/
.contact-group.right .button-contact {
  right: 17px;
  left: unset;
  display: flex;
  flex-direction: row-reverse;
}
.contact-group.right .button-contact .text-box {
  margin-left: 0px;
  margin-right: 10px;
}
.contact-group.right .button-contact .text-box:before {
  left: unset;
  right: -5px;
  transform: rotate(180deg);
}
.contact-group.right .button-over {
  right: 0px;
  left: unset;
}
.contact-group.right.extend .button-list {
  right: 17px;
  left: unset;
}
.contact-group.right.extend .button-list .item {
  text-align: right;
}
.contact-group.right.extend .button-list .item a .text-box {
  margin-left: unset;
  margin-right: 10px;
}
.contact-group.right.extend .button-list .item a {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  margin-bottom: 5px;
}
.contact-group.right.extend .button-list .item a .text-box:before {
  left: unset;
  right: -5px;
  transform: rotate(180deg);
}
.contact-group.right .button-contact {
  bottom: 65px;
}
.contact-group.right ul.button-list {
  bottom: 117px;
}