.social input {
  display: none;
}

.social {
  display: flex;
  height: 58px;
  width: 58px;
  margin: 0;
  padding: 0;
  background-position: 50% 50% !important;
}

.chatbot_start {
  background-color: #29426E !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIMSURBVHjaYvz//z/DUAYAAcTEMMQBQAANeQ8ABNCQ9wBAAA15DwAE0JD3AEAADXkPAATQkPcAQAANeQ8ABNCQ9wBAAA15DwAE0JD3AEAADXkPAAQQCymKY+edYGWgdduPkYFhcZLFb2KVAwQQIzGt0dVnH8d560qFMjMxsgLVu9PU/YyMO//++/976+Vnq0ONZRcRUg8QQAwgDxDCT95/W/ifzgBqJ0G3AQQQE5GxSndArJ0AATTkMzFAAA15DwAE0JD3AEAADXkPAATQkPcAQAANeQ8ABNCQ9wBAAA15DwAE0JD3AEAADXkPAATQkPcAQAANeQ8ABNCQ9wBAAA15DwAEEFEe+PTj9yd6O4xYOwECiKgeWdLCU9zOGuI+TIyMzBgdIiDkZmfhdtEU9+NmY/HB2mliYDjw4M3X22cevjvy+++/P4wEWvv//v//u/fGyy3z4s2+EnIbQAAR1SMjBj/F0Wv7/effrvXnnqRSyx50DBBALDRMBQeef/z+ZOahu90NvjqXaGUJQADRJAb+/vu35+id13W0CnVkDBBAVC+Fvvz8s2nGwbvdVsoiTfTI7AABRL0Y+PBt4ZWnH/oyl5wRpUfIwzBAAFHNoK6d1y3p6XAYBgggxqE+zQoQQEO+JgYIoCHvAYAAGvIeAAigIe8BgAAa8h4ACKAh7wGAABryHgAIoCHvAYAAAwBXLUdrL/vXwQAAAABJRU5ErkJggg==");
}


.chatbot_stop {
  background-color: #d6d6d6 !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,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") !important;
  width: 50px;
  height: 50px;
  background-size: 50px;
  box-shadow: 0 8px 8px rgba(0 0 0 / 5%);
}

.social__btn {
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  border-radius: 50%;
  font-size: 0px;
  cursor: pointer;
  z-index: 11;
  margin: 0;
  padding: 0;
  width: 58px;
  height: 58px;
  border: 5px solid #fff;
}

.social__link {
  background-position: 50% 50% !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 0;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: absolute;
  border: 5px solid #ffffff;
  z-index: 10;
  box-shadow: 0 8px 8px rgba(0 0 0 / 5%);
}

.social__link:hover {
  border: 5px solid #ffffff;
}

