.buttons {
	position: fixed;
	right: 10px;
        bottom: 30px;
        z-index: 100001;
}

.buttons a {
	margin-right: 30px;
	width: 50px;
	height: 50px;
	display: inline-block;
	position: relative;
	line-height: 50px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 3px 4px 5px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
}

.buttons a:active {
	top: 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: linear-gradient(top, #eaeaea, #f6f6f6);
}

.buttons a::before{
		content: '';
		position: absolute;
		z-index: -1;
		top: -8px;
		right: -8px;
		bottom: -8px;
		left: -8px;
		background-color: #90e1f7;
		-moz-border-radius: 140px;
		-webkit-border-radius: 140px;
		border-radius: 140px;
	opacity: 0.5;		
}

.buttons a:active::before {
	top: -9px;
}

.buttons a:hover::before { opacity: 1; }

.buttons a.ChatBubble:hover::before {
	background-color: #90e1f7;
}


.ChatBubble img { 
	height: 50px;
	width: 50px;
}


.buttons a img { border: 0; 
}


.footer {
	width: 600px;
	margin: auto;
	margin-top: 100px;
	font-size: 15px;
	font-weight: bold;
	color: #cdcdcd;
	text-shadow: 1px 2px 0 #fff;
}

.footer a { color: #bebebe; text-decoration: none; }
.footer a:hover { color: #bebebe; text-decoration: none; border-bottom: 1px dashed #cdcdcd; }

     .webchat__basic-transcript {
	opacity: 1;
	}

     #heading {
        display:none;
        text-align: left;
		Opacity:1;
		margin: auto;
        font-size: 14px;
        font-family: Segoe UI;
        color: white;
  	    text-shadow: 2px 2px 4px #000000;
	    position: fixed;
		top:-6;
		position: relative;
        overflow:hidden;
	    width: 330px;
		max-height: 41px;

        border: 2px solid rgba(112, 0, 23, .5);
		background: linear-gradient(rgba(112, 0, 23), rgba(112, 0, 23)) padding-box,
		linear-gradient(rgba(112, 0, 23, .5), rgba(112, 0, 23, .5)) border-box;
		vertical-align: middle;
	    border-radius: 5px 5px 0px 0px;
        box-shadow: 3px -3px 3px 3px rgba(0, 0, 0, 0.2), 1.6px -1.6px 1.6px 1.6px rgba(0, 0, 0, 0.19);
        }
        #frame{
			display:none;
			max-height:541px;
			min-height: 300px;
			height: calc(56vh);
			width: 330px;
			bottom:30px;
			right:23px;
			position: fixed;
			font-size: 18px;
			z-index: 100001;
		}
       

  
        #close-button {
	  
	   	transition-duration: 0.2s;
        text-shadow: 2px 2px 4px #000000;
        font-size: 18px;
        font-family: Segoe UI;
        color: whitesmoke;
        border-radius: 0px 20px 0px 0px;
	   	border: 1px transparent;
	   	background: none;
	   
	       
	}

        #close-button:hover {
	   cursor: pointer;
  	}


	  #minimize-button {
	  
	transition-duration: 0.2s;
	text-shadow: 2px 2px 4px #000000;
	font-size: 18px;
	font-family: Segoe UI;
	color: whitesmoke;
	border-radius: 0px 20px 0px 0px;
	border: 1px transparent;
	background: none;
	
		
 }

	 #minimize-button:hover {
	cursor: pointer;
   }
    

        .main {
            margin: 18px;
            border-radius: 4px;
        }

        .webchat__suggested-actions {
	    border-top: 1px solid #e6e6e6;
	}
	
        #webchat {
			display: none;
			opacity: 1;
			position: fixed;
			max-height:515px;
			min-height: 250px;
			width: 330px;
			height: calc(47vh);
			overflow: hidden;
			position: relative;
			border: 2px solid rgba(112, 0, 23, .5);
			background: linear-gradient(white, white) padding-box,
			linear-gradient(rgba(112, 0, 23), rgba(112, 0, 23)) border-box;
			border-radius: 0px 0px 5px 5px ;
			box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2), 1.6px 1.6px 1.6px 1.6px rgba(0, 0, 0, 0.19);
			bottom: 3px;
        }