.fa{
	color: #fff
}

#call-to-action.wh-animation-in {
	-webkit-animation-name: callToActionRight;
	-moz-animation-name: callToActionRight;
	-o-animation-name: callToActionRight;
	animation-name: callToActionRight;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	-o-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


#call-to-action {
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0,0,0,0.1);
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: white;
	cursor: pointer;
	bottom: 22px;
	right: 80px;
	float: left;
	margin-right: 10px;
	z-index: 2
}
#call-to-action:before, #call-to-action:after {
	content: '';
	position: absolute;
	background: white;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	right: -5px;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	z-index: 1;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ask-chatbot {
	display: none;
	padding: 5px 10px;
	max-height: 34px;
	max-width: 200px;
	overflow: hidden;
	word-wrap: break-word;
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #ffa800;
	bottom: 94px;
	right: 80px;
	float: left;
	z-index: 2;
	color: white;
}

.messenger-cont {
	display: none;
	padding: 5px 10px;
	max-height: 34px;
	max-width: 200px;
	overflow: hidden;
	word-wrap: break-word;
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #1e88e5;
	bottom: 158px;
	right: 80px;
	float: left;
	z-index: 2;
	color: white;
}

.facebook-cont {
	display: none;
	padding: 5px 10px;
	max-height: 34px;
	max-width: 200px;
	overflow: hidden;
	word-wrap: break-word;
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #3f51b5;
	bottom: 224px;
	right: 80px;
	float: left;
	z-index: 2;
	color: white;
}

.line-cont {
	display: none;
	padding: 5px 10px;
	max-height: 34px;
	max-width: 200px;
	overflow: hidden;
	word-wrap: break-word;
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #00b900;
	bottom: 288px;
	right: 80px;
	float: left;
	z-index: 2;
	color: white;
}

.phone-cont {
	display: none;
	padding: 5px 10px;
	max-height: 34px;
	max-width: 200px;
	overflow: hidden;
	word-wrap: break-word;
	position: fixed;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #f44336;
	bottom: 354px;
	right: 80px;
	float: left;
	z-index: 2;
	color: white;
}

/*a.phone:hover + div.phone-cont {
	display: block;
}*/

#call-to-action:before {
	z-index: 2;
}
#call-to-action a {
	text-decoration: none;
	color: black;
}
#call-to-action a .call-to-action-content {
	padding: 5px 10px 5px 10px;
	max-height: 34px;
	max-width: 135px;
	overflow: hidden;
	word-wrap: break-word;
}

.popup-line{
	position: fixed;
	bottom: 0px;
	text-align: center;
	right: 85px;
	background: #ccc;
	padding: 20px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	display: none;
	z-index: 2;
}
.popup-line img{
	padding: 20px;
	height: 200;
}
.id-line{
	padding: 5px;
	background: #00b900;
	color: #fff;
	margin-top: 5px;
}

.sbuttons {
	bottom: 0;
	position: fixed;
	margin: 1em;
	margin-left: 0;
	right: 0;
	z-index: 3;
}

.sbutton {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	color: white!important;
	margin: 20px 10px 0 auto;
	box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	position: relative;
	z-index: 4;
}
.sbutton > i {
	font-size: 20px;
	line-height: 50px;
	transition: all .2s ease-in-out;
	transition-delay: 2s;
}
.sbutton:active,
.sbutton:focus,
.sbutton:hover {
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
.sbutton:not(:last-child) {
	width: 50px;
	height: 50px;
	margin: 15px auto 0;
	opacity: 0;
}
.sbutton:not(:last-child) > i {
	font-size: 25px;
	line-height: 50px;
	transition: all .3s ease-in-out;
}

.sbutton:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
}
.sbutton:not(:last-child):nth-last-child(2) {
	-webkit-transition-delay: 20ms;
	transition-delay: 20ms;
}
.sbutton:not(:last-child):nth-last-child(3) {
	-webkit-transition-delay: 40ms;
	transition-delay: 40ms;
}
.sbutton:not(:last-child):nth-last-child(4) {
	-webkit-transition-delay: 60ms;
	transition-delay: 60ms;
}
.sbutton:not(:last-child):nth-last-child(5) {
	-webkit-transition-delay: 80ms;
	transition-delay: 80ms;
}
.sbutton:not(:last-child):nth-last-child(6) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.sbutton.mainsbutton {
	background: #2ab1ce;
}
.sbutton.phone {
	background: #F44336;
}
.sbutton.messenger {
	background: white;
}
.sbutton.fb {
	background: #3F51B5;
}
.sbutton.line {
	background: #00b900;
}

.sbutton.bot {
	background: #ffa800;
}

.sbutton.messenger, .sbutton.phone, .sbutton.line, .sbutton.fb, .sbutton.bot {
	pointer-events: none;
	display: table-column;
}

.sbutton.scale-on{opacity: 1;pointer-events: visible;display: block;}
.mainsbutton span{   
	font-size: 25px;
	line-height: 50px;
}
.mainsbutton span.fa-plus{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.line img{margin-top: 5px;}
.messenger img{margin-top: 8px;}

@media (max-width: 980px){
	.popup-line{
		display: none;
	}
	.line img{width: 40px;}
	.messenger img{width: 35px;}
}

@media (max-width: 576px){
	.sbuttons{margin-right: 10px;}
}

@media (max-width: 425px){
	#call-to-action {
		right: 70px;
		font-size: 14px;
	}
}

.chat-box-header {
  	background: #d90000;
	padding: 10px 20px;
  	color: white;
  	text-align: left;
  	font-size: 20px;
  	justify-content: center;
}

.botui-messages-container {
	padding: 0 0 10px 10px;
}

.botui-app-container a {
	color: #d90000;
}

div.tab-helper {
  	position: fixed;
  	display: none;
  	z-index: 2001;
  	width: 100%;
  	height: calc(100% - 49px);
  	top: 49px;
}

div.tab-helper.active {
	display: block;
}

div.botui-app-container {   
  	overflow: hidden;
  	border-radius: 0;
  	height: calc(100% - 44px);
  	width: 100%;
}

span.times {
	float: right;
	padding: 2px 0;
	transition: all 0.3s ease-in-out;
    cursor: pointer;
}

span.times:hover {transform: rotate(90deg);}

.botui-message-content-link {color: #d90000 !important;}
.botui-message-content {line-height: 1.5;}

@media (min-width:760px){
	div.tab-helper {
		width: 400px;
		height: 520px;
		right: 85px;
		bottom: 20px;
		border-radius: 10px;
		box-shadow: 0 0 16px 3px rgb(0 0 0 / 20%);
		top: auto;
	}

	.chat-box-header {
		border-radius: 10px 10px 0 0;
	}

  	.botui-app-container {
  		width:400px;
  		height:520px;
  		margin:0 auto;
  		border-radius: 0 0 10px 10px;
  	}

  	.botui-container {
  		border-radius: 0 0 10px 10px;
  	}
}