div#chatCitel {
      width: 400px;
      max-width: 100%;
      position: fixed;
      bottom: 0;
      right: 0;
      font-size: 15px;
      z-index: 1100;
      font-family: Arial, sans-serif;
    }

    div#header-circle-bot,
	div#header-circle-bot-business {
      position: fixed;
	  right: 2.5rem;
      bottom: 15rem;
      display: table;
	  border-radius: 50%;
      box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.2), 0 6px 20px 2px rgba(0, 0, 0, 0.2);
    }

    div#header-bot-close {
      float: right;
      margin-right: 15px;
      cursor: pointer;
	  position: absolute;
	  z-index: 9;
	  top: -30.4rem;
      right: -0.2em;
      font-size: 1.45rem;
      color: white;
    }

    div#header-circle-bot > *,
	div#header-circle-bot-business > * {
      display: table-cell;
      vertical-align: middle;
    }

    div#header-bot-image,
	div#header-bot-image-business {
      display: block;
      height: 60px;
    }

    /* div#header-bot-image img,
	div#header-bot-image-business img {
      width: 70px;
      height: 70px;
    }*/

    div#header-bot-image img,
	div#header-bot-image-business img {
	  background-color: white;
      border-radius: 50%;
      width: 60px;
      height: 60px;
    }

    div#header-bot-image img:hover,
	div#header-bot-image-business img:hover {
	  cursor: pointer;
    }

    div#header-bot-balloon img {
		position: absolute;
		width: 9rem;
		top: -3rem;
		left: -2.5rem;
		max-width: inherit;
    }

    iframe#chat-frame,
	iframe#chat-frame-business {
	  position: fixed;
	  bottom: 0;
	  overflow: hidden;
	  border-top-left-radius: 34px;
      -webkit-border-top-left-radius: 34px;
      -webkit-transform: translateZ(0);
      -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }
	
	.pulse {
	  cursor: pointer;
	  border: 2px solid rgb(255, 154, 115);
	  box-shadow: 0 0 0 rgba(255, 220, 124, 0.4);
	  animation: pulse 2s infinite;
	}
	
	@-webkit-keyframes pulse {
	  0% {
		-webkit-box-shadow: 0 0 0 0 rgba(238, 149, 64, 0.6);
	  }
	  70% {
		  -webkit-box-shadow: 0 0 0 10px rgba(238, 149, 64, 0.5)
	  }
	  100% {
		  -webkit-box-shadow: 0 0 0 0 rgba(238, 149, 64, 0);
	  }
	}
	
	@keyframes pulse {
	  0% {
		-moz-box-shadow: 0 0 0 0 rgba(238, 149, 64, 0.6);
		box-shadow: 0 0 0 0 rgba(238, 149, 64, 0.6);
	  }
	  70% {
		  -moz-box-shadow: 0 0 0 10px rgba(238, 149, 64, 0.5);
		  box-shadow: 0 0 0 10px rgba(238, 149, 64, 0.5);
	  }
	  100% {
		  -moz-box-shadow: 0 0 0 0 rgba(238, 149, 64, 0);
		  box-shadow: 0 0 0 0 rgba(238, 149, 64, 0);
	  }
	}
	
	.pulse-business {
	  cursor: pointer;
	  border: 1px solid rgb(160, 58, 129);
	  box-shadow: 0 0 0 rgba(160, 58, 129, 0.4);
	  animation: pulse-business 2s infinite;
	}
	
	@-webkit-keyframes pulse-business {
	  0% {
		-webkit-box-shadow: 0 0 0 0 rgba(230, 56, 136, 0.6);
	  }
	  70% {
		  -webkit-box-shadow: 0 0 0 10px rgba(230, 56, 136, 0.5)
	  }
	  100% {
		  -webkit-box-shadow: 0 0 0 0 rgba(230, 56, 136, 0);
	  }
	}
	
	@keyframes pulse-business {
	  0% {
		-moz-box-shadow: 0 0 0 0 rgba(230, 56, 136, 0.6);
		box-shadow: 0 0 0 0 rgba(230, 56, 136, 0.6);
	  }
	  70% {
		  -moz-box-shadow: 0 0 0 10px rgba(230, 56, 136, 0.5);
		  box-shadow: 0 0 0 10px rgba(230, 56, 136, 0.5);
	  }
	  100% {
		  -moz-box-shadow: 0 0 0 0 rgba(230, 56, 136, 0);
		  box-shadow: 0 0 0 0 rgba(230, 56, 136, 0);
	  }
	}

    @media only screen and (max-width: 1000px) {
      iframe#chat-frame,
	  iframe#chat-frame-business {
        width: 100%;
      }
    }

    @media only screen and (max-height: 1000px) {
      div#chatCitel {
        display: flex;
        flex-flow: column;
      }

      iframe#chat-frame.open-chat,
	  iframe#chat-frame-business.open-chat {
        flex: 0 1 auto;
      }
    }
	
    @media only screen and (max-height: 950px)	{
		div#chatCitel div#header-bot-close {
		  top: -30.4rem;
		}
    }

    @media only screen and (max-width: 500px) {
		div#chatCitel {
		  width: 100%;
		  font-size: 14px;
		}

		div#header-circle-bot,
		div#header-circle-bot-business {
		  position: fixed !important;
		  right: 1rem !important;
		  bottom: 1rem !important;
		}

		div#header-bot-image img,
		div#header-bot-image-business img {
		  width: 50px !important;
		  height: 50px !important;
		}

		div#header-bot-image,
		div#header-bot-image-business {
		  height: 50px !important;
		}

		div#header-bot-balloon img {
			width: 8rem !important;
			top: -2rem !important;
			left: -3.5rem !important;
		}

		div#chatCitel div#header-bot-close {
		top: -30.4rem !important;
		}
    }