/*========================================================
                  Contact module
=========================================================*/

.chat-window-button{position: fixed;right: 1rem; bottom: 0px;z-index: 5;padding: 0.8rem 2rem;font-size: 1.2rem;border-top-right-radius: 6px;border-top-left-radius: 6px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);min-width:8rem;border:0px;background: rgba(0, 0, 0, 0.8);color: #fff;}
.chat-window-button:hover{background: #000; }
.chat-window-button.active{display: none;}
.chat-window-button.tip{background-color:green;}
.chat-window-button i{margin-right: 0.5rem;}

.chat-window {position: fixed;right:20px;bottom:20px;height:0px;overflow:hidden;z-index:19;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;-webkit-transition: 0.3s ease;transition: 0.3s ease;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);}
.chat-window.active{height:auto;}

.chat-window .chat-title{background: rgba(48, 48, 48, 0.9);display: flex;justify-content: space-between;padding: 1.2rem 1.2rem;font-size:1.3rem;color: #fff;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.chat-window .chat-title div i{margin-right: 5px;cursor: pointer;}
.chat-window .chat-content{background: rgba(255, 255, 255, 1);color:#000;position:relative;}

.chat-tip{position:absolute;top:0;left:0;right:0;line-height:20px;}
.chat-tip .success{background-color:#5cb85c;color:#FFF;padding:5px 10px;}
.chat-tip .danger{background-color:#f0ad4e;color:#FFF;padding:5px 10px;}

.chat-link{display:none;flex-flow: column;align-items: center;width:300px;}
.chat-link.active{display: flex;}
.chat-link>div{display: flex;flex-flow: column;align-items: center;text-align: center;}
.chat-link .t0{padding:3rem 0rem 1rem;width:100%;}
.chat-link .t0 i{font-size:5rem;line-height:6rem;}
.chat-link .t1{padding-top:1rem;width: 90%;}
.chat-link .t2{padding:1rem 0rem 3rem;width: 100%;}
.chat-link .t2 a{padding: 1rem 1.5rem;background: #ff8b00;color: #fff;border-radius: 4px;margin-top:1.5rem;width: 70%;}
.chat-link .t2 a:hover{background: #ff981d}

.chat-contact{display:none;flex-flow: column;width:300px;padding-bottom:20px;}
.chat-contact.active{display:block;}
.chat-contact .t0{padding:1rem 1.2rem;cursor:pointer;}
.chat-contact .t2{display: block;padding:1rem 1.2rem;}
.chat-contact .t2 button{padding: 1rem 1.5rem;background: #ff8b00;color: #fff;border-radius: 4px;margin-top:1rem;width: 50%;border:0px;}

@media (max-width: 767px) {
	.chat-window-button{right:0.5rem; bottom:6rem;border-radius: 50%;height:4.4rem;width:4.4rem;min-width: unset;text-align: center;padding:0px;}
	.chat-window-button i{font-size: 1.5em;margin:0px;}
	.chat-window-button span{display: none;}
	.chat-window{left:0;right:0;top:0;bottom:0;display:flex;flex-direction: column;}
	.chat-window .chat-content{flex-grow:1;display:flex;flex-flow: column;}
	.chat-link{width:auto;}
	.chat-contact{width:auto;text-align:left;}
}