/*!
 * Screets Chat Base Template
 * Author: @screetscom
 *
 * COPYRIGHT (c) 2016 Screets. All rights reserved.
 * This  is  commercial  software,  only  users  who have purchased a valid
 * license  and  accept  to the terms of the  License Agreement can install
 * and use this program.
 */

.schat-clear { *zoom: 1; }
.schat-clear:before,.schat-clear:after { display: table; content: ""; line-height: 0; }
.schat-clear:after { clear: both; }

/** 
 * Reset
 * ------------------------------
 */
	.schat-widget *,
	.schat-chat-btn * {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font-weight: inherit;
		vertical-align: baseline;
		background: transparent;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
		text-shadow: none;
	}
	
	.schat-widget strong {
		font-weight: bold;
	}
	.schat-widget input[type="text"],
	.schat-widget input[type="email"], 
	.schat-widget input[type="tel"],
	.schat-widget select {
		vertical-align:middle;
	}

	.schat-widget input[type="text"],
	.schat-widget input[type="email"], 
	.schat-widget input[type="tel"],
	.schat-widget textarea {
		color: #333;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 16px;
		border: none;
		background-color: #fff;
		border-color: transparent;
		border-width: 0;
		border-style: none;
		outline: none;
		resize: none;
		text-shadow: none;
		text-transform: none;
		height: inherit;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
		-webkit-transition: border .2s, background-color .3s;
		   -moz-transition: border .2s, background-color .3s;
		     -o-transition: border .2s, background-color .3s;
		        transition: border .2s, background-color .3s;
		-webkit-font-smoothing: antialiased;
	}
	
	.schat-widget input[type="text"]:focus,
	.schat-widget input[type="email"]:focus, 
	.schat-widget input[type="tel"]:focus, 
	.schat-widget textarea:focus {
		border: none;
		border-color: transparent;
		border-width: 0;
		border-style: none;
		outline: none;
		resize: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	.schat-widget ul, .schat-widget li {
		list-style: none;
	}

	.schat-widget input::-webkit-input-placeholder, 
	.schat-widget isindex::-webkit-input-placeholder, 
	.schat-widget textarea::-webkit-input-placeholder {
		color: darkGray;
	}

/**
 * Icons
 */
	
	@font-face {
		font-family: 'schat';
		src: url('../fonts/schat.eot');
	}
	@font-face {
		font-family: 'schat';
		src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
			 url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAeUAAoAAAAAB0wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAABBUAAAQVOy0GyE9TLzIAAAUMAAAAYAAAAGAIIvy/Y21hcAAABWwAAABMAAAATBpVzGBnYXNwAAAFuAAAAAgAAAAIAAAAEGhlYWQAAAXAAAAANgAAADYBXTRRaGhlYQAABfgAAAAkAAAAJAPiAe9obXR4AAAGHAAAADgAAAA4FQAC1W1heHAAAAZUAAAABgAAAAYADlAAbmFtZQAABlwAAAEYAAABGG8VJ1Vwb3N0AAAHdAAAACAAAAAgAAMAAAEABAQAAQEBA2N4AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4egUdAAAAnQ8dAAAAohEdAAAACR0AAAQMEgAPAQEDBQcJDBEWGyAlKi80OT5jeGN4dTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzdUU2MDR1RTYwNXVFNjA2dUU2MDd1RTYwOHVFNjA5AAACAYkADAAOAgABAAQABwAKAA0AbQDUARMBUgG+Ah4CbALBAxoDSvyUDvyUDvyUDvuUDvf3+HoV+1qLBW6Lc3SLbgiL/CsFi26jc6iLCPdaiwWoi6Oji6gIi/grBYuoc6Juiwgo/H8Vd4t6l4uZi5qcl5+Ln4ucf4t8i316f3eLCPcC2hX7cIuL9+z3cIuL++wFDveU+AoV+zyLM/sQi3eLeOP7EPc8i/c8i+P3EIuei58z9xD7PIsIi/uSFUyLWLyLyIvIvr3Ki8qLvlmLTotOWFpMiwiL9wIVgZemt3qLbItxcotsi22lcqqLqoulpIupi5lbdIKUCA74IPefFYGA+wIji4uGhYOIhIuEi4OOhpGLi/sC84GWgJaKnpeXlpaajJl/CO8r7+sFmZeaipaAl3+KeICACA74IPdWFYGV+wL0i4uGkYONhIuEi4OJhoWLi/sCIoGBgICKeJd/loCaipmXCO/r7ysFmX+ajJaWl5eKnoCWCA73KPdCFYv3MyqLBW+LdHSLbwiL+y4Fi2+idKeLCKWLiz7Y2PcUiwWni6Kii6cIi7oFiYqJi4qLCPtIiwX3zfezFft7iwVvi3R0i28Ii/th90eL2D6L2KWLBaeLoqKLpwiL9y4Fi6d0om+LCA74LvhHFftiiwVvi3V1i28Ii/tiBYtvonSniwj3YYsFp4uioounCIv3YQWLp3Sib4sIi/uUFfthi4v3Yfdhi4v7YQX7yL4VWIuL+y0Fi2+idKeLCPcui4u++y6Li/ctBQ74A/cqFUXb0dwFl5eLn3+Xf5d4i39/CEc9R9kFf5d4i39/f3+Ld5d/CNE6RTsFf3+Ld5d/l3+ei5eXCM/Zzz0Fl3+ei5eXl5eLn3+XCA74iKUV+3n4JAWIkYWOhYuFi4WIiIUI+3j8JAWHhouEj4aOhZGIkYsI+FyLBZGLkY6OkY+Qi5KIkAj7bKQVU4uLvsOLi1gFi+UVU4uL9y3Di4v7LQUO+Bj4RxX7sosFb4t0dItvCIv7xwWLb6J0p4sI98iLBaeLoqKLpwiL96pC2wVt+y0Vi32Af32LCPsuiwV9i4CXi5kIi/cU92CLi/sUBXLxFViLiyW+i4vxBQ73QosVho7h90iIk4iTMKiHmYaZ90z3ZZCHkIc2+0qNho2F6W2NfI58+0r7Y4aOCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmCQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYJ//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAALFiQGxfDzz1AAsCAAAAAADQHvnEAAAAANAe+cQAAP/mAgAB5gAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAEAAAACAABoAgAAAAIAAGwCAABsAgAAAAIAADMCAACIAgAADQIAADMCAACaAABQAAAOAAAAAAAOAK4AAQAAAAAAAQAEAAAAAQAAAAAAAgAOACQAAQAAAAAAAwAEABoAAQAAAAAABAAEADIAAQAAAAAABQAWAAQAAQAAAAAABgACAB4AAQAAAAAACgA0ADYAAwABBAkAAQAEAAAAAwABBAkAAgAOACQAAwABBAkAAwAEABoAAwABBAkABAAEADIAAwABBAkABQAWAAQAAwABBAkABgAEACAAAwABBAkACgA0ADYAYwB4AFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAHhjeABjAHgAUgBlAGcAdQBsAGEAcgBjAHgARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
		font-weight: normal;
		font-style: normal;
	}

	[class^="schat-ico-"], [class*=" schat-ico-"] {
		font-family: 'schat' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.schat-ico-mobile:before {
		content: "\e600";
	}
	.schat-ico-chat:before {
		content: "\e604";
	}
	.schat-ico-popup:before {
		content: "\e605";
	}
	.schat-ico-preview:before {
		content: "\e601";
	}
	.schat-ico-online:before {
		content: "\e609";
	}
	.schat-ico-cross:before {
		content: "\e606";
	}
	.schat-ico-warning:before {
		content: "\e607";
	}
	.schat-ico-save:before {
		content: "\e608";
	}
	.schat-ico-arrow-down:before {
		content: "\e602";
	}
	.schat-ico-arrow-up:before {
		content: "\e603";
	}




	


/**
 * Common widget and button styles
 */
 .schat-widget,
 .schat-chat-btn {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	position: fixed;
	line-height: 1;
 }

/**
 * Widget wrapper
 * ------------------------------
 */
	.schat-widget {
 		font-size: 14px;
		-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
		        box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
		z-index: 999999;
	}

	.schat-widget .schat-header {
		position: relative;
	}

	.schat-widget .schat-header > .schat-title {
		font-size: 16px;
	}

	.schat-widget .schat-header > .schat-ico {
		position: absolute;
		top: 10px;
		right: 15px;
	}

	.schat-widget a,
	.schat-widget a:hover {
		text-decoration: none;
	}


/** 
 * Chat Button
 * ------------------------------
 */
	.schat-chat-btn {
		font-size: 16px;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		-webkit-transition: background-color .3s;
		   -moz-transition: background-color .3s;
		     -o-transition: background-color .3s;
		        transition: background-color .3s;
		z-index: 999999;
		cursor: pointer;
	}

	.schat-chat-btn .schat-ico {
		font-size: 18px;
	}

	.schat-chat-btn .schat-title {
		display: block;
		float: left;
		overflow: hidden;
		margin: 9px 10px 9px 0;
		text-align: left;
	}
	.schat-chat-btn.schat-no-ico .schat-title {
		margin-left: 10px;
	}
	.schat-chat-btn.schat-no-title .schat-ico-arrow-up,
	.schat-chat-btn.schat-no-title .schat-ico-arrow-down {
		padding-left: 10px;
	}

	.schat-chat-btn .schat-ico-arrow-up,
	.schat-chat-btn .schat-ico-arrow-down {
		display: none;
		float: right;
		padding: 8px 10px 8px 0;
	}

	.schat-chat-btn .schat-ico-chat {
		display: none;
		float: left;
		padding: 8px 10px;
	}

/** 
 * Chat Standart Header
 * ------------------------------
 */
	
	.schat-header {
		text-align: center;
		font-size: 16px;
		padding: 10px;
		cursor: pointer;
	}

/**
 * Chat body
 * ------------------------------
*/

	.schat-body {
		position: relative;
		background-color: #fff;
		line-height: 16px;
		overflow: auto;
	}

	

/** 
 * Chat Login Window 
 * ------------------------------
 */

	.schat-login-form {
		padding: 20px;
	}

/** 
 * Chat Online Window 
 * ------------------------------
 */

	/*.schat-online {
		position: relative;
	}*/

/** 
 * Chat Offline Window 
 * ------------------------------
 */

	.schat-offline {}
	
	.schat-offline-form {
		padding: 20px;
	}

/** 
 * Standart offline form
 * ------------------------------
 */
	.schat-form .schat-lead {
		color: #222;
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 30px;
	}

	.schat-form .schat-line {
		margin-bottom: 20px;
	}

	.schat-form .schat-req {
		color: red;
	}

	.schat-form label {
		display: block;
		font-family: Verdana, Geneva, sans-serif;
		text-align: left;
		color: #878787;
		font-size: 13px;
		margin-bottom: 7px;
	}
	
	.schat-form input[type="text"],
	.schat-form input[type="email"], 
	.schat-form input[type="tel"], 
	.schat-form textarea,
	.schat-form input[type="text"]:focus,
	.schat-form input[type="email"]:focus, 
	.schat-form input[type="tel"]:focus, 
	.schat-form textarea:focus {
		width: 100%;
		font-size: 14px;
		border: 1px solid #cdcdcd;
		padding: 7px 11px;
		margin: 0;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
	
	.schat-form input[type="text"]:focus,
	.schat-form input[type="email"]:focus, 
	.schat-form input[type="tel"]:focus, 
	.schat-form textarea:focus {
		background-color: #f5f5f5;
		border-color: #ccc;
	}

	.schat-form textarea {
		max-height: 100px;
	}

	.schat-send {
		text-align: center;
	}

	.schat-form-btn {
		display: inline-block;
		width: inherit;
		border: none;
		padding: 7px 11px;
		background: transparent;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		cursor: pointer;
	}

	.schat-disabled { 
		color: #999 !important;
		background-color: #ddd !important;
		cursor: default !important;
	}
	
	.schat-ntf {
		display: none;
		color: #888;
 		margin: 15px;
		text-align: center;
	}
	
	.schat-online > .schat-ntf {
 		margin-bottom: 7px; /* Decrease bottom space in conversation */
	}

	.schat-ntf.schat-error { color: #e54440; }
	.schat-ntf.schat-success { color: green; }

	.schat-ntf.schat-typing {
		padding-left: 21px;
		min-height: 16px;
		background: url('../img/schat-writing.png') no-repeat left;
	}

	.schat-ntf.schat-sending {
		background: url('../img/schat-loader.gif') no-repeat right;
	}

	.schat-ntf.schat-sending.schat-conn {
		display: block;
	}

/** 
 * Chat Conversation 
 * ------------------------------
 */

 	.schat-cnv {
 		position: relative;
		min-height: 180px;
		max-height: 220px;
		padding: 7px 18px;
		text-align: left;
		overflow: auto;
		-webkit-transition: padding .2s;
		   -moz-transition: padding .2s;
		    -ms-transition: padding .2s;
		     -o-transition: padding .2s;
		        transition: padding .2s;
		
 	}

 	.schat-welc {
 		line-height: 20px;
 		margin-top: 15px;
 	}

	.schat-cnv-line {
		position: relative;
		margin: 15px 0;
	}

	.schat-cnv-line.schat-you {
		float: right;
		width: 80%;
		margin: 5px 0;
	}

	.schat-cnv-line.schat-you .schat-cnv-msg {
		margin-left: auto;
		background-color: #C8F7BE;
		padding: 7px 10px;
		border-radius: 7px;
	}

	.schat-cnv-line.schat-you .schat-cnv-msg {
		margin-left: auto;
		background-color: #c8f7be;
	}
	
	.schat-cnv-line.schat-you .schat-cnv-author,
	.schat-cnv-line.schat-you .schat-img {
		display: none;
	}
	
	.schat-cnv-line.schat-you .schat-cnv-time {
		display: none;
		position: absolute;
		top: 5px;
		left: -38px;
		color: #b0c2ac;
	}
	
	.schat-cnv-line.schat-you:hover .schat-cnv-time {
		display: block;
	}

	.schat-cnv-ntf {
		color: #aaa;
		font-size: 13px;
		text-align: center;
		padding-bottom: 7px;
	}

 	.schat-cnv .schat-avatar {
 		position: absolute;
 		top: 2px;
 		left: 0;
 		width: 30px;
 	}

 	.schat-cnv .schat-avatar.schat-img img {
 		width: 30px;
		border-radius: 30px;
 	}

 	.schat-cnv .schat-avatar.schat-txt {
		color: #fff;
		font-size: 18px;
		padding: 11px 0;
		text-align: center;
		text-transform: uppercase;
 	}

 	.schat-cnv-time {
 		float: right;
 		color: #ccc;
 		font-size: 10px;
 		font-family: Verdana, Geneva, sans-serif;
 	}
 	.schat-cnv-author {
 		font-size: 12px;
 		font-weight: bold;
 		margin-bottom: 4px;
 	}

 	.schat-cnv-msg {
 		color: #444;
 		margin-left: 40px;
 		line-height: 18px;
 		cursor: default;
 	}
	
	.schat-cnv-msg-detail {
		display: block;
		font-size: 14px;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
	}
 	.schat-cnv-status {
 		color: #aaa;
 		text-align: right;
 	}
	
	.schat-cnv-reply {
 		width: 100%;
	}

 	.schat-reply-top .schat-cnv-reply {
 		border-bottom: 1px solid #eee;
 	}

 	.schat-reply-bottom .schat-cnv-reply {
 		border-top: 1px solid #eee;
		bottom: 0;
		left: 0;
 	}

 	.schat-cnv-input {
 		padding: 0 15px 0 15px;
 		cursor: text;
 	}
 	
 	.schat-cnv-input textarea.schat-reply-input {
 		width: 100%;
 		height: 30px;
 		font-size: 14px;
 		line-height: 18px;
 		max-height: 70px;
 		padding: 10px 0 7px 0 !important;
 		overflow: hidden;
 	}

 	.schat-cnv-input textarea.schat-reply-input.schat-disabled {
 		color: #ccc !important;
 		background-color: #fff !important;
 	}
	
	.schat-tools {
		padding: 0 18px 14px 18px;
		text-align: right;
	}

	.schat-tools a {
		display: inline-block;
		color: #bbb;
		border: 1px solid #eee;
		padding: 4px 7px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.schat-tools a:hover {
		color: #666;
		border-color: #ddd;
	}



/** 
 * Chat Conversation 
 * ------------------------------
 */
	
	.schat-ntf-msg {
		padding: 20px;
		text-align: center;
		font-style: italic;
	}


/** 
 * Scroll style 
 * ------------------------------
 */ 
	.schat-widget ::-webkit-scrollbar { width: 7px; height: 10px; }
	.schat-widget ::-webkit-scrollbar-button:start:decrement,
	.schat-widget ::-webkit-scrollbar-button:end:increment  { display: none; }
	.schat-widget ::-webkit-scrollbar-track-piece  {
		background-color: #efefef;
	}
	.schat-widget ::-webkit-scrollbar-thumb:vertical {
		background-color: #999;
	}


/* Media Queries
-------------------------------------------------------------------------------*/
	/* iPad */
	@media only screen and (max-width: 1024px) {

	}

	/* Tablet devices vertical */
	@media only screen and (max-width: 768px) {
		
	}

	/* Mobile devices vertical */
	@media only screen and (max-width: 420px) {
		/*.schat-widget {
			width: 100%;
			height: 100%;
		}

		.schat-body,
		.schat-form label,
		.schat-form input[type="text"], 
		.schat-form input[type="email"], 
		.schat-form input[type="tel"], 
		.schat-form textarea, 
		.schat-form input[type="text"]:focus, 
		.schat-form input[type="email"]:focus, 
		.schat-form input[type="tel"]:focus, 
		.schat-form textarea:focus {
			font-size: 16px;
			line-height: 23px;
		}
	
		.schat-form .schat-lead {
			font-size: 18px;
			line-height: 23px;
		}

		.schat-header {
			font-size: 18px;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			border-radius: 0 !important;
		}*/
	}

 /** 
 * CSS animations
 * ------------------------------
 * animate.css (daneden.me)
 */
	.schat-anim {
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.schat-anim.schat-hinge {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	
	/* bounceInUp */
	@-webkit-keyframes schat-bounceInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  80% {
	    -webkit-transform: translateY(10px);
	    transform: translateY(10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes schat-bounceInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(2000px);
	    -ms-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  80% {
	    -webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	    transform: translateY(10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.schat-bounceInUp {
	  -webkit-animation-name: schat-bounceInUp;
	  animation-name: schat-bounceInUp;
	}
	
	/* bounceInDown */
	@-webkit-keyframes schat-bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes schat-bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    -ms-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.schat-bounceInDown {
	  -webkit-animation-name: schat-bounceInDown;
	  animation-name: schat-bounceInDown;
	}

	
	/* fadeInUp */
	@-webkit-keyframes schat-fadeInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	    transform: translateY(200px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes schat-fadeInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	    -ms-transform: translateY(200px);
	    transform: translateY(200px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.schat-fadeInUp {
	  -webkit-animation-name: schat-fadeInUp;
	  animation-name: schat-fadeInUp;
	}
	

	/* fadeInDown */
	@-webkit-keyframes schat-fadeInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-200px);
	    transform: translateY(-200px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes schat-fadeInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-200px);
	    -ms-transform: translateY(-200px);
	    transform: translateY(-200px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.schat-fadeInDown {
		-webkit-animation-name: schat-fadeInDown;
		animation-name: schat-fadeInDown;
	}