.binotel {
  background-position: 50% 50% !important;
  background-size: 45px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA1CAYAAAAOJMhOAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAdeSURBVHjaYvz//z/DcAIAAcTEMMwAQACxgIjOlHZqmMUDxMpAbArE+kCsAsQyQCwOlWME4i9A/BqInwLxHSC+BsTHgPgeEL+n1AHlcyoZAAKIhQoeATneH4j9oJ7gx6OWA4hFgFgTiF2gYl+hHtoOxJuA+CgljgEIIHI9BAptByDOBuIAIGamwA3cQKwLxWVAvAOIZwHxViD+RaphAAFETh4yAOKVQLwNiIMp9Aw24AHEa4B4IxDbkqoZIIBI8RAoueQC8S4gDoXyaVlYeUADrYlAMkYBAAFErIdAGXsuEE8CYlE6FlqgwqQWiFcAsRoxGgACiBgPyQPxFiCOGsDS2AOap4wIKQQIIEIeUoSmZZNBUMWAStDNQGyMTxFAAOHzkCQQb4AWy4MFSAHxOiDWxqUAIICY8BSl04BYj9ouAjW1fv/8zfDj6w+Gn99/Mvz68Yvhz68/DP/+Ed0EkwPi+UAsgU0SIIBw1UN50PqFyr4BlvEszAzyGgoMYnJiDN8+fWP4+eMnw7ePXxnevngL9iQTM1HlFKg1Ug/EmegSAAGEzUNWQFxHi/Ty9+9fBnlNBQb/zEAGTm5EqQ+KsWsnrzLsXr6L4c/PPwyMTIzEGJcGrULWIwsCBBB6cLBDPUOTOgaU3IQkhFA8AwKs7KwMitpKDDz8PMCk94+UKgfkVmFkQYAAQvcQqD3mTpPsDExuLGwsDIJiglilv335Bs5LjIyMpJgKarUkIgsABBCyh1ixpUlqxg47JweDiLQIdg99/sbw+9dvSCuRNJACxAIwDkAAIXvIGojtaeYhIGRlZWEQkcLhoU9fwaUeiTEEAupA7A3jAAQQsofCad3hY2ZlBscSNvD2+VtyPQQCETC3AwQQzAOghO1M064xExPDh1cfGHYs2g7MK79R5EBJ7c2zNwwsLGQ33K2grRoGgACCeUgV2majKQDlo4fXHzB8fPMR1UM/fjO8ePicgYl8DwnCGgEAAcSE5EM2WnsIVCRLyEswCEmilLQMj+88AnsSFIsUdDjBfSeAAIKZoEWXERlgK0DTVBMjnzy4+oCBCqNP4O4FQADBPKRM89j5+49BWEKYQdMctV355cNnhntX7jIwUm6FAogACCAmpJY1TQEo4+vbGoDbciixc+0hw5unb4DiFI/XgDqhDAABBPOQEC098/fPXwZRaVEGHStd9FKC4cKh85AGKeVRBG6CAAQQzEM0LRBAjVILT0sGbn5uFPE7F28zPLn1mIGFlRqjaZDBGoAAgnnoG82SGrAlraKnyqBnh9pP/PP7D8PJnScZ/vz5Qy2rfoIIgACCeeg1rQoCHgEeBucwZwZmZtS8c/3UNYZHNx8Bm0Os1LLuLYgACCCYh57QohIF1TtOQM+IyYujyH3/+p3h6KYj4BY4NYo3KHgGIgACCJZ471DFA8AYgdNAaAnMN7o2mL34w+sPMbx78Q7ctqMieAAiAAII5qEL1CjJTFxMGARFBYH1yj0GaRUZBmtfG4xK9Pqp64iSjbrgEogACCCYh04B8Wcg5iWn4waqY0xcTBlco9zBDjXzsMCq9P2rdwyH1h9k+PfnH7HdbKLDkwE6yA8QQExI0XWTvArzF4OmmRaDIzCv4Av1H99+MOxYuJ3h9dNX1PYMLP9cATEAAgjmgu/QMTiSk5mqgRqDR7wnsJ/Dhjd/7Vu5h+H+1fsMrGysDDQAoKmYVyAGQAAhB+kGaLIjCoDqESklKQafVD8Gbj5uPJ7+w7Bn2W6Gi4cu0iLfgBMJEK+CcQACCNmGq+hDQnizzr//DBxcHMCYYccTMwzAmNnHcGbvaXDhQGZvlBAAzQAegHEAAgg9yECjpV+JMQU0gvP07lOGG2du4PTwgdX7GM7CPMNEE8+AxrwmQwsFMAAIIHQPnQTieUT1qICOBI0BHFizj+H5vWeobZAfPxl2LdnJcHLHCZBCWsUMCGyEYjgACCBsibqD2IoW1BX4+Pojw+5luxg+f4Bkvw+v3jNsmLYenMxArQAaeuYNA2TuCKUxCBBALDiKwBIgXgbEXMQkvSd3njBsnr2JQQ1Y4oEqzZcPX4JbATT0DAg0QPM9CgAIIBY8UdkJxI3ExtSDa/cZ7l2+C26EgjxJYwDKFnOwSQAEEL5ytBmXJqyeAnoEVMfQqGhGBqBJr1xYdwEdAAQQE/5GDVjjfIbBA3YDcTy+/htAABEKzh9AnATEE6FF5EAC0MRxIAOBFScAAURs+igE4hxY84LOAFQvgqZNEompIwECiFgPgZLfdCD2BeK9dPTMGQbI4o5maGohCAACiNQcDOpmgNb1ZMBatzQCD4G4nAEyV7WTFI0AAcREZhKYCcQ2QJwODcUfVPAEqPlyHYiLgNgSiLuA+B2phgAEECUVBmjEHbTIaAkDZBIXFHOgMXLQ4ghWEpLyRSA+zgBZiXUC1NigJFQAAogaNSCoCD0IxaBReNDSMdBUIWisGTQFD5p+54Oq/QItWB4D8S1osr0AbcZQZWklQAAxDrclmgABNOyWaAIEGACUUvleYfDJDwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.social input:checked ~ .binotel {
  transform: translate(0px, -140px);
  transition-delay: 0.1s;
}

