/* your custom style here */

p.giftheading {
	padding-bottom:5px;
	text-align:center;
	color:#20292f;
	font-size:17px
}

.gift-container {
	border:1px solid #ccc;
	text-align:center
}
div.gift-container:hover {
	border:1px solid #777
}
div.gift-container img {
	padding:10px 5px 5px;
	height:auto
}
div.gift-desc {
	padding:5px 3px;
	text-align:center;
	background:#260132;
	font-size:13px;
	color:#fff
}
.gift-responsive {
	padding:6px;
	float:left;
	width:25%
}
@media only screen and (max-width:700px) {
	.gift-responsive {
		width:33%;
		margin:6px 0
	}
}
@media only screen and (max-width:500px) {
	.gift-responsive {
		width:33%
	}
}
p.giftheading {
	padding-bottom:5px;
	text-align:center;
	color:#20292f;
	font-size:17px
}




.user_dj {
	background:url(/default_images/icons/on-live.gif) 50px 50px no-repeat;
	background-size:100px 50px;
	background-position:right;
	border:2px solid #fff!important;
	margin:1px
}




.social-icons-container .wp-icon{width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;vertical-align:middle;color:#fff;margin-right:5px;font-size:15px}.social-icons-container .fa-facebook{background:#3b5998}.social-icons-container .fa-linkedin{background:#0077b5}.social-icons-container .fa-twitter{background:#1da1f2}.social-icons-container .fa-instagram{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow:0 3px 10px rgba(0,0,0,.25)}.social-icons-container .fa-google-plus{background:#d04338}.social-icons-container .fa-youtube{background:red}.social-icons-container .fa-pinterest{background:#bd081c}
.Speed{animation:zoom-in-zoom-out 3s cubic-bezier(.4,0,1,1) infinite;background-size: cover;}
@keyframes zoom-in-zoom-out{
0%{transform:scale(1,1)}
50%{transform:scale(1.1,1.1)}
100%{transform:scale(1,1)}
}
.blisting{border-bottom:2px solid rgb(0,0,0,.08);background:#f3f3f300;border-radius:5px;margin:1px 0;padding:11px}
.blisting:hover{background:rgb(0,0,0,.05)}








.room-writings-layout {
  position: absolute;
  max-width: 100%;
  overflow-x: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding-bottom: -1px;
  white-space: nowrap;
}
.room-writing {
  display: inline-block;
  background: rgb(0 0 0 / 50%);
  border-radius: 5px;
  font-size: 0.7rem;
  padding: 2px 3px;
  margin-left: 1px;
}
.writing-dot {
  margin-left: 2px;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0;
  animation: wave_yazanlar 0.8s linear infinite;
}
.writing-dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.writing-dot:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.room-writing .writing-dot {
  background: #fff;
}
@keyframes wave_yazanlar {
	0%,100%,60% {
		transform:initial
	}
	30% {
		transform:translateY(-5px)
	}
}




.topic_log {
    background: rgba(255, 255, 255, 0.05); 
    padding: 20px; 
    border-radius: 10px; 
    font-family: Arial, sans-serif; 
    color: #fff; 
    max-width: 600px; 
    margin: 20px auto; 
    text-align: center; 
    box-shadow: 0px 0px 15px rgba(0, 255, 170, 0.5), inset 0px 0px 10px rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease-in-out;
}

#topic_close {
    color: #ff0073;
    font-size: 1.5em;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 2px;
    transition: color 0.3s ease;
}
#topic_close:hover {
    color: #ff66a9;
}

#topic_log_img {
    height: 45px;
    border-radius: 50%;
    border: 2px solid #581cf2;
    margin-bottom: 15px;
}

.topic_log_content {
    font-family: monospace;
    font-weight: 700;
    font-size: 1.0rem;
    color: #ffffff;
    margin-top: -50px;
    text-shadow: 0px 0px 5px rgb(16 0 255) !important;
}

