.floating-btns {
  position: fixed;
  right: 5px;
  z-index: 40;
  top: 50%;
  margin-top: -70px;
}
/*.inner-pg .floating-btns{top:355px}*/
.floating-btns > ul > li {
  display: block;
  position: relative;
}
.floating-btns > ul > li + li {
  margin-top: 8px;
}
.floating-btns > ul > li > a {
  color: #fff;
  height: auto;
  width: auto;
  background: #4747af;
  border-radius: 18px;
  display: block;
  text-align: center;
  border: 2px solid #cacac9;
  box-shadow: 4px 4px 7px 0px rgba(186, 191, 191, 0.5);
  box-shadow: none;
  padding: 8px 12px 10px !important;
  text-decoration: none;
}
.floating-btns > ul > li > a span {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-top: 3px;
}
.floating-btns > ul > li > a#envelopeFloat {
  padding-top: 3px;
}
.floating-btns > ul > li > a#envelopeFloat span {
  padding-top: 0px;
  z-index: 3;
  position: relative;
}
.floating-btns > ul > li > a:hover,
.floating-btns > ul > li > a.active {
  background: rgba(183, 7, 103, 0.8);
  color: #fff;
}
.floating-btns > ul > li > a > .fa-envelope,
.floating-btns > ul > li > a > .fa-envelope-o {
  font-size: 24px;
  color: #fff;
}
.floating-btns > ul > li > a > .fa-phone {
  font-size: 24px;
  color: #f09e46;
  position: relative;
  top: 4px;
}
.floating-btns > ul > li > a > .fa-comments {
  font-size: 24px;
  color: #fff;
  position: relative;
  top: 4px;
}
.floating-btns > ul > li > a > .fa-map-marker {
  font-size: 24px;
  position: relative;
  top: 4px;
}
.floating-btns > ul > li > a > .fa-file-text {
  font-size: 21px;
  position: relative;
  top: 2px;
}
.floating-btns > .btn-filter {
  display: block;
  width: 35px;
  height: 35px;
  background: rgba(104, 61, 137, 0.74);
  border-radius: 0%;
  line-height: 55px;
  position: relative;
  display: none;
  border: 2px solid #edf3fd;
  box-shadow: 4px 4px 7px 0px rgba(186, 191, 191, 0.5);
}
.floating-btns > .btn-filter:after {
  content: "";
  background: url(../images/common/icons/fa-custom-question-o-white.html)
    no-repeat center;
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 23px;
  margin: -12px 0 0 -8px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  position: absolute;
}
.floating-btns > .btn-filter.active {
  background-color: #ff4d90;
}
.floating-btns > .btn-filter.active:after {
  background-image: url(../images/common/icons/fa-custom-times-white.html); /*width:23px; height:26px; margin:-18px 0 0 -16px;*/
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background-size: 100% auto;
}
.floating-btns .Float-box {
  background: #fff;
  border: 1px solid #ddc7ec;
  width: 304px;
  position: absolute;
  top: 0;
  right: 92px;
  z-index: 9;
  display: none;
}
.floating-btns .Float-box:after {
  background: url(../images/common/icons/fa-custom-left-arrow.html);
  width: 9px;
  height: 13px;
  position: absolute;
  right: -9px;
  top: 20px;
  content: "";
}
.floating-btns .Float-box.enquiry-form,
.floating-btns .Float-box.enquiry-form-sucess {
  width: 365px;
}
.floating-btns .enquiry-form > .form,
.floating-btns .chat-form > .form,
.Float-box.tollfree-call span.toll-no,
.Float-box .msg-sec,
.Float-box .chat-window {
  margin: 0;
  border-top: 0;
  padding: 25px 15px 25px;
  margin-top: 0px;
}
.Float-box .chat-window .chat-msgs-wrap {
  height: 140px;
  overflow-y: auto;
  display: table;
  width: 100%;
  text-align: right;
}
.Float-box .chat-window p {
  color: #000;
}
.Float-box .chat-window .chat-msgs {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 10px;
}
.floating-btns .Float-box .ttl {
  background: #f04686;
  padding: 8px 19px 8px 15px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  position: relative;
}
.floating-btns .Float-box .ttl .head-icon-wrap {
  background: #683d89;
  position: absolute;
  border: solid 2px #fff;
  left: -36px;
  display: inline-block;
  padding: 20px 17px 14px;
  top: 0;
  border-radius: 50%;
}
.floating-btns .Float-box .ttl > .fa-custom-close-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.floating-btns .Float-box > .ttl .close-btn {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 999;
}
.whatsappi {
  color: #2cb742 !important;
  font-size: 24px !important;
}
.calli {
  color: #f09e46 !important;
  font-size: 21px !important;
}
