/*$custom-control-indicator-checked-color: $primary;
$custom-control-indicator-checked-border-color: $gray-300;
$custom-control-indicator-checked-bg: #ffffff;
$custom-control-indicator-bg:$primary;*/

body.rtl {
  direction: rtl;
  font-family: var(--font-family-rtl) !important;
  text-align: right;
}

body.rtl .text-left {
  text-align: right !important;
}

body.rtl .text-right {
  text-align: left !important;
}

body.rtl .dropdown-menu {
  text-align: right !important;
}

.rtl .mr-auto {
  margin-right: initial !important;
  margin-left: auto !important;
}

.rtl .ml-auto {
  margin-left: initial !important;
  margin-right: auto !important;
}

.rtl .mr-5 {
  margin-left: 5px !important;
  margin-right: initial !important;
}

.rtl .mr-10 {
  margin-left: 10px !important;
  margin-right: initial !important;
}

.rtl .mr-15 {
  margin-left: 15px !important;
  margin-right: initial !important;
}

.rtl .mr-20 {
  margin-left: 20px !important;
  margin-right: initial !important;
}

.rtl .mr-25 {
  margin-left: 25px !important;
  margin-right: initial !important;
}

.rtl .mr-30 {
  margin-left: 30px !important;
  margin-right: initial !important;
}

.rtl .mr-35 {
  margin-left: 35px !important;
  margin-right: initial !important;
}

.rtl .mr-40 {
  margin-left: 40px !important;
  margin-right: initial !important;
}

.rtl .mr-45 {
  margin-left: 45px !important;
  margin-right: initial !important;
}

.rtl .mr-50 {
  margin-left: 50px !important;
  margin-right: initial !important;
}

.rtl .ml-5 {
  margin-right: 5px !important;
  margin-left: initial !important;
}

.rtl .ml-10 {
  margin-right: 10px !important;
  margin-left: initial !important;
}

.rtl .ml-15 {
  margin-right: 15px !important;
  margin-left: initial !important;
}

.rtl .ml-20 {
  margin-right: 20px !important;
  margin-left: initial !important;
}

.rtl .ml-25 {
  margin-right: 25px !important;
  margin-left: initial !important;
}

.rtl .ml-30 {
  margin-right: 30px !important;
  margin-left: initial !important;
}

.rtl .ml-35 {
  margin-right: 35px !important;
  margin-left: initial !important;
}

.rtl .ml-40 {
  margin-right: 40px !important;
  margin-left: initial !important;
}

.rtl .ml-45 {
  margin-right: 45px !important;
  margin-left: initial !important;
}

.rtl .ml-50 {
  margin-right: 50px !important;
  margin-left: initial !important;
}

.rtl .pr-5 {
  padding-left: 5px !important;
  padding-right: initial !important;
}

.rtl .pr-10 {
  padding-left: 10px !important;
  padding-right: initial !important;
}

.rtl .pr-15 {
  padding-left: 15px !important;
  padding-right: initial !important;
}

.rtl .pr-20 {
  padding-left: 20px !important;
  padding-right: initial !important;
}

.rtl .pr-25 {
  padding-left: 25px !important;
  padding-right: initial !important;
}

.rtl .pr-30 {
  padding-left: 30px !important;
  padding-right: initial !important;
}

.rtl .pr-35 {
  padding-left: 35px !important;
  padding-right: initial !important;
}

.rtl .pr-40 {
  padding-left: 40px !important;
  padding-right: initial !important;
}

.rtl .pr-45 {
  padding-left: 45px !important;
  padding-right: initial !important;
}

.rtl .pr-50 {
  padding-left: 50px !important;
  padding-right: initial !important;
}

.rtl .pl-5 {
  padding-right: 5px !important;
  padding-left: initial !important;
}

.rtl .pl-10 {
  padding-right: 10px !important;
  padding-left: initial !important;
}

.rtl .pl-15 {
  padding-right: 15px !important;
  padding-left: initial !important;
}

.rtl .pl-20 {
  padding-right: 20px !important;
  padding-left: initial !important;
}

.rtl .pl-25 {
  padding-right: 25px !important;
  padding-left: initial !important;
}

