/* general colors */
a {color:#00f7ff;}
body {color: rgb(255, 255, 255);	
background-color: rgb(255, 255, 255, 0.1);	
background-image: url(images/background.jpg);	
width: 100%;
height: 90vh;
background-position: center 0;	
background-repeat: no-repeat;
background-attachment: fixed;
background-size:  cover;}

button { background:transparent; color:#fff; }
input, textarea, .post_input_container {
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 4px!important;
	color: #ffffff !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;

}
body #content, body #message_content{border-radius: 4px!important;}
/* intro */
.opacity_box { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(51, 66, 17);}
#intro_section_user { color: rgb(127, 165, 42);	
background-color: transparant;	
background-position: center 0;	
background-repeat: no-repeat;background-size: 100% auto; }

/* back mains colors */
.back_theme { background: transparant; color:#fff; }
.back_dark { background:rgb(1, 120, 163); color:#fff; }
.cookie_wrap { background: rgba(17, 23, 16, 0.9);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(51, 66, 17);}
.pad_box { color: rgb(225, 225, 225); 
background-color: transparant;

background-position: center 0;
background-repeat: no-repeat;background-size: 100% auto; }

/* button colors */
.theme_btn { background: #0099ff; color: #fff;}
.default_btn { background: #025f9e; color:#fff; }
.join_btn { background:rgb(127, 165, 42); color:rgb(0, 0, 0); }
.dark_selected { background:#0099ff; color:#fff; }
.ok_btn { background:rgb(0, 153, 255); color:#fff; }
.warn_btn { background:#f0ad4e; color:#fff; }
.delete_btn { background:#cc0000; color:#fff; }
.not_member { background:#000; color:#7fa52a; }
#submit_button { background:#0099ff; background-clip: padding-box; border-radius: 50%; height: 50px; min-width: 0;overflow: hidden;width: 41px; position: absolute; right: 10%; top: 0; }
#message_send{ background: #0388c9; border-radius: 50%; height: 30px; overflow: hidden; width: 40px; }
#submit_button i{left: -2px; top: -1px; position: relative; }
#private_top, #private_send { background: rgb(0, 0, 0, 0.4)!important; }
/* input option background colors */
.input_item { color:#0099ff; }

/* background colors */
.profile_close {color:#fff!important;}
/*.my_profile_top .p_item, .admin_profile_top .p_item{ float: none!important; padding: 0!important;}*/
.my_profile_top, .admin_profile_top {background-image: url(images/background.jpg);
background-position: center;
background-repeat: no-repeat;background-size: 100% auto; color:#fff!important;}
.background_header, .top_background, .panel_top, .emo_head, .modal_top { background: rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
.chat_head { background-color: rgba(255, 255, 255, 0.1); }
.chat_footer { text-shadow: 0 0 6px #000; background: rgba(0, 0, 0, 0.3);
border-top: 1px solid rgba(0, 0, 0, 0.4);  }
.background_box {	color: #ccc;	background-color: rgba(0,0,0, 0.5);	}

/*
.p_data {	background: #23272f;	border: 1px solid #f3efcc; text-align: center; width: 40px !important;	padding: 5px;	border-radius: 4px; }
*/

/* modal */
.modal_menu { background: #0099ff; color: rgb(255, 255, 255); }
.modal_selected { background:rgba(8, 8, 8, 0.46); color:#fff; }
.modal_back { background-color:rgba(255, 255, 255, 0.18); }

/* mod */
.mod_selected { color:#7fa52a; }
/* tab menu */
.tab_menu { background:background: rgb(1, 120, 163);color: rgb(255, 255, 255); }
.tab_selected { background:#025f9e; color:#fff; }

/* menu icon */
.menu_icon, .menui, .pagemenui { color:rgb(0, 153, 255); }

/* outside menu */
.sub_menu_item, .avitem { border-bottom:1px solid #666; background:rgba(0, 0, 0, 0.89); color:#0099ff; }
.sub_menu_item:hover, .sub_menu_item:hover > .sub_menu_icon, .avitem:hover { background:#025f9e; color:#fff; }

/* inside menu */
.elem_in, .aclist, .left_drop_item, .status_option, .page_drop_item  { border-top:1px solid rgba(0, 0, 0, 0.30) }
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .status_option:hover, .page_drop_item:hover { background:rgba(0, 0, 0, 0.12); }


/* page menu */
.pmenu{ border-bottom:1px solid rgba(0, 0, 0, 0.15); }
.page_menu_item:hover, .page_menu_item:hover > .page_menu_icon { background:rgba(2, 95, 158, 0.72); color:#0099ff; }
.page_selected { color:#0099ff !important; }

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

/* logs color private and main chat */

.target_private {color:#fff; background-color: rgb(2, 95, 158); border-color: rgba(52,73,94, 88); }
.target_private a { color:#f0ad4e; }
.hunter_private {color:#fff; background-color: rgb(0, 153, 255); border-color: rgb(127, 165, 42); }
.hunter_private a { color:#fff; }

/* text color  & date */
.sub_text, .date, .room_center, .cdate, .cclear { color:#0099ff; }
.input_text, .delete_log, .logs_date, .report_log, .pdate, .ptdate { text-shadow: 0 0 1px #000; color:#CEE77F; }
.theme_color { color: #0099ff; }
.liked   { color:#60F113;}
.unliked  { color:rgb(228, 80, 0);}
.default_color { color: #0099ff; }
.user_count  { background: rgba(0,0,0, 0.08); }
.my_notice { text-shadow: 0 0 5px #00ffff; color:#fff; font-weight:bold;}
.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:rgba(17, 23, 16, 0.72); color:#666; border:1px solid #ccc; }
.bustate { color: #fff; }
.my_name, .text_small { text-shadow: 0 0 6px #111; }

/* notification colors */
.bnotify { background: #fff; color:#ff0000; }

/* elements */ 
.element_color, #private_box, .chat_side_panel,
#side_menu, .modal_in, .player_options, .page_element, .page_menu ul { background: rgba(2, 95, 158, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(0, 153, 255);}
.room_content{ background:rgba(0, 0, 0, 0.4); 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 #344}

/* no view elements */
.noview { background:rgba(0, 0, 0, 0.25); border-bottom:1px solid rgba(0, 0, 0, 0.25); }

/* borders css */
.border_right { border-right:1px solid rgba(0, 0, 0, 0.25); }
.border_left { border-left:1px solid rgba(0, 0, 0, 0.25); }

#chat_left { text-shadow: 0 0 6px #000; background: rgba(2, 2, 2, 0.19); color: rgba(0, 153, 255 ); }
#chat_right {text-shadow: 0 0 6px #000; background: rgba(2, 2, 2, 0.29); color: rgba(255, 255, 255 ); }

.border_bottom, .panel_bar, .status_list li, .post_element, .news_element, .box_title  { border-bottom:1px solid rgba(0, 0, 0, 0.25); }
.border_top, .list_element, .gprofile_element  { border-top:1px solid rgba(0, 0, 0, 0.25); }
.full_border { border:1px solid rgba(0, 0, 0, 0.25); }

/* list element */
.background_reply { background:rgba(0, 0, 0, 0.25); color:#CEE77F; 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(17, 23, 16, 0.72); }

/* slider */
.boom_slider .ui-widget-content { background: rgba(17, 23, 16, 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: #fff !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(1, 120, 163)!importantmportant; } /* background selected hover */
.selectboxit-options { background:rgb(27, 36, 27) !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:rgba(207, 207, 207, 0.32); }
.chat_system { color:rgba(207, 207, 207, 0.52); }

/* status color */
.away { color:#333; }
.absent { color:#ffd11a; }
.gone { color:#d9534f; }
.online { color:#7fa52a; }
.gaming { color:#f0ad4e; }
.eating { color:#666; }
.invisible { color:#7fa52a; }

/* list icon colors */
.ico_owner { text-shadow: 0 0 5px #00ffff; color:#fff; font-weight:bold;}
.ico_sadmin { color: #fde;animation: neon2 1.5s ease-in-out infinite alternate;}

.ico_admin {color:rgba(247,247,89,1);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(255,153,0,1),0 0 20px rgba(239,175,79,1),0 0 20px rgba(255,255,0,1),0 0 27px #ffff00,0 0 6px #ffff00,0 0 17px #ffff00,0 0 16px #e2e23b;}

.ico_mod {color:#222;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,17,119),0 0 28px rgb(255,17,119),0 0 30px rgb(255,17,119),0 0 10px rgb(255,17,119),0 0 150px rgb(255,17,119);}

.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_bot { color:#888; }
.ico_radmin {color: #fde;animation: neon3 1.5s ease-in-out infinite alternate;}
.ico_dj {color: #296BEE; animation: neon2 1.5s ease-in-out infinite alternate;}
.ico_user {color: #ffffff; animation: neon2 1.5s ease-in-out infinite alternate;}
.ico_rmod {color: #dfe; animation: neon2 1.5s ease-in-out infinite alternate;}
.ico_guest { color:#666; }
.is_muted { color:#d9534f; }
.is_room_muted { color:#f0ad4e; }
.boy { border-color:rgb(1, 113, 152); }
.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:#025f9e; color:#fff; }
.audio_color { background:#23272f; color:#fff; }
.song_title { background:#03647d; color:#fff; }
.audio_progress { background:#fff; }
.audio_ball { background:#7fa52a; }

/* 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:#3c763d; background:#dff0d8; border:1px solid #d6e9c6; }
.boom_neutral { color:#31708f; background:#d9edf7; border:1px solid #bce8f1; }

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

/* custom 
.login_sub_text, .login_title_text, .login_register_text  { text-shadow:1px 1px 1px #666; }
*/

/* custom */
@media (max-width: 1261px) { #chat_left {    background: rgb(20, 24, 19);}}
@media (max-width: 901px) { #chat_right {    background: rgb(20, 24, 19);}}
#wrap_footer{ bottom: -2px!important;}
.welcome_log {	background: rgba(0, 0, 0, 0.30);	color: #0099ff;}
#container_show_chat { border-bottom:1px solid rgba(0, 0, 0, 0.25); }
#intro_content_left, #pop_registration { color:#fff; }
#private_box{ z-index: 999;}
#private_input {	background: #333!important;top: -2px;padding: 2px !important;}
#private_top { background:rgb(0, 0, 0, 0.4); 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: 15px; position: relative; background: rgb(2, 95, 158); border-radius: .4em; } 
.my_profile_top .bellips:after { content: ''; position: absolute; left: 0; top: 65%; width: 0; height: 0; border: 14px solid transparent; border-right-color: rgb(2, 95, 158); border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.post_content { width: 96%!important; padding: 10px; overflow: visible; margin: 6px; position: center; background: rgba(0, 0, 0, 0.4); border-radius: .3em; } 
.post_content:after { content: ''; position: absolute; top: 0; left: 10%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.4); border-top: 0; border-left: 0; margin-left: -16px; margin-top: -12px; }
.ch_logs {border-bottom: 0px solid #111 !important;border-top: 1px solid rgba(72, 70, 70, 0.34)); background: transparent; text-shadow: 0 0 6px rgb(0, 0, 0);}
.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(85, 161, 44, 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; }

/* animatie */
@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 #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;
  }
}
@charset "UTF-8";


.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .ch_logs.bcolor33 .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;
}

#main_emoticon { background: #111;}

@-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;
}

.slideInUp, .chat_message.bcolor33 {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

\\\\\ custom code \\\\\

/* ON-AIR & NOW PLAYING EFFECTS */

.onair {
  font-family: onair;
  color: #FB4264;
  font-size: 14px;
  line-height: 1vw;
  text-shadow: 0 0 1vw #F40A35;
}

.flux {
  font-family: onair;
  color: #426DFB;
  font-size: 14px;
  line-height: 1vw;
  text-shadow: 0 0 1vw #2356FF;
}

.onair {
  animation: onair 1s ease infinite;
  -moz-animation: onair 1s ease infinite;
  -webkit-animation: onair 1s ease infinite;
}

@keyframes onair {
  0%,
  100% {
    text-shadow: 0 0 1vw #FA1C16, 0 0 1vw #FA1C16, 0 0 10vw #FA1C16, 0 0 1vw #FA1C16, 0 0 .1vw #FED128, .1vw .1vw .1vw #806914;
    color: #FED128;
  }
  50% {
    text-shadow: 0 0 .1vw #800E0B, 0 0 1vw #800E0B, 0 0 1vw #800E0B, 0 0 1vw #800E0B, 0 0 .1vw #800E0B, .1vw .1vw .1vw #40340A;
    color: #806914;
  }
}

.flux {
  animation: flux 2s linear infinite;
  -moz-animation: flux 2s linear infinite;
  -webkit-animation: flux 2s linear infinite;
  -o-animation: flux 2s linear infinite;
}

@keyframes flux {
  0%,
  100% {
    text-shadow: 0 0 1vw #1041FF, 0 0 1vw #1041FF, 0 0 1vw #1041FF, 0 0 1vw #1041FF, 0 0 .1vw #8BFDFE, .1vw .1vw .1vw #147280;
    color: #28D7FE;
  }
  50% {
    text-shadow: 0 0 .1vw #082180, 0 0 1.5vw #082180, 0 0 1vw #082180, 0 0 1vw #082180, 0 0 .1vw #082180, .1vw .1vw .1vw #0A3940;
    color: #146C80;
  }
}

 /* special color */
	.reclame  { text-shadow: 0 0 5px #fff; color:#fff; font-weight:bold;}
	.neononline { color: #00ff40;animation: neon2 1.5s ease-in-out infinite alternate;}
	.neonoffline { color: #fde;animation: neon3 1.5s ease-in-out infinite alternate;}
	.in_room_element { color: #0099ff; }	
	.welc { color:#fff; text-decoration: none; background:#03add8; padding:3px 10px; display:inline-block; line-height:1em; margin-top:2px; border-radius:20px; font-weight:normal; }

    .bcolor25 {color:rgba(247,247,89,1);text-decoration:normal;text-align:center;-o-text-overflow:clip;text-overflow:clip;white-space:pre;text-shadow:0 0 10px rgba(255,153,0,1),0 0 20px rgba(239,175,79,1),0 0 20px rgba(255,255,0,1),0 0 27px #ffff00,0 0 6px #ffff00,0 0 17px #ffff00,0 0 16px #e2e23b;}
    .bcolor26 {
    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;} 
	.bcolor27 { text-shadow: 0 0 5px #00ffff; color:#fff; font-weight:bold;}  
    .bcolor28 { color: #CEE77F; font-weight:bold;}
	.bcolor29 { color: #CEE77F; font-weight:bold; font-size:20px;}
    .bcolor30{color:#32CD32;-webkit-animation:colorchangeadmin 10s infinite alternate}@-webkit-keyframes colorchangeadmin{0%{color:#CEE77F}30%{color:#32cd32}60%{color:#CEE77F}90%{color:#CEE77F}100%{color:#32cd32}}	 	
	.bcolor31{color:red;-webkit-animation:colorchangeadmin 15s infinite alternate}@-webkit-keyframes colorchangeadmin{0%{color:red}30%{color:#3c3}60%{color:#8000ff}90%{color:#ffb31a}100%{color:#3cc}}	

	.bcolor33 { color: #CEE77F; font-weight:bold; font-size:14px; font-family: "Comic Sans MS", "Comic Sans", cursive;}
	
	.bcolor32 { background:url('../../../default_images/6c.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    font-family:'sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif; font-size:14px; width:100%; height:100%;';
    color:transparent;
    -webkit-font-smoothing:antialiased;
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:0;
    -webkit-animation:BackgroundAnimated 15s linear infinite;
    -moz-animation:BackgroundAnimated 15s linear infinite;
    -ms-animation:BackgroundAnimated 15s linear infinite;
    -o-animation:BackgroundAnimated 15s linear infinite;
    animation:BackgroundAnimated 15s linear infinite;
}
    @keyframes BackgroundAnimated {
    from {
        background-position:0 0
    }
    to {
        background-position:100% 0
    }
}
    @-webkit-keyframes BackgroundAnimated {
    from {
        background-position:0 0
    }
    to {
        background-position:100% 0
    }
}
@-moz-keyframes BackgroundAnimated {
    from {
        background-position:0 0
    }
    to {
        background-position:100% 0
    }
}
\\\\ end of costom code /////