.main_topic_log {
    padding: 101px;
    height: fit-content;
    background: linear-gradient(135deg, #1c1c1c, #2d2d2d);
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgb(255 255 255 / 50%), inset 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.ui.segment {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 0px 10px rgb(255 255 255 / 30%), inset 0px 0px 10px rgba(0, 0, 0, 0.6);
    padding: 0.7rem;
    width: 96%;  
    height: 200px; 
    color: #ffffff;
    margin: 10px auto; 
    text-align: center; 
    vertical-align: middle; 
    display: table; 
}



.ui.ribbon.label {
    background-color: #581cf2;
    padding: 0.5em 1.5em;
    border-radius: 0.5em 0.5em;
    color: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 5px rgb(255 255 255);
}

.ui.ribbon.label:after {
    content: ''; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    border-style: solid; 
    border-width: 0 1em 1em 0; 
    border-color: transparent; 
    border-right-color: #1c54f2;
}

.ui.label {
    background-color: #1c1c1c; 
    padding: 0.6em 1em; 
    color: #00ffae; 
    font-weight: bold; 
    border: 2px solid #000000; 
    border-radius: 0.3em; 
    transition: background 0.2s ease;
    box-shadow: 0px 0px 10px rgb(255 255 255 / 50%);
}

a.ui.label {
    cursor: pointer; 
    color: #00ffae;
    text-decoration: none;
}
a.ui.label:hover {
    background-color: #00ffae; 
    color: #1c1c1c;
}
@media (max-width: 680px) {
	.topic_log_content {
	margin-top:-50px;
  }
}

@media (max-width: 580px) {
	.topic_log_content {
	margin-top:-48px;
  }
}


@media (max-width: 380px) {
	.ui.segment {
	margin-top:4px;
  }
}




[class~=room-selection-item] {
	padding-left:.166666667in
}
.category-rooms .room-selection-item:hover .room-selection-title {
	color:#414141
}
[class~=room-selection-item] {
	padding-bottom:.5pc
}
[class~=room-selection-item] [class~=room-selection-title] {
	font-size:1rem
}
[class~=room-selection-item] {
	padding-right:.166666667in
}
[class~=room-selection-item] {
	padding-top:.5pc
}
[class~=room-selection-item] {
	cursor:pointer
}
[class~=room-selection-item] {
	font-size:.8rem
}
[class~=room-selection-item] {
	border-radius:.25rem
}
[class~=room-selection-item] [class~=room-selection-title] {
	color:#fff
}
[class~=room-selection-item] {
	margin-left:3.75pt
}
[class~=room-selection-item] {
	margin-bottom:6pt
}
[class~=room-selection-item] {
	margin-right:3.75pt
}
[class~=room-selection-item] {
	margin-top:6pt
}
[class~=room-selection-item] {
	border-left-width:.03125in
}
[class~=room-selection-item] {
	border-left-style:solid
}
[class~=room-selection-item]:hover [class~=room-selection-button],[class~=room-selection-item],[class~=dark] [class~=room-selection-button] {
	border-bottom-style:solid
}
[class~=room-selection-item] {
	border-right-style:solid
}
[class~=room-selection-item] {
	border-top-style:solid
}
[class~=room-selection-item] {
	border-left-color:#fff
}
[class~=room-selection-item] {
	border-bottom-color:#fff
}
[class~=room-selection-item] {
	border-right-color:#fff
}
[class~=room-selection-item] {
	border-top-color:#fff
}
[class~=room-selection-item] {
	border-image:none
}
[class~=dark] [class~=room-selection-button] {
	border-bottom-color:rgba(33,150,243,.06)
}
[class~=room-selection-item] {
	position:relative
}
[class~=room-selection-item] {
	overflow:hidden
}
.room-selection-button,.room-selection-button-icon {
	position:absolute;
	right:0
}
.room-selection-button-icon,.room-selection-button {
	top:0
}
[class~=room-selection-item]:hover [class~=room-selection-button] {
	border-bottom-color:#2196f3
}
.room-selection-button-icon,.room-selection-button {
	bottom:0
}
.room-selection-button-icon {
	width:17pt;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#2196f3
}
[class~=dark] [class~=room-selection-button],[class~=room-selection-item]:hover [class~=room-selection-button] {
	border-image:none
}
.room-selection-content {
	font-size:.7rem;
	color:#fff
}
.room-selection-button {
	width:50px;
	height:100%
}
.room-selection-item:hover .room-selection-button-icon {
	color:#fff
}
.room-selection-button {
	background:0
}
.room-selection-button {
	box-sizing:border-box
}
[class~=dark] [class~=room-selection-item] [class~=room-selection-title] {
	color:hsla(0,0%,100%,.67)
}
.room-selection-button {
	border-left-width:.3125in
}
[class~=category-rooms] [class~=room-selection-item]:hover,.room-selection-button {
	border-left-style:solid
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-left-width:2.25pt
}
.room-selection-button {
	border-left-color:transparent
}
.room-selection-button {
	border-image:none
}
.room-selection-button {
	border-bottom-width:52.5pt
}
.room-selection-button,[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-style:solid
}
.room-selection-button {
	border-bottom-color:rgba(0,0,0,.04)
}
.yenirooms_roomlist_bilgi,[class~=yenirooms_roomlist_resim] {
	display:table-cell
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-width:.75pt
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-width:.75pt
}
.yenirooms_roomlist_bilgi,[class~=yenirooms_roomlist_resim] {
	vertical-align:middle
}
[class~=yenirooms_roomlist_resim] {
	width:20pt;
	height:30px
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-width:.75pt
}
[class~=yenirooms_roomlist_resim] {
	border-radius:50%
}
[class~=room-selection-item] [class~=room-selection-title] i {
	display:inline
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-style:solid
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-style:solid
}
[class~=yenirooms_roomlist_resim] {
	margin-right:7.5pt
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-left-color:rgba(0,0,0,.2)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-color:rgba(0,0,0,.13)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-color:rgba(0,0,0,.13)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-color:rgba(0,0,0,.13)
}
[class~=room-selection-item] [class~=room-selection-title] i {
	font-size:.8rem
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-image:none
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	background:rgba(0,0,0,.02)
}





.back_input {
    background: #fff;
    border-top: 0;
}
.cmain_item{
	width: 65px;
}
#submit_button {
    width: 100%;
    float: left;
    height: 100% !important;
    box-shadow: none !important;
    padding: 4px;
    border: none !important;
    font-size: 13px;
}
button {
    border: none;
    outline: none !important;
    cursor: pointer;
}






.ok_btn2 {
	background: linear-gradient(169deg, rgb(124 140 143) 0%, rgb(71 71 70) 51%, rgb(51 51 51) 100%);
	color: #ffffff;
	border: 2px solid #000;
	box-shadow: inset 0 0 36px -7px #000;
}
#soz_id {position: absolute;z-index: 12;width: 100%;
}
#sozgecis_text {vertical-align: top;position: absolute;margin-left: 2px;margin-top: -9px;
}
.soz_menu {
	display:table-cell;
	vertical-align:middle;
	width:20px;
	text-align:center;
	font-size:13px
}


@keyframes rotate-center{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.avatar_private,.chat_avatar{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}
.orti{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
@-webkit-keyframes heartbeat{
from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}



/* your custom style here */

.section_quarter { padding:25px 0; }
.quarter { width:25%; float:left; padding:30px 15px; }
.icon_quarter { font-size:100px; }


@media screen and (max-width:940px){
	.quarter { width:50%; }
}
@media screen and (max-width:640px){
	.quarter { width:100%; }
}



.right-toggle {
    position: absolute;
    top: 45%;
    right: 280px;
    width: 30px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    z-index: 10;
    cursor: pointer;
    transform: translateY(-44%);
    background: #00000047;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: rgba(0,0,0,.5) 0 0 0 , rgba(0,0,0,.1) 0 1px 6px;
}

.right-toggle {
		right: 0px;
	}
	#room_list_custom {
		margin-left: 26px;
	}
}