/* general colors */
a {}
body {background:#ededed url("images/background.png") repeat scroll 0 0; color:#ffffff; }
button { background:#30353e; color:#ffffff; }
input, textarea, .post_input_container {
	box-sizing: border-box;
	border: 1px solid rgba(134, 134, 134);
	border-radius: 4px!important;
	color: #b9a4c2 !important;
	background: rgba(66, 66, 66);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 0 rgba(66, 66, 66), 0 0 0 1px rgba(115, 115, 115), 0 1px 3px rgba(66, 66, 66) inset;
  text-shadow: 0 0 6px #000;
}
body #content, body #message_content{border-radius: 4px!important;}
/* intro */
.opacity_box { background: rgba(23, 16, 23,  0.9);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(44, 28, 55);}
#intro_section_user { color:#ffffff; background-color: #342c33;	background-position: center 0;	background-repeat: no-repeat;background-size: 100% auto; }

/* back mains colors */
.back_theme { background:#f0ad4e; color:#fff; }
.back_dark { background:rgb(82, 82, 82); color:#fff; }

/* button colors */
.theme_btn {
     background: #106c84;
     color:#fff; }
.default_btn { background:rgb(82, 82, 82); color:#ffffff; }
.join_btn { background:#ffffff; color:rgb(0, 0, 0); }
.dark_selected { background:#6d448b; color:#fff; }
.ok_btn { background:#0046ffbd; color:#fff; }
.warn_btn { background:#f0ad4e; color:#fff; }
.delete_btn { background:#cc0000; color:#fff; }
.not_member { background:#f0ad4e; color:#fff; }
#submit_button { background:#30353e00; background-clip: 0;overflow: hidden;width: 37px; position: absolute; right: 10%; top: 0; }
#message_send{ border-radius: 50%; height: 30px; overflow: hidden; width: 40px; }
#submit_button i{left: 1px; top: 1px; position: relative; }
#private_top, #private_send { background:#176377!important; }
/* input option background colors */
.input_item { color:#ffffff; }

/* background colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top {
background-image: linear-gradient(-45deg, #000000 3%,#ffcc33 10%,#333 20%,#ff3333 30%, #03add8 55%, #FF0000 65%, #224CFF 87.5%, #012832 38.25%, #F4F4F4 30% ,#444 65.5% ); color:#fff;
     color:#fff;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


/* modal */
.modal_menu { background: rgb(82, 82, 82);color: rgb(255, 255, 255); }
.modal_selected { background:rgba(8, 8, 8, 0.46); color:#fff; }
.modal_back { background-color:rgba(109, 68, 139, 0.36); }

/* mod */
.mod_selected { color:#f0ad4e; }

/* tab menu */
.tab_menu { background:background: rgb(82, 82, 82);color: rgb(255, 255, 255); }
.tab_selected { background:#000000; color:#fff; }

/* menu icon */
.menu_icon, .menui, .pagemenui { color:#ffffff; }

/* outside menu */
.sub_menu { background:rgba(0, 0, 0, 0.89); color:#666; }
.sub_menu li { border-bottom:1px solid rgba(0, 0, 0, 0.25); }
.sub_menu li:hover { background:rgba(23, 16, 23,  0.72); color:#666; }

/* inside menu */
.sub_menu_in { background:rgba(0, 0, 0, 0.12); }
.sub_menu_in li:hover { background:rgba(0, 0, 0, 0.12); }
.sub_menu_in li, .sub_menu_in div { border-top:1px solid rgba(0, 0, 0, 0.30) }


/* page menu */
.pmenu{ border-bottom:1px solid rgba(0, 0, 0, 0.15); }
.pmenu:hover, .pmenu:hover > .pagemenui { background:rgba(23, 16, 23,  0.72); color:#666; }

/* text error colors */
.error { color:#d9534f; }
.success { color:#6d1ba5; }
.warn { color:#f0ad4e; }

/* logs color private and main chat */

.target_private {color:#fff; background-color: rgb(0, 117, 255); border-color: rgba(73, 73, 73, .88); }
.target_private a { color:#f0ad4e; }
.hunter_private {color:#fff; background-color:#f0ad4e; border-color:#f0ad4e; }
.hunter_private a { color:#fff; }

/* text color  & date */
.sub_text, .date, .room_center { color:#ffffff; }
.input_text, .delete_log, .logs_date, .report_log, .pdate, .ptdate { text-shadow: 0 0 1px #000; color: rgb(255, 255, 255); }
.theme_color { color:#f0ad4e; }
.liked   { color:#4e9183;}
.unliked  { color:rgb(228, 80, 0);}
.default_color { color:rgba(240, 173, 78); }
.user_count  { background: rgba(0,0,0, 0.08); }
.my_notice {
    background: #21BA45;
    padding: 1px 6px;
    text-shadow: 4px 2px 4px #009900;
    border-radius: 15px;
    color: #fff;}
.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:rgba(23, 16, 23,  0.72); color:#666; border:1px solid #ccc; }
.bustate { color:#ffffff; }
.my_name, .text_small { text-shadow: 0 0 6px #11111100; }

/* notification colors */
.bnotify { background:rgb(228, 80, 0); color:#fff; }

/* elements */ 
.element_color, #private_box, .chat_side_panel,
#side_menu, .modal_in, .page_element, .page_menu ul { background: rgba(0, 0, 0, 0.86);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(44, 28, 55);}
.room_content{ background:rgb(86, 86, 86); border: 1px solid rgba(0, 0, 0, 0.19);}
.background_chat { background:transparent; }


/* shadow */
.add_shadow, .page_element, #private_box, .page_menu ul, .chat_side_panel,
.room_content, #side_menu { box-shadow:0; }
.sub_menu {box-shadow:0 0 3px 0px #3b3c3c}

/* no view elements */
.noview {
    background: #52884d;
    background-image: linear-gradient(#0c4656, #1d738a);
    border-bottom:1px solid #fff;
}

/* borders css */
.border_right, #chat_left {
     text-shadow: 0 0 6px #000;
}
.border_left, #chat_right {
     text-shadow: 1px 1px 6px rgba(0, 0, 0, 0);
}
.border_bottom, .panel_bar, .list_element, .user_item, .ulist_item, .box_title {
    border-bottom: 1px solid #5f9bab;
    background-image: linear-gradient(rgba(95, 216, 247, 0.69), rgba(17, 82, 99, 0.47));
}
.listing_element {
    border-bottom:1px solid #bbbbbb;
}
.border_top{
     border-top:1px solid #ededed;
}
.full_border {
     border:1px solid #ededed;
}
/* list element */
.background_reply { background:rgba(0, 0, 0, 0.25); color:#ffffff; border-top:1px solid rgba(0, 0, 0, 0.25); }
.sub_list { background:rgba(0, 0, 0, 0.05); color:#adacac; border-top:1px solid rgba(0, 0, 0, 0.1);  }
.sub_list:hover { background:rgba(23, 16, 23,  0.72); }

/* slider */
.boom_slider .ui-widget-content { background: rgba(23, 16, 23,  0.72); }
.boom_slider .ui-state-default { background: #999 !important; }
.boom_slider .ui-state-active { background: #999 !important; }
.boom_slider .ui-slider-range { background:#ccc; }

/* select box color */
.selectboxit-list, .selectboxit-btn { box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 4px!important;
	color: #b9a4c2 !important;
	background: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  text-shadow: 0 0 6px #000; } /* background of select box */
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: rgba(0, 0, 0, 0.7);color: rgb(255, 255, 255); } /* color of sub menu hover */
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:none!important; color:rgb(82, 82, 82)!importantmportant; } /* background selected hover */
.selectboxit-options { background:rgb(35, 29, 33) !important; border:none!important; } /* background color of the options */
.selectboxit-list .selectboxit-option-anchor { color:#666; } /* color of sub menu item */

/* user color and special user color */
.offline { opacity:0.7; }
.user { color:#ffffff; }
.chat_system { color:#4bff6b; }

/* status color */
.away { color:#333; }
.absent { color:#ffd11a; }
.gone { color:#d9534f; }
.online { color:#008000; }
.gaming { color:#f0ad4e; }
.eating { color:#00ceffba; }
.television { color:#00fff5f2; }

/* list icon colors */
.ico_owner {color: #FEFCB4;text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(255, 0, 106),0 0 20px rgba(255, 0, 106),0 0 20px rgba(255, 0, 106),0 0 27px #ff0047,0 0 6px #ff0047,0 0 17px #ff0047,0 0 16px #ff0047;}


.ico_hear {color:rgba(210, 0, 222);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(255, 255, 255),0 0 20px rgba(255, 255, 255),0 0 20px rgba(0, 0, 0),0 0 27px #000000,0 0 6px #ffffff;}



.ico_github {color:rgba(210, 0, 222);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(255, 255, 255),0 0 20px rgba(251, 255, 0),0 0 20px rgba(0, 0, 0),0 0 27px #000000,0 0 6px #fbff00;}




.ico_bot {color:rgba(220, 220, 220);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(68, 65, 226),0 0 20px rgba(68, 65, 226),0 0 20px rgba(68, 65, 226),0 0 27px #1047b5,0 0 6px #1047b5;}



.ico_mic {color:rgba(0, 245, 255);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(68, 65, 226),0 0 20px rgba(68, 65, 226),0 0 20px rgba(68, 65, 226),0 0 27px #1047b5,0 0 6px #1047b5;}



.ico_admin {color: #19ff00;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255, 0, 0),0 0 0 rgb(255, 0, 0),0 0 10px rgb(255, 0, 0),0 0 28px rgb(255, 0, 0),0 0 30px rgb(255, 0, 0),0 0 10px rgb(255, 0, 0),0 0 150px rgb(255, 0, 0);}


.ico_mod {color:#D63A3B;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px rgb(255,255,255),0 0 28px rgb(17, 244, 255),0 0 30px rgb(17, 244, 255),0 0 10px rgb(17, 244, 255),0 0 150px rgb(17, 244, 255);}

.ico_vip {
color:rgba(255,255,255,1);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 40px #ff00de,0 0 70px #ff00de,0 0 80px #ff00de,0 0 100px #ff00de;}
.ico_user {color: #ffffff; animation: neon2 1.5s ease-in-out infinite alternate;}
.ico_radmin {color:#ff1a00;text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgb(0, 206, 255),0 0 20px rgba(239,175,79,1),0 0 20px rgba(221, 213, 43, 1),0 0 27px #548bd8,0 0 6px #548bd8,0 0 17px #548bd8,0 0 16px #ccc657;}

.ico_rmod {color:#ffffff;text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgb(255, 0, 0), 0 0 20px rgb(255, 0, 0), 0 0 20px rgb(255, 0, 0), 0 0 10px #ff0000;}
.ico_guest { color:#666; }
.is_muted { color:#d9534f; }
.is_room_muted { color:#f0ad4e; }
.boy { border-color:rgb(1, 120, 163); }
.girl { border-color:rgba(207, 43, 207, 0.76);}
.nosex { border-color:rgba(20, 20, 20, 0.6); }
.r_lock { color:#f0ad4e; }

.file_color, .file_color a { background:#f0ad4e; color:#fff; }
.audio_color { background:#27282b; color:#fff; }
.song_title { background:#404040; color:#fff; }
.audio_progress { background:#fff; }
.audio_ball { background:#f0ad4e; }

/* warning box */
.boom_warning { color:#8a6d3b; background:#fcf8e3; border:1px solid #faebcc; }
.boom_error { background:#f2dede; color:#a94442;; border:1px solid #ebccd1; }
.boom_success { color:#6a4860; background:#eed8f0; border:1px solid #e0c6e9; }
.boom_neutral { color:#606060; background:#e8e8e8; border:1px solid #d7d7d7; }

/* admin box */
.sp_box { background:rgba(0,0,0, 0.3); color:#f0ad4e; }

/* custom */
@media (max-width: 1261px) { #chat_left {    }
@media (max-width: 901px) { #chat_right {    );} }
#private_box{ z-index: 999;}
#private_input {	background: #23272f!important;top: -2px;padding: 2px !important;}
#wrap_footer{ bottom: -2px!important;}
.welcome_log {	background: rgba(0, 0, 0, 0.30);	color: #ffffff;}
#container_show_chat { border-bottom:1px solid rgba(0, 0, 0, 0.25); }
#intro_content_left, #pop_registration { color:#fff; }
#private_top { background:#27282b; color:#fff; }
#private_content { border-bottom:1px solid rgba(0, 0, 0, 0.25); }
#search_room { background:#fff; }
.sub_input { background:#fff; }
.my_profile_top .bellips { padding: 4px; overflow: visible; margin-left: -3px; border-radius: .4em; } 
.my_profile_top .bellips:after { position: absolute; left: 0; top: 65%; width: 0; height: 0; border: 14px solid transparent; border-right-color:rgb(122, 69, 159); border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.post_content { width: 96%!important; padding: 14px; overflow: visible; margin: 15px; position: relative; background: rgba(0, 0, 0, 0.4); border-radius: .4em; } 
.post_content:after { content: ''; position: absolute; top: 0; left: 10%; width: 0; height: 0; border: 12px solid transparent; .ch_logs.log2 .my_text:after{ content: ''; position: absolute; left: 0; top: 30px; width: 0; height: 0; border: 14px solid transparent; border-right-color: #39ba9d; border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.ch_logs .my_text { display:block; padding: 4px;	overflow: visible;	width: calc(100% - 25px) !important;	position: relative;	float: right; background: rgba(51, 70, 90, 0.8);	border-radius: .4em;	right: 5px;}
.ch_logs .my_text:after{ content: ''; position: absolute; left: 0; top: 30px; width: 0; height: 0; border: 14px solid transparent; border-right-color: #33465a; border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.fancybox-skin { background: rgba(0, 0, 0, 0.65)!important; }
.main_item { width: 45px; }
.saved_ok {	background-size: 40px 40px; border: 1px solid; background-color: rgba(97, 184, 50, 0.8)!important;  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);	border-color: rgba(143, 44, 161,  0.8); text-shadow: 0 1px 0 rgba(0, 0, 0, .5);	animation: animate-bg 5s linear infinite;	color: #fff; }
.saved_error{	background-size: 40px 40px; border: 1px solid; background-color: rgba(222, 67, 67, 0.8)!important;  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);	border-color: rgba(196, 61, 61, 0.8); text-shadow: 0 1px 0 rgba(0, 0, 0, .5);	animation: animate-bg 5s linear infinite;	color: #fff; }

/* animation */
@keyframes animate-bg {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -80px 0;
	}
}
@keyframes neon2 {
  from {
    text-shadow: 0 0 2px #444, 0 0 5px #444, 0 0 10px #444,  0 0 10px #909091, 0 0 20px #909091, 0 0 30px #909091, 0 0 39px #909091, 0 0 10px #909091;
  }
  to {
    text-shadow: 0 0 1px #444, 0 0 4px #444, 0 0 6px #444, 0 0 40px #909091, 0 0 8px #909091, 0 0 13px #909091, 0 0 14px #909091, 0 0 15px #909091;
  }
}
@keyframes neon3 {
  from {
    text-shadow: 0 0 2px #444, 0 0 5px #444, 0 0 10px #444,  0 0 10px #FF2323, 0 0 20px #FF2323, 0 0 30px #FF2323, 0 0 39px #FF2323, 0 0 10px #FF2323;
  }
  to {
    text-shadow: 0 0 1px #444, 0 0 4px #444, 0 0 6px #444, 0 0 40px #FF2323, 0 0 8px #FF2323, 0 0 13px #FF2323, 0 0 14px #FF2323, 0 0 15px #FF2323;
  }
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,#main_emoticon,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#notify_private {
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce, #notify_private{
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp, .my_mood{
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig,#main_emoticon {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight,#private_box, .small_modal_in, .large_modal_in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX, .chat_message  {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}


@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn,.ico_vip {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp, .chat_message.bcolor1 {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  }
}
@keyframes neon2 {
  from {
    text-shadow: 0 0 2px #444, 0 0 5px #444, 0 0 10px #444,  0 0 10px #228dff, 0 0 20px #228dff, 0 0 30px #228dff, 0 0 39px #228dff, 0 0 10px #228dff;
  }
  to {
    text-shadow: 0 0 1px #444, 0 0 4px #444, 0 0 6px #444, 0 0 40px #228DFF, 0 0 8px #228DFF, 0 0 13px #228DFF, 0 0 14px #228DFF, 0 0 15px #228DFF;
  }
}
@keyframes neon3 {
  from {
    text-shadow: 0 0 2px #444, 0 0 5px #444, 0 0 10px #444,  0 0 10px #FF2323, 0 0 20px #FF2323, 0 0 30px #FF2323, 0 0 39px #FF2323, 0 0 10px #FF2323;
  }
  to {
    text-shadow: 0 0 1px #444, 0 0 4px #444, 0 0 6px #444, 0 0 40px #FF2323, 0 0 8px #FF2323, 0 0 13px #FF2323, 0 0 14px #FF2323, 0 0 15px #FF2323;
  }