.chat {
  background-position: 50% 50% !important;
  background-size: 45px;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
}

.social input:checked ~ .chat {
  transform: translate(0px, -70px);
  transition-delay: 0.4s;
}

.chatbot_start {
  animation: 1200ms ease 0s normal none 1 running shake;
  animation-iteration-count: infinite;
  -webkit-animation: 1200ms ease 0s normal none 1 running shake;
  -webkit-animation-iteration-count: infinite;
}

/* animations icon */

@keyframes shake {
  0% {
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  10% {
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  20% {
    -ms-transform: rotateZ(15deg);
    -webkit-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
  }
  30% {
    -ms-transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
  40% {
    -ms-transform: rotateZ(7.5deg);
    -webkit-transform: rotateZ(7.5deg);
    transform: rotateZ(7.5deg);
  }
  50% {
    -ms-transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg);
  }
  60% {
    -ms-transform: rotateZ(5deg);
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
  }
  70% {
    -ms-transform: rotateZ(-4.28571deg);
    -webkit-transform: rotateZ(-4.28571deg);
    transform: rotateZ(-4.28571deg);
  }
  80% {
    -ms-transform: rotateZ(3.75deg);
    -webkit-transform: rotateZ(3.75deg);
    transform: rotateZ(3.75deg);
  }
  90% {
    -ms-transform: rotateZ(-3.33333deg);
    -webkit-transform: rotateZ(-3.33333deg);
    transform: rotateZ(-3.33333deg);
  }
  100% {
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

@-webkit-keyframes shake {
  0% {
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  10% {
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  20% {
    -ms-transform: rotateZ(15deg);
    -webkit-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
  }
  30% {

    -ms-transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
  40% {
    -ms-transform: rotateZ(7.5deg);
    -webkit-transform: rotateZ(7.5deg);
    transform: rotateZ(7.5deg);
  }
  50% {
    -ms-transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg);
  }
  60% {
    -ms-transform: rotateZ(5deg);
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
  }
  70% {
    -ms-transform: rotateZ(-4.28571deg);
    -webkit-transform: rotateZ(-4.28571deg);
    transform: rotateZ(-4.28571deg);
  }
  80% {
    -ms-transform: rotateZ(3.75deg);
    -webkit-transform: rotateZ(3.75deg);
    transform: rotateZ(3.75deg);
  }
  90% {
    -ms-transform: rotateZ(-3.33333deg);
    -webkit-transform: rotateZ(-3.33333deg);
    transform: rotateZ(-3.33333deg);
  }
  100% {
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

#chatbotoverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #999;
  opacity: .5;
  z-index: 1;
}

#soc {
  display: none;
  margin: 0;
  padding: 0;
}