*{font-family:'Montserrat',sans-serif;margin:0;padding:0}body{margin:0;padding:0}.chatappw{font-family:'Montserrat',sans-serif;background:#fff;width:100%}.chatappw .head img{width:22px;height:18px;margin-bottom:-2px;margin-right:2px}.chatappw .head{padding:15px;background:#649c3d;color:#fff;font-size:16px;font-weight:600;text-align:left;position:relative;letter-spacing:.8px}.chatappw .body{position:relative}.chatappw .welcomeMessage{font-size:14px;text-align:left;width:86%;margin:0 auto;color:#333;padding-top:20px}.chatappw .btnlcd{padding:10px;text-align:center;background-color:#649c3d;color:#fff;font-size:14px;border-radius:5px;cursor:pointer;margin-top:20px;font-weight:600}.chatappw .body .autoq{padding:20px 0;position:absolute;background:#fff;z-index:3;width:100%}.chatappw .body .autoq p{font-size:14px;color:#333;font-weight:300;text-align:center;margin:0 auto !important}.chatappw .body .autoq .selection{display:block;background:#eee;border:solid 1px #ddd;border-radius:5px;font-size:13px;font-weight:600;color:#333;padding:10px;margin:0 auto 15px;width:80%;cursor:pointer;text-transform:none}.chatappw .body .autoq .selection:hover{background:#ddd}.chatappw .chatmsg,.chatappw .autoq,.chatappw .autof,.chatappw .autoqw,.chatappw .leave-chat{position:absolute;background:#fff;z-index:3;display:none;text-align:center;top:0}.chatappw .chatmsg{z-index:2}.chatappw .autof{width:100%}.chatappw .autoqw{padding:10px;height:390px}.chatappw .body .autof h5{font-size:14px;font-weight:400;color:#666;padding:10px;margin-top:10px}.chatappw .body .autof span{font-size:14px;font-weight:400;color:#666;display:block;text-align:left;width:76%;margin:15px auto 0px}.chatappw .body .autof label{font-size:12px;color:red;font-weight:300;text-align:center;margin-bottom:15px;display:none;width:76%;margin:5px auto 0px}.chatappw .body .autof input[type=text],.chatappw .body .autof input[type=email]{border:1px solid #649c3d;padding:10px;border-radius:5px;outline:none;display:flex;margin:5px auto 0px;font-size:13px;width:76%;height:auto}.chatappw .body .autof button{padding:10px;text-align:center;background-color:#649c3d;color:#fff;border-radius:5px;cursor:pointer;margin-top:20px;font-weight:600;width:76%;font-size:13px;border:none}.chatappw .autoqw{padding:10px}.loading{position:absolute;z-index:3}.loading .backdrop{position:absolute;background:#fff;opacity:.5}.loading .gif{position:absolute;z-index:4}.txtfloat{position:absolute;display:none;height:120px;background:#fff;z-index:25;width:100%;top:0}.txtfloat textarea{padding:10px;font-size:14px;color:#333;display:block;width:100%;height:100%;outline:none;resize:none}.floatoverlay{width:100%;background:#333;z-index:4;position:absolute;display:none;top:0;opacity:.5}.txtfloat .btnsend{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/sendchat.png") center no-repeat;background-size:30px 30px;width:40px;height:40px;position:absolute;border:none;cursor:pointer;right:10px;top:10px;display:block;outline:none;border-radius:none}.actioncont{position:relative;background:#eee;padding:5px;border-bottom:solid 1px #ccc;height:30px}.actioncont .btnendc{background:#999;float:right}.actioncont button{font-weight:600;border-radius:3px;font-size:11px;width:107px;padding:8px 5px;color:#fff;cursor:pointer;border:none;background:#81c253}.end-chat,.conf-chat{position:absolute;height:100%;z-index:3;top:0;background:#fff;width:100%;display:none;text-align:center}.end-chat button,.conf-chat button{width:80px;font-size:13px;font-weight:600;color:#333;border-radius:5px;margin:5px;background:#eee;border:solid 1px #ddd;cursor:pointer;padding:8px}.disabled{cursor:not-allowed !important}.chatbody{height:340px;overflow:auto;padding:10px 0;margin-bottom:1px}.autoq{position:absolute;height:100%;z-index:3;top:0;background:#fff;width:100%;display:none}.autoq #chataction,.autoq #notif,.autoq #form,.autoq #rate,.autoq #ty{display:none}.autoq #form .lblerr{font-size:13px;color:red;text-align:center;width:80%;margin:10px auto 0px;display:none}.autoq #form .req.on{box-shadow:inset 0px 0px 0px 1px red}.autoq #form .req.on::placeholder{color:red;font-size:11px}.autoq p{font-size:13px;font-weight:400;color:#666;text-align:center;padding:5px;width:80%;margin:10px auto}.autoq #rate input[type=radio]{opacity:0}.autoq #rate p{margin-bottom:0}.autoq label{font-size:13px;font-weight:400;color:#666;padding:5px;width:80%;display:block;margin:10px auto 0px;text-align:left}.autoq button{font-weight:600;border-radius:5px;font-size:12px;padding:8px;width:80%;margin:15px auto;display:block;color:#333;cursor:pointer;border:solid 1px #ddd}.btnrno,.btnrno:hover{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/rateno.png") center no-repeat !important;background-size:25px 25px !important}.btnryes,.btnryes:hover{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/images/rateyes.png") center no-repeat !important;background-size:25px 25px !important}.autoq .btnsub{padding:8px;width:80%;text-align:center;background-color:#649c3d;color:#fff;font-size:13px;border-radius:5px;margin:10px auto;cursor:pointer;font-weight:600}.autoq #form .btnsub{width:75%}.autoq #rate .btn{border:none;box-shadow:none;display:inline-block !important;width:26px;margin:0}.autoq #form button{margin-top:20px}.autoq #form input[type=text],.autoq #form textarea,.autoq #rate textarea,.autoq #form select{font-weight:400;border-radius:5px;font-size:12px;padding:8px;width:80%;margin:0 auto;display:block;color:#333;border:1px solid #649c3d;outline:none}.autoq #form textarea,.autoq #rate textarea{height:auto;resize:none}.autoq #ty h5,.autoq #form h5{width:80%;text-align:center;font-size:30px;margin:30px auto;color:#333}.autoq #form h5{font-size:20px;margin-bottom:10px}.actionoverlay{width:100%;height:100%;background:#fff;opacity:.5;position:absolute;top:0;left:0;display:none;z-index:4}.actioncont{position:relative;background:#eee;padding:5px;border-bottom:solid 1px #ccc}.actioncont.is-visible{opacity:1;display:block;-webkit-animation:zoomIn .2s cubic-bezier(.42,0,.58,1);animation:zoomIn .2s cubic-bezier(.42,0,.58,1)}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.actioncont .top{font-size:12px;color:#333;border-bottom:solid 1px #ddd;padding-bottom:10px;padding-left:5px;font-weight:600;padding-top:5px;margin-bottom:10px}.actioncont .top .close{position:absolute;right:12px;width:15px;height:15px;cursor:pointer;opacity:60%;top:14px}.actioncont button{font-weight:600;border-radius:3px;font-size:11px;width:107px;padding:8px 5px;color:#fff;cursor:pointer;border:none;background:#81c253}.actioncont .btnendc{background:#999;float:right}.chatbody::-webkit-scrollbar{width:10px}.chatbody::-webkit-scrollbar-track{background:#eee}.chatbody::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.chatbody .welcome{margin:0 !important;margin-top:10px !important}.chatbody .welcome p{font-size:12px;color:#649c3d;font-weight:400;text-align:center}.chatbody .stat{margin:10px !important}.chatbody .stat p{font-size:12px;color:#999;font-weight:400;text-align:center}.chatbody .stat p .fa{display:inline-block;width:12px;height:12px;vertical-align:middle;margin-top:-2px}@keyframes animateElement{0%{opacity:0;transform:translate(0px,10px)}100%{opacity:1;transform:translate(0px,0px)}}.chatbody .msgrow{margin:5px;margin-top:20px;margin-bottom:30px;display:block;animation:animateElement linear .3s;animation-iteration-count:1;position:relative}.chatbody .msgrow .msgdata{display:inline-block;width:auto;padding:10px;max-width:80%;position:relative;box-shadow:0px 2px 3px -1px #666;z-index:1}.chatbody .msgrow .msgdata .msg{font-size:12px;margin-bottom:5px;color:#000;font-weight:400;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.chatbody .right .msgdata .msg{color:#fff}.chatbody .msgrow .msgdata .dt{font-size:12px;color:#666;font-weight:400;text-align:left;margin-bottom:2px;margin-top:8px}.chatbody .right .msgdata .dt{color:#eee;text-align:right}.chatbody .left .cname,.chatbody .right .cname{position:absolute;font-size:11px;font-weight:400;color:#999;top:-15px;text-align:left;left:4px}.chatbody .right .cname{text-align:right;right:4px}.chatbody .right{text-align:right}.chatbody .left .msgdata{background:#eee;border-radius:0 5px 5px;margin-right:10px}.chatbody .left .arrowl{width:0;height:0;border-bottom:12px solid transparent;border-right:12px solid #eee;vertical-align:top;display:inline-block;margin-left:10px;margin-right:-5px;position:relative;z-index:2}.chatbody .right .msgdata{background:#649c3d;border-radius:5px 0 5px 5px;margin-left:10px}.chatbody .right .arrowr{width:0;height:0;border-bottom:12px solid transparent;border-left:12px solid #649c3d;vertical-align:top;display:inline-block;margin-right:10px;margin-left:-5px;position:relative;z-index:2}.chatmsg{box-shadow:0px -2px 1px -1px #999;height:70px;position:relative}.chatmsg .maxinput{position:absolute;font-size:12px;font-weight:300;color:#333;top:-25px;padding:5px 10px;display:none}.chatmsg .maxinput2{position:absolute;font-weight:300;color:#666;padding:5px 10px;bottom:-25px;font-size:12px;background:#fff}.chatmsg .maxinput2 span{font-weight:600;color:red}.chatmsg textarea{padding:9px;padding-top:12px;font-size:12px;height:70px;resize:none;vertical-align:top;float:right;border:none;width:100%;outline:none}.chatmsg .btnopt,.chatmsg .btnemo{width:30px;height:30px;position:absolute;border:none;cursor:pointer;left:5px;outline:none;display:none}.chatmsg .btnemo{display:none}.chatmsg .btnsend,.chatmsg .btnlike{width:30px;height:30px;position:absolute;border:none;cursor:pointer;right:8px;top:8px;display:block;outline:none}.chatmsg .btnlike{display:none}.chatmsg .btnopt{margin-left:0;background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/optchat.png") center no-repeat;background-size:28px 28px;top:5px}.chatmsg .btnemo{margin-left:0;background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/emochat.png") center no-repeat;background-size:28px 28px;top:35px}.chatmsg .btnsend{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/sendchat.png") center no-repeat;background-size:24px 24px}.chatmsg .btnlike{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/likechat.png") center no-repeat;background-size:24px 24px}.stat .fa{background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/user.png") center no-repeat;background-size:12px 12px}.loading{position:absolute;z-index:3}.loading .backdrop{position:absolute;background:#fff;opacity:.5}.loading .gif{position:absolute;z-index:4}.end-chat,.conf-chat{position:absolute;height:100%;z-index:3;top:0;background:#fff;width:100%;display:none;text-align:center}.conf-chat{height:auto;top:50px}.end-chat p{font-size:12px;font-weight:400;color:#666;text-align:center;padding:5px;width:80%;margin:10px auto}.end-chat button,.conf-chat button{width:80px;font-size:13px;font-weight:600;color:#333;border-radius:5px;margin:5px;background:#eee;border:solid 1px #ddd;cursor:pointer;padding:8px}.conf-chat button{width:80%;font-size:13px;font-weight:600;color:#333;border-radius:5px;margin:10px auto;background:#eee;border:solid 1px #ddd;cursor:pointer;padding:8px;display:block}.conf-chat .btnst{background:#81c253;color:#fff}.heart-rating span{width:24px;height:16px;line-height:16px;padding:1px 28px 1px 0;background:url(../images/heart_ratings2.png) no-repeat -45px 0}.heart-rating input{position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;cursor:pointer;width:17px}.star-rating{font-size:0;white-space:nowrap;display:inline-block;height:50px;overflow:hidden;position:relative;background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/rateno.png");background-size:contain}.star-rating i{opacity:0;position:absolute;left:0;top:0;height:100%;z-index:1;background:url("https://humanheartnature.com/buy/pub/media/hhn/chat/rateyes.png");background-size:contain}.star-rating input{-moz-appearance:none;-webkit-appearance:none;opacity:0;display:inline-block;height:100%;margin:0;padding:0;z-index:2;position:relative}.star-rating input:hover+i,.star-rating input:checked+i{opacity:1}.star-rating i~i{width:40%}.star-rating i~i~i{width:60%}.star-rating i~i~i~i{width:80%}.star-rating i~i~i~i~i{width:100%}:after,:before{height:100%;padding:0;margin:0;box-sizing:border-box;text-align:center;vertical-align:middle}.star-rating.star-5{width:250px}.star-rating.star-5 input,.star-rating.star-5 i{width:20%}.star-rating.star-5 i~i{width:40%}.star-rating.star-5 i~i~i{width:60%}.star-rating.star-5 i~i~i~i{width:80%}.star-rating.star-5 i~i~i~i~i{width:100%}.closebtn{padding:10px;text-align:center;background-color:#649c3d;color:#fff;font-size:13px;border-radius:5px;cursor:pointer;margin:20px auto;font-weight:600;border:none;width:88%;display:block}.conndisp{position:absolute;top:0;left:0;width:100%;z-index:5;height:100%;background:#fff;display:none}.conndisp h4{font-size:25px;text-align:center;margin-top:30px;font-weight:300;color:#666;margin-bottom:20px}.conndisp p{font-size:14px;font-weight:300;text-align:left;display:block;width:68%;margin:15px auto}.conndisp ul{width:60%;margin:0 auto;display:block}.conndisp ul li{font-size:14px;font-weight:300;color:#666;margin:10px}.conndisp img{display:block;margin:20px auto;width:30%}@media only screen and (max-width:767px){.chatappw .head span{font-size:13px;color:#fff;font-weight:600;float:right;margin-top:4px}.showback{font-family:Arial;box-shadow:0 0 10px #333;background:#fff;width:70%;position:absolute;z-index:5;padding:15px;border-radius:3px;top:20px}.showback p{text-align:center;font-size:14px;font-weight:400;color:#333;margin:0;margin-top:10px;padding:0}.showback button{padding:5px 10px;background-color:#649c3d;color:#fff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px 5px;font-weight:400;min-width:80px;border:solid 1px #649c3d;outline:none}.showback button:last-child{background:#ccc;color:#333;border:solid 1px #666}.sboverlay{background:#333;opacity:.5;position:absolute;z-index:4;top:0;left:0}}.feedback-other{width:100%;height:90px;display:none;padding:5px}.submit-feedback{text-align:center;background-color:#62992e;color:#fff !important;width:50% !important}#feedback-question{width:80%;margin:0 auto;display:none}.chatappw .body .autoq #feedback-question p{width:80%;text-align:left !important;margin:5px auto !important;margin-left:0 !important;margin-right:0 !important}.feedback-text{font-size:20px;padding-top:20px;font-weight:600}