.rtl .pl-30 {
  padding-right: 30px !important;
  padding-left: initial !important;
}

.rtl .pl-35 {
  padding-right: 35px !important;
  padding-left: initial !important;
}

.rtl .pl-40 {
  padding-right: 40px !important;
  padding-left: initial !important;
}

.rtl .pl-45 {
  padding-right: 45px !important;
  padding-left: initial !important;
}

.rtl .pl-50 {
  padding-right: 50px !important;
  padding-left: initial !important;
}

@media (min-width: 576px) {
  .rtl .mr-sm-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-sm-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-sm-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-sm-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-sm-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-sm-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-sm-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-sm-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 768px) {
  .rtl .mr-md-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-md-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-md-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-md-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-md-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-md-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-md-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-md-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 992px) {
  .rtl .mr-lg-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-lg-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-lg-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-lg-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-lg-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-lg-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-lg-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-lg-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

@media (min-width: 1200px) {
  .rtl .mr-xl-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-10 {
    margin-left: 10px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-15 {
    margin-left: 15px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-20 {
    margin-left: 20px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-25 {
    margin-left: 25px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-30 {
    margin-left: 30px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-35 {
    margin-left: 35px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-40 {
    margin-left: 40px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-45 {
    margin-left: 45px !important;
    margin-right: initial !important;
  }

  .rtl .mr-xl-50 {
    margin-left: 50px !important;
    margin-right: initial !important;
  }

  .rtl .ml-xl-5 {
    margin-right: 5px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-10 {
    margin-right: 10px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-15 {
    margin-right: 15px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-25 {
    margin-right: 25px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-30 {
    margin-right: 30px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-35 {
    margin-right: 35px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-40 {
    margin-right: 40px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-45 {
    margin-right: 45px !important;
    margin-left: initial !important;
  }

  .rtl .ml-xl-50 {
    margin-right: 50px !important;
    margin-left: initial !important;
  }

  .rtl .pr-xl-5 {
    padding-left: 5px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-10 {
    padding-left: 10px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-15 {
    padding-left: 15px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-20 {
    padding-left: 20px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-25 {
    padding-left: 25px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-30 {
    padding-left: 30px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-35 {
    padding-left: 35px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-40 {
    padding-left: 40px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-45 {
    padding-left: 45px !important;
    padding-right: initial !important;
  }

  .rtl .pr-xl-50 {
    padding-left: 50px !important;
    padding-right: initial !important;
  }

  .rtl .pl-xl-5 {
    padding-right: 5px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-10 {
    padding-right: 10px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-15 {
    padding-right: 15px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-20 {
    padding-right: 20px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-25 {
    padding-right: 25px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-30 {
    padding-right: 30px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-35 {
    padding-right: 35px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-40 {
    padding-right: 40px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-45 {
    padding-right: 45px !important;
    padding-left: initial !important;
  }

  .rtl .pl-xl-50 {
    padding-right: 50px !important;
    padding-left: initial !important;
  }
}

.rtl .flagstrap-icon {
  margin-right: 0 !important;
  margin-left: 5px;
}

.rtl .input-group {
  direction: ltr;
}

.rtl .input-group input {
  direction: rtl;
}

.rtl .form-check {
  padding-left: 0;
  padding-right: 1.25rem;
}

.rtl .form-check .form-check-input {
  margin-left: 0;
  margin-right: -1.25rem;
}

.rtl .custom-switch {
  margin-right: -10px;
}


.cbh-phone{display:block;position:fixed; right: -50px;
    bottom: -50px; visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
.cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.cbh-phone.cbh-static1{opacity:.6}
.cbh-phone.cbh-hover1{opacity:1}
.cbh-ph-circle{width:110px;height:110px;top:40px;left:40px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
.cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
.cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
.cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url(/assets/default/img/social/pinned-wa.png);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
.cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) 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)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {border-color: rgb(0, 242, 164)}
.cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: rgb(0, 242, 164);}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:rgb(46, 203, 113);}

.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}

@media screen and (min-width: 1400px)
{
    .cbh-phone{
        bottom: 0px;
        right: -35px;
    }
}
