body {
	padding:0;
	margin:0;
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/work-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/work-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/work-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/work-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/work-sans-v9-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}	

.chat-btn { background-color:#e66a2c; width:55px; height:55px; border-radius:50%; text-align:center; cursor:pointer; position:fixed; right:10px; bottom:10px; z-index:9999; }
.chat-btn img { margin-top:10px; }
.chat-frame { display:none; position:fixed; right:10px; bottom:10px; z-index:99999; background-color:#FFF; width:400px; box-shadow:0 5px 10px rgb(0 0 0 / 20%); -webkit-box-shadow:0 5px 10px rgb(0 0 0 / 20%); font-family: 'Work Sans'; }
.chat-frame iframe { width:100%; height:400px; border:none; font-family: 'Work Sans'; }
.chat-title { background-color:#5e3423; color:#FFF; width:100%; height:40px; }
.chat-title-l { float:left; padding:10px; }
.chat-title-r { float:right; padding:10px; cursor:pointer; }
.chat-box { padding-top:10px; font-family: 'Work Sans'; }
.chat-row { padding-bottom:20px; }
.chat-row-admin-img { float:left; width:45px; text-align:center; font-size:12px; padding-top:6px; }
.chat-row-admin-txt { color:#5e3423; background-color:#f2f6f9; padding:10px 20px; margin-left:45px; border-radius:20px; }
.chat-row-admin-btn { float:left; color:#FFFFFF; background-color:#5e3423; padding:10px 20px; margin-bottom:5px; margin-left:45px; border-radius:20px; cursor:pointer; clear:both; }
.chat-row-user-img { float:right; width:45px; font-size:12px; color:#5e3423; text-align:center; padding-top:4px; }
.chat-row-user-txt { float:right; color:#FFFFFF; background-color:#5e3423; padding:10px 20px; border-radius:20px; }
.chat-row-admin-input { padding:10px; border:1px solid #5e3423; border-radius:5px; background-color:#FFF; margin:10px 0px; }
.chat-row-admin-input textarea { width:100%; height:60px; color:#5e3423; resize:none; border:none; outline:none; }
.chat-row-admin-input input { width:100%; color:#5e3423; resize:none; border:none; outline:none; }

.btn-send { padding:10px 20px; background-color:#5e3423; color:#FFF; width:40px; cursor:not-allowed; opacity:0.5; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.btn-send-active { cursor:pointer; opacity:1; }

.MQ3, .MQ4, .MQ5, .MQ6, .MQ7, .MQ8, .Q3, .Q4, .Q5, .Q6, .Q7, .Q8, .A1, .A2, .A3, .A4, .A5, .A6, .A7, .A8, .Q4-H, .Q4-G, .MQ4-H, .MQ4-G, .MQ5-H, .MQ5-G, .Thank { display:none; }

#Obj5-H1 { width:auto; }
#Obj5-H2 { width:auto; }
#Obj5-H3 { width:auto; }
#Obj5-H4 { width:auto; }
#Obj5-H5 { width:auto; }

.clear { clear:both; }

/* Reponsive  */
@media (min-width: 520px) {

}

@media (min-width: 768px) {

}

@media (min-width: 980px) {

}

@media (min-width: 1200px) {

}