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

    div#header-circle-bot {
      position: relative;
	  right: -12rem;
	  bottom: 1rem;
      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: -496px !important;
      right: 0;
      font-size: 2rem;
      color: black;
    }

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

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

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

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

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

    iframe#chat-frame {
	  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(98, 165, 219);
	  box-shadow: 0 0 0 rgba(98, 165, 219, 0.4);
	  animation: pulse 2s infinite;
	}
	
	@-webkit-keyframes pulse {
	  0% {
		-webkit-box-shadow: 0 0 0 0 rgba(98, 165, 219, 0.6);
	  }
	  70% {
		  -webkit-box-shadow: 0 0 0 10px rgba(98, 165, 219, 0.5)
	  }
	  100% {
		  -webkit-box-shadow: 0 0 0 0 rgba(98, 165, 219, 0);
	  }
	}
	
	@keyframes pulse {
	  0% {
		-moz-box-shadow: 0 0 0 0 rgba(98, 165, 219, 0.6);
		box-shadow: 0 0 0 0 rgba(98, 165, 219, 0.6);
	  }
	  70% {
		  -moz-box-shadow: 0 0 0 10px rgba(98, 165, 219, 0.5);
		  box-shadow: 0 0 0 10px rgba(98, 165, 219, 0.5);
	  }
	  100% {
		  -moz-box-shadow: 0 0 0 0 rgba(98, 165, 219, 0);
		  box-shadow: 0 0 0 0 rgba(98, 165, 219, 0);
	  }
	}

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

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

      iframe#chat-frame.open-chat {
        flex: 0 1 auto;
      }
    }

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