/* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
}*/

.container-bar {
  width: 100%;
  max-width: 52px;
  position:fixed;
  right: 0;
  top: 65%;
}

.container-bar a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  position: relative;
  transition: all 900ms ease;
  color: #fff;
}

.container-bar a:hover {background: #ff4500;}
.container-bar .fa-mail-bulk {background: #1c1c1c; border-radius: 5px 0px 0px 0px;}
.container-bar .fa-whatsapp {background: #1c1c1c;}
.container-bar .fa-sms {background: #1c1c1c;}
.container-bar .fa-chevron-up{background: #1c1c1c; border-radius: 0px 0px 0px 5px;}

.container-bar #title{
  position: absolute;
  background: #ff4500;
  padding: 0px 18px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  /*text-transform: lowercase;*/
  top: 10px;
  right: 10px;
  transition: all 900ms ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.container-bar a:hover #title {
  opacity: 1;
  visibility: visible;
  right: 58px;
}

.container-bar #title:after{
  position: absolute;
  content: "";
  border-left: 7px solid transparent;
  border-right: 6px solid #ffffff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: 100%;
  top: 4px;
}

#btn-social {display: none;}
/*.fa-play {
  cursor: pointer;
  transition: all 0.4s;
  font-size: 12px;
  margin-bottom: 0px;
  display: inline-block;
  transform: rotate(360deg);
  color: #fff;
}
#btn-social:checked ~ .fa-play {
  transform: rotate(180deg);
}*/
.icon-social {
  transition: all 0.4s;
  transform: translateX(0%);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
#btn-social:checked ~ .icon-social {
  transform: translateX(100%);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0);
}