.bot-circle,
.bot-circle:focus{outline:0!important}
.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
.og-chat-box iframe{height:100%;border:none!important; margin-bottom: 0px !important}
/* .og-chat-box p {width: 100%;float: left;height: 100%;} */
.bot-circle{width:65px;height:65px;background-color:#FF3C5D;border-radius:40px;position:fixed;bottom:17px!important;right:20px;display:block;-webkit-animation:fadeInUp1 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeInUp1 1s cubic-bezier(.68,-.55,.27,1.55) forwards;color:#fff;text-align:center;line-height:75px;box-shadow:none!important;left:calc(100% - 85px);top:calc(100% - 82px); z-index: 9999999}
.bot-circle:hover{color:#fff!important}
.bot-circle .bot-circle-icon-close,.bot-circle .bot-circle-icon-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;width:100%;box-shadow:2px 4px 25px -4px rgba(0,0,0,.6);border-radius:50%;-webkit-transition:opacity .08s linear,-webkit-transform .16s linear;transition:opacity .08s linear,-webkit-transform .16s linear;transition:transform .5s linear,opacity .08s linear;transition:transform .5s linear,opacity .08s linear,-webkit-transform .16s linear}
.bot-circle .bot-circle-icon-open{opacity:1;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.bot-circle.active .bot-circle-icon-open{opacity:0;-webkit-transform:rotate(30deg) scale(0);transform:rotate(30deg) scale(0)}
.bot-circle .bot-circle-icon-close{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
.bot-circle.active .bot-circle-icon-close{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}
a.bot-circle.left{left:30px;right:inherit}
a.bot-circle.left .og-chat-tooltip{left:30px;border-radius:50px 50px 50px 0}
a.bot-circle.left + .og-chat-box-outer .og-chat-box{left:30px !important;right:inherit}
.og-chat-box-top{float:left;width:100%;height:65px;background:#FF3C5D;display:none}
.og-chat-box-top .bot-circle-mobile{width:40px;height:40px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2147483003;position:absolute;top:0;right:0;background-position:50%;margin:12px 8px 12px 2px;transition:all .5s ease-in-out;box-shadow:none!important}
.og-chat-box-top .bot-circle-mobile:hover{background:rgba(0,0,0,.5)}
.og-chat-box-top .bot-circle-mobile .bot-circle-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;width:100%;height:100%;color:#fff}
.og-chat-box{z-index:999999!important;position:fixed!important;right:20px;width:400px!important;min-height:250px!important;max-height:700px!important;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16)!important;box-shadow:0 5px 40px rgba(0,0,0,.16)!important;border-radius:8px!important;overflow:hidden!important;height:calc(100% - 20px - 70px - 20px);bottom:100px;opacity:0;-webkit-animation:fadeInUp .8s ease-in-out .5s forwards;animation:fadeInUp .8s ease-in-out .5s forwards;left:calc(100% - 420px)}
.og-chat-box.hide{-webkit-animation:fadeOut .8s ease-out .6s forwards;animation:fadeOut .8s ease-out .6s forwards;z-index:-1!important}
.og-chat-box.no-animation{-webkit-animation:fadeOutDown 0s cubic-bezier(.65,.05,.36,1) forwards;animation:fadeOutDown 0s cubic-bezier(.65,.05,.36,1) forwards;z-index:-1!important}
.og-chat-tooltip{position:absolute;padding:20px 10px;box-shadow:2px 4px 25px -4px rgba(0,0,0,.3);background:#fff;float:left;min-width:auto;width:190px;max-width:400px;right:30px;border-radius:50px 50px 0;text-align:center;min-height:20px;-webkit-animation:fadeInUp2 2s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeInUp2 2s cubic-bezier(.68,-.55,.27,1.55) forwards}
.og-chat-tooltip p{display:inline-block;margin:0;line-height:20px;color:#000;padding:0;float:right;width:100%;font-size:13px;text-align:center}
a.bot-circle.active .og-chat-tooltip{-webkit-animation:fadeOutDown2 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeOutDown2 1s cubic-bezier(.68,-.55,.27,1.55) forwards}
@-webkit-keyframes fadeOutDown{from{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
}
@keyframes fadeOutDown{from{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,8%,0);transform:translate3d(0,8%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,8%,0);transform:translate3d(0,8%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp1{from{opacity:0;bottom:0}
to{opacity:1;bottom:17px}
}
@keyframes fadeInUp1{from{opacity:0;bottom:0}
to{opacity:1;bottom:17px}
}
@-webkit-keyframes fadeInUp2{from{opacity:0;bottom:0}
to{opacity:1;bottom:85px}
}
@keyframes fadeInUp2{from{opacity:0;bottom:0}
to{opacity:1;bottom:85px}
}
@-webkit-keyframes fadeOutDown2{from{opacity:1;bottom:85px}
to{opacity:0;bottom:0}
}
@keyframes fadeOutDown2{from{opacity:1;bottom:85px}
to{opacity:0;bottom:0}
}
@-webkit-keyframes fadeOutDown22{from{opacity:1;bottom:calc(20px + 80px)}
to{opacity:0;bottom:0}
}
@keyframes fadeOutDown22{from{opacity:1;bottom:calc(20px + 80px)}
to{opacity:0;bottom:0}
}
@media (max-width:1024px){
	.og-chat-box-outer{position:fixed;left:0;top:0;bottom:0;z-index:9999;right:0;padding-left:calc(100% - 430px);padding-top:calc(100% - 420px); display: none;}
	.bot-circle.active + .og-chat-box-outer{ display: block;}
	.og-chat-box-outer .og-chat-box{position: absolute !important;}
	.bot-circle{z-index: 99999999;}
	a.bot-circle.left + .og-chat-box-outer{padding-right:  calc(100% - 430px); padding-left:0}
}
@media (min-width: 768px) and (max-width: 1024px) {
	@supports (-webkit-overflow-scrolling:touch){
		.og-chat-box-outer .og-chat-box{overflow: scroll !important;-webkit-overflow-scrolling: touch;	position: fixed !important;}
	}
}

@media (max-width:640px){
	.og-chat-box-outer{padding:0!important}
	@supports (-webkit-overflow-scrolling:touch){
		.og-chat-box{-webkit-overflow-scrolling:touch;overflow:scroll!important}
}
.og-chat-box{width:100%;height:100%;bottom:0;right:0;max-width:100%!important;min-width:100%!important;border-radius:0!important;left:0;top:0;max-height: 100% !important;}
.bot-circle + .og-chat-box-outer { position: static;}
.bot-circle.active + .og-chat-box-outer {position: fixed;z-index: 99999999 !important;}
a.bot-circle.active{display:none}
a.bot-circle.left+ .og-chat-box-outer .og-chat-box{left:0 !important}
.og-chat-box-top{display:block;background:0 0;height:auto}
.og-chat-box-top .bot-circle-mobile{background:rgba(0,0,0,.2)}
.og-chat-box iframe{-webkit-overflow-scrolling:touch}
}