@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

html {
	--tp-color-50: #84878d;
	--tp-color-100: #f7f8f9;
	--tp-color-200: #edeff2;
	--tp-color-300: #e5e7eb;
	--tp-color-400: #d1d5db;
	--tp-color-500: #3d4249;
	--tp-color-600: #303439;
	--tp-color-700: #272a2e;
	--tp-color-800: #1e1f21;
	--tp-color-red: #de3f3f;
	--tp-color-blue: #326cec;
	--tp-color-green: #1fc15b;
	--tp-color-green2: #169b47;
	--tp-color-green3: #1d7a41;
	--tp-color-yellow: #bc8c27;
	--tp-color-cyan: #3a80f3;
	--tp-color-indigo: #6610f2;
	--tp-color-purple: #6f42c1;
	--tp-color-pink: #d63384;
	--tp-color-orange: #fd7e14;
	--tp-color-teal: #20c997;
	--tp-color-gradient: linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}

html.dark {
	--tp-color-50: #afb3b8;
	--tp-color-100: #111827;
	--tp-color-200: #1f2937;
	--tp-color-300: #374151;
	--tp-color-400: #4b5563;
	--tp-color-500: #d1d5db;
	--tp-color-600: #e5e7eb;
	--tp-color-700: #f3f4f6;
	--tp-color-800: #f9fafb;
	--tp-color-red: #de3f3f;
	--tp-color-blue: #326cec;
	--tp-color-green: #1fc15b;
	--tp-color-green2: #169b47;
	--tp-color-green3: #1d7a41;
	--tp-color-yellow: #e1b04a;
	--tp-color-cyan: #3a80f3;
	--tp-color-indigo: #6610f2;
	--tp-color-purple: #6f42c1;
	--tp-color-pink: #d63384;
	--tp-color-orange: #fd7e14;
	--tp-color-teal: #20c997;
	--tp-color-gradient: linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}

html.black {
	--tp-color-50: #afb3b8;
	--tp-color-100: #000;
	--tp-color-200: #0c0c0d;
	--tp-color-300: #141516;
	--tp-color-400: #242526;
	--tp-color-500: #fafafa;
	--tp-color-600: #f4f4f5;
	--tp-color-700: #e4e4e7;
	--tp-color-800: #d4d4d8;
	--tp-color-red: #de3f3f;
	--tp-color-blue: #326cec;
	--tp-color-green: #1fc15b;
	--tp-color-green2: #169b47;
	--tp-color-green3: #1d7a41;
	--tp-color-yellow: #e1b04a;
	--tp-color-cyan: #3a80f3;
	--tp-color-indigo: #6610f2;
	--tp-color-purple: #6f42c1;
	--tp-color-pink: #d63384;
	--tp-color-orange: #fd7e14;
	--tp-color-teal: #20c997;
	--tp-color-gradient: linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}

@media only screen and (min-width: 962px) {
	body.master .main-content {
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		flex-direction: row;
	}

	body.master .m-main {
		width: 66.6%;
		margin-right: 15px;
	}

	body.master .s-main {
		width: 33.3%;
	}

	body.default .main-content {
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		flex-direction: column;
		min-height: 20px;
		margin-bottom: 20px;
		background-color: var(--tp-color-200);
		border: 0;
		border-radius: 10px;
		width: 100%;
	}

	.contents {
		display: flex;
	}

	body.master .contents {
		display: flex;
		flex-direction: column;
	}

	body.default .defaultcontent {
		width: 100%;
	}

	body.default .icon-content {
		display: flex;
		margin-right: 15px;
		margin-left: 28px;
		margin-bottom: 10px;
		flex-direction: column;
		width: 50%;
	}

	body.master .icon-content {
		display: flex;
		justify-content: space-between;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 1px;
	}

	.platformlar {
		background: var(--tp-color-400);
		width: 50%;
		padding: 20px;
		border-radius: 10px;
		font-size: 16px;
		text-align: center;
		color: var(--tp-color-800);
		font-weight: 500;
	}

	.feature {
		display: flex;
		margin-top: 24px;
		justify-content: center;
	}

	.feature .col-md-4 {
		background: var(--tp-color-100);
		border-radius: 10px;
		width: 25.4%;
		padding: 20px;
		margin: 20px;
	}

	.homediv {
		display: flex;
		color: var(--tp-color-50);
		margin-bottom: 13px;
	}

	.guncellemebox {
		display: flex;
		padding: 4px 8px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 7px;
		justify-content: space-between;
		height: 100%;
		align-items: center;
	}

	.guncellemename {
		width: 60%;
	}

	.guncelleme-text {
		color: white;
	}

	.guncelleme-text span {
		border-radius: 10px;
		font-weight: 600;
	}

	.guncelleme-date {}

	.homeimgcenter {
		margin-top: -304px;
	}

	.home-box-2 img {
		height: 447px;
		margin-bottom: 35px;
	}

	.home-box-3 img {
		width: 85%;
		margin-bottom: 35px;
	}

	.siteslogan {
		font-weight: 400;
		font-size: 21px;
		margin-bottom: 44px;
		text-align: center;
		width: 700px;
		color: var(--tp-color-500);
	}

	.homebottom {
		display: flex;
		width: 100%;
		margin-top: -40px;
		justify-content: center;
		color: white;
	}

	.categorymenu {
		background: var(--tp-color-200);
		border-radius: 10px;
		max-height: 0;
		opacity: 1;
		display: none;
		transition: all 0.4s;
		position: absolute;
		right: 0;
		left: 0;
		padding-bottom: 0;
		margin-top: 6px;
		border: 1px solid var(--tp-color-300);
		box-shadow: 0 0 15px 0 #00000024;
	}

	.categorymenu.active {
		max-height: 342px;
		opacity: 1;
		display: block;
		transform: scale(1) translateX(0);
		transition: all 0.4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
	}

	.servicename {
		display: flex;
		font-size: 16px;
		font-weight: 400;
		align-items: center;
		text-align: left;
	}

	.categorylist {
		max-height: 276px;
		border-radius: 0 0 16px 13px;
		overflow-x: auto;
	}

	.servicesmenu {
		background: var(--tp-color-200);
		border-radius: 18px;
		max-height: 0;
		opacity: 1;
		display: none;
		transition: all 0.4s;
		position: absolute;
		right: 0;
		left: 0;
		padding-bottom: 0;
		margin-top: 6px;
		border: 1px solid var(--tp-color-300);
		box-shadow: 0 0 15px 0 #00000024;
	}

	.servicesmenu.active {
		max-height: 342px;
		opacity: 1;
		display: block;
		transform: scale(1) translateX(0);
		transition: all 0.4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
	}

	.servicesname {
		display: flex;
		font-size: 16px;
		font-weight: 400;
		align-items: center;
	}

	.serviceslist {
		max-height: 276px;
		border-radius: 0 0 16px 13px;
		overflow-x: auto;
	}

	.srcsp {
		font-size: 12px;
		color: var(--tp-color-500);
		margin-right: 15px;
		font-weight: 400;
	}

	body.default .servicebox {
		background: var(--tp-color-200);
		padding: 5px 10px 6px;
		color: var(--tp-color-600);
		border-radius: 0;
		border: 0;
		border-bottom: 2px solid var(--tp-color-300);
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
		transition: 0.2s ease;
	}

	body.default .servicebox:hover {
		background: var(--tp-color-300);
	}

	.servicebox {
		background: var(--tp-color-200);
		padding: 7px;
		color: var(--tp-color-600);
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}

	.searbox {
		display: flex;
		align-items: flex-end;
	}

	.catebox {
		z-index: 99999999;
		position: relative;
		width: 30%;
	}

	.catebox.active {
		width: 50%;
	}

	.sertop {
		font-weight: 300;
		display: flex;
	}

	.serbottom {
		display: flex;
		font-weight: 300;
	}

	.serbottom span {
		font-weight: 500;
		font-size: 12px;
	}

	.serbox {
		display: flex;
		padding: 3px 7px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 5px;
		justify-content: space-between;
		align-items: center;
	}

	.serfavboxma {
		padding: 3px 7px;
	}

	.serfavboxmo {
		display: none;
	}

	.serleft {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	.serright {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.ordrleft {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	.ordrright {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		justify-content: space-between;
	}

	.ordrprice {
		border-radius: 7px;
		background: var(--tp-color-300);
		padding: 3px 9px;
		margin-bottom: 5px;
		font-weight: 500;
	}

	.ordrtop {
		font-weight: 400;
		display: flex;
		margin-bottom: 5px;
	}

	.ordrname {
		display: flex;
		align-items: center;
	}

	.ordrbutton .m-btn {
		padding: 7px 13px;
		font-size: 12px;
	}

	.ordrname span {
		padding: 2px 5px;
		background: var(--tp-color-300);
		border-radius: 5px;
		margin-right: 5px;
		font-weight: 700;
	}

	.ordrbottom {
		display: flex;
		font-weight: 400;
		flex-direction: column;
	}

	.ordrbottom span {
		font-weight: 300;
		font-size: 14px;
	}

	.ordrbottom span a {
		font-weight: 900;
		color: var(--tp-color-500);
	}

	.ordrbox {
		display: flex;
		padding: 7px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 7px;
		justify-content: space-between;
		height: 100%;
	}

	.ordright {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.paymentlist {
		display: flex;
		width: 100%;
		gap: 7px;
		flex-wrap: wrap;
		margin-bottom: 10px;
		flex-direction: column;
	}

	.bkybox {
		display: flex;
		padding: 10px;
		background: var(--tp-color-200);
		border-radius: 10px;
		font-size: 12px;
		border: 1px solid var(--tp-color-300);
		justify-content: space-between;
		align-items: center;
	}

	.bkybox.active {
		border: 1px solid var(--tp-color-500);
	}

	.bkyname {
		font-weight: 600;
		font-size: 14px;
	}

	.bkybottom {
		display: flex;
		justify-content: space-between;
	}

	.destekbox {
		display: flex;
		border: 0;
		font-size: 12px;
		border-radius: 10px;
		min-height: 100%;
		justify-content: space-between;
	}

	.accountdiv {
		display: flex;
		justify-content: space-between;
	}

	.toplogo img {
		width: 130px;
	}

	.verifyscreen {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		z-index: -1;
		align-items: center;
	}

	.verfycontent {
		margin-bottom: 20px;
		text-align: -webkit-left;
		margin-top: 20px;
		width: 400px;
	}

	.w500 {
		width: 500px;
	}

	.refstatslist {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}

	.refstats {
		margin-bottom: 10px;
		background-color: var(--tp-color-200);
		border: 0;
		border-radius: 7px;
		text-align: center;
		display: flex;
		width: 24%;
		padding: 10px;
		border: 1px solid var(--tp-color-300);
		justify-content: space-between;
	}

	.buybtn {
		position: fixed;
		bottom: 73px;
		display: flex;
		text-align: center;
		left: 0;
		right: 0;
		color: white;
		justify-content: center;
		transform: translateY(500px);
		transition: 0.3s ease;
	}

	.buybtn.active {
		position: fixed;
		bottom: 73px;
		display: none;
		text-align: center;
		left: 0;
		right: 0;
		color: white;
		justify-content: center;
		transform: translateY(0px);
	}

	.topmenu {
		color: var(--tp-color-500);
		padding: 7px;
		background: var(--tp-color-200);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999999999;
		border: 1px solid var(--tp-color-300);
	}

	.panelmenuleft {
		display: flex;
		width: 25%;
		align-items: center;
		justify-content: flex-start;
	}

	.panelmenucenter {
		display: flex;
		width: 50%;
		align-items: center;
		justify-content: center;
	}

	.panelmenuright {
		display: flex;
		width: 25%;
		justify-content: flex-end;
		align-items: center;
	}

.topmenupanel {
	color: var(--tp-color-500);
	padding: 7px;
	display: flex;
	justify-content: space-between;
	background: transparent;
	height: 108px;
	padding-left: 15%;
	padding-right: 15%;
	right: 0;
	backdrop-filter: blur(1.2rem);
	margin-top: -54px;
}

	.panelmenulist {
		display: flex;
	}

	.panelmenulist li {
		display: block;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-500);
	}

	.panelmenulist li a {
		color: var(--tp-color-500);
		font-weight: 700;
		font-size: 16px;
	}

	.panelmenulist li,
	.panelmenulist li a:hover {
		color: var(--tp-color-500);
	}

	.panelmenuright .m-btn {
		background: var(--tp-color-300);
		color: var(--tp-color-600);
	}

	.topheader {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.topleft {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.toplogo {
		text-decoration: none;
		color: var(--tp-color-500);
		margin-right: 20px;
		font-size: 18px;
	}

	.toplogo img {
		width: 100px;
		filter: invert(100%) sepia(8%) saturate(0%) brightness(100%) contrast(100%);
	}

	.toplogo:link {
		text-decoration: none;
	}

	.toplogo:hover {
		color: var(--tp-color-600);
	}

	.topright {
		display: flex;
		flex-direction: row;
	}

	.topmenulist {
		display: flex;
	}

	.topmenulist li {
		display: block;
		background: var(--tp-color-200);
		padding: 7px 10px;
		border-radius: 7px;
		text-decoration: none;
		color: var(--tp-color-500);
	}

	.topmenulist li.active {
		background: var(--tp-color-300);
		border: 1px solid var(--tp-color-400);
	}

	.servicetop {
		padding-left: 2px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.topmenulist li a {
		color: var(--tp-color-500);
	}

	.topmenulist li a:link {
		text-decoration: none;
	}

	.topbalance {
		background: var(--tp-color-300);
		border-radius: 10px;
		margin: 4px;
		display: flex;
		padding: 0 10px;
		align-items: center;
	}

	.colorbox {
		background: var(--tp-color-100);
		border-radius: 10px;
		padding: 4px;
		line-height: 1;
		margin: 4px;
	}

	.colorbtn {
		background: var(--tp-color-300);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	html.light .btndark,
	.btnblack {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.dark .btnlight,
	.btnblack {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.black .btnlight,
	.btndark {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.light .btnlight {
		background: var(--tp-color-400);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	.btnlight {
		background: var(--tp-color-300);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.dark .btndark {
		background: var(--tp-color-400);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	html.black .btnblack {
		background: var(--tp-color-400);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	.btnactive {
		background: var(--tp-color-400);
	}

	.updatebox {
		display: flex;
		font-size: 20px;
		align-items: center;
		margin: 4px 8px;
	}

	.menubar {
		display: flex;
		font-size: 22px;
		align-items: center;
		margin: 4px 2px;
		background: 0;
		border: 0;
	}

	.blogbox {
		background-color: var(--tp-color-200);
		display: flex;
		border-radius: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid var(--tp-color-300);
	}

	.blogimg img {
		border-radius: 10px 0 0 10px;
		width: 270px;
		height: 202px;
		object-fit: cover;
	}

	.bottomnav {
		display: none;
	}

	.childbox {
		padding: 8px;
		display: flex;
		background: var(--tp-color-200);
		margin-bottom: 7px;
		border-radius: 10px;
		justify-content: space-between;
		align-items: center;
		border: 1px solid var(--tp-color-300);
	}

	.childcontent {
		display: flex;
		justify-content: flex-end;
	}

	.popupbox {
		display: flex;
		padding: 32px;
		justify-content: space-between;
		margin-bottom: 13px;
	}

	.popupsol {
		width: 60%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.popupsag {
		width: 35%;
	}

	body {
		padding-bottom: 70px;
		padding-top: 50px;
	}

	.servicepr {
		margin-right: 5px;
		font-weight: 600;
		font-size: 16px;
	}

	.signinbox {
		width: 500px;
	}

	#duyuruListe {
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		height: 94%;
		left: 0;
		top: 66px;
		bottom: 0;
		right: 0;
		position: absolute;
	}

	.footer {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: #0d0d0d;
		height: 238px;
		gap: 20px;
		margin-bottom: -70px;
	}

	.footer-logo {
		display: block;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-500);
	}

	.footer-logo img {
		height: 60px;
	}

	.footer-link {
		display: flex;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: white;
		gap: 70px;
		font-weight: 700;
		font-size: 16px;
	}

	.footer-link a {
		color: white;
	}

	.footer-link a:hover {
		color: white;
	}

	.footer-feature {
		color: white;
	}
}

@media only screen and (max-width: 962px) {
	body.master .main-content {
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		flex-direction: column;
	}

	body.master .m-main {
		width: 100%;
		margin-right: 15px;
	}

	body.master .s-main {
		width: 100%;
	}

	body.default .main-content {
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		flex-direction: column;
		min-height: 20px;
		margin-bottom: 20px;
		background-color: var(--tp-color-200);
		border: 0;
		border-radius: 20px;
	}

	body.default .m-main {
		width: 100%;
		margin-right: 15px;
	}

	body.default .s-main {
		width: 100%;
	}

	body.default .contents {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	body.master .contents {
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
	}

	body.default .defaultcontent {
		width: 100%;
		margin-right: 15px;
	}

	body.default .icon-content {
		display: flex;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 10px;
		flex-direction: column-reverse;
	}

	body.master .icon-content {
		display: flex;
		justify-content: space-between;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 10px;
		flex-direction: column;
	}

	body.master .icon-content .iconbox {
		width: 100%;
	}

	.platformlar {
		background: var(--tp-color-400);
		width: 90%;
		padding: 20px;
		border-radius: 10px;
		font-weight: 500;
		color: var(--tp-color-800);
		text-align: center;
	}

	.feature {
		display: flex;
		margin-top: 19px;
		flex-direction: column;
	}

	.feature .col-md-4 {
		margin-bottom: 13px;
		background: var(--tp-color-100);
		border-radius: 10px;
		padding: 20px;
	}

	.homediv {
		display: flex;
		color: var(--tp-color-50);
		margin-bottom: 13px;
		text-align: center;
	}

	.guncellemebox {
		display: flex;
		padding: 7px 11px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 7px;
		justify-content: space-between;
		align-items: center;
	}

	.guncellemename {
		margin-top: 2px;
		margin-bottom: -1px;
		font-size: 12px;
	}

	.guncelleme-text {
		color: white;
		font-weight: 600;
	}

	.guncelleme-text span {
		border-radius: 10px;
		font-size: 12px;
	}

	.guncelleme-date {
		color: var(--tp-color-50);
		font-size: 11px;
	}

	.homeimgcenter {
		margin-top: -231px;
	}

	.home-box-2 img {
		height: 257px;
		margin-bottom: 35px;
	}

	.home-box-3 img {
		width: 100%;
		margin-bottom: 35px;
	}

	.siteslogan {
		font-weight: 600;
		font-size: 18px;
		margin-bottom: 15px;
		text-align: center;
		width: 332px;
		color: var(--tp-color-500);
	}

	.homebottom {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: -40px;
		flex-direction: column;
		align-items: center;
	}

	.categorymenu {
		background: var(--tp-color-200);
		border-radius: 10px;
		margin-top: 10px;
		min-height: 0;
		opacity: 0;
		display: none;
		transition: all 0.4s;
		position: absolute;
		border: 1px solid var(--tp-color-300);
		left: 0;
		right: 0;
		box-shadow: 0 0 15px 0 #00000024;
	}

	.categorymenu.active {
		max-height: 437px;
		opacity: 1;
		display: block;
		transition: all 0.4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
		position: absolute;
	}

	.categorymenu.active body {
		opacity: 0.1;
	}

	.servicename {
		display: flex;
		font-size: 13px;
		text-align: left;
		font-weight: 600;
		line-height: 1;
		align-items: center;
	}

	.categorylist {
		max-height: 362px;
		border-radius: 0 0 16px 13px;
		overflow-y: scroll;
	}

	.servicesmenu {
		background: var(--tp-color-200);
		border-radius: 10px;
		margin-top: 10px;
		min-height: 0;
		opacity: 0;
		display: none;
		transition: all 0.4s;
		position: absolute;
		border: 1px solid var(--tp-color-300);
		left: 0;
		right: 0;
		box-shadow: 0 0 15px 0 #00000024;
	}

	.servicesmenu.active {
		max-height: 380px;
		opacity: 1;
		display: block;
		transition: all 0.4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
		position: absolute;
	}

	.servicesmenu.active body {
		opacity: 0.1;
	}

	.serviceslist {
		max-height: 286px;
		border-radius: 0 0 16px 13px;
		overflow-y: scroll;
	}

	.srcsp {
		font-size: 11px;
		color: var(--tp-color-800);
		margin-right: 7px;
		font-weight: 400;
	}

	body.default .servicebox {
		background: var(--tp-color-200);
		padding: 6px;
		color: var(--tp-color-600);
		border-radius: 0;
		margin-bottom: 1px;
		border: 0;
		border-bottom: 2px solid var(--tp-color-300);
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}

	body.default .servicebox:hover {
		background: var(--tp-color-300);
	}

	.servicebox {
		background: var(--tp-color-200);
		padding: 5px;
		color: var(--tp-color-600);
		border-radius: 10px;
		margin-bottom: 10px;
		border: 1px solid var(--tp-color-300);
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}

	.servicetop {
		padding: 2px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	body.default .servicetop {
		padding: 2px;
	}

	.searbox {
		display: flex;
		width: 47%;
		align-items: flex-end;
		justify-content: flex-end;
	}

	.catebox {
		z-index: 3;
		position: relative;
		width: 47%;
	}

	.catebox.active {
		width: 100%;
	}

	.sertop {
		font-weight: 600;
		display: flex;
		font-size: 12px;
		justify-content: space-between;
	}

	.serbottom {
		display: flex;
		font-weight: 300;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.serbottom span {
		font-weight: 500;
		font-size: 12px;
	}

	.serbox {
		display: flex;
		padding: 5px 7px 10px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 5px;
		justify-content: space-between;
		flex-direction: column;
	}

	.serfavboxmo {
		display: block;
	}

	.serfavboxma {
		display: none;
	}

	.serleft {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	.serright {
		display: flex;
		justify-content: flex-end;
	}

	.ordrtop {
		font-weight: 300;
		display: flex;
		font-size: 12px;
	}

	.ordrbottom {
		display: flex;
		font-weight: 300;
		font-size: 12px;
		flex-direction: column;
		word-wrap: break-word;
	}

	.ordrbottom span {
		font-weight: 500;
		font-size: 12px;
		color: var(--tp-color-500);
	}

	.ordrbottom span a {
		font-weight: 900;
		color: var(--tp-color-500);
	}

	.ordrbox {
		display: flex;
		padding: 8px 7px;
		border-radius: 10px;
		border: 1px solid var(--tp-color-300);
		background: var(--tp-color-200);
		margin-bottom: 10px;
		justify-content: space-between;
		flex-direction: column;
	}

	.ordrleft {
		display: flex;
		flex-direction: column;
	}

	.ordrright {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-top: 5px;
	}

	.ordrprice {
		border-radius: 7px;
		background: var(--tp-color-300);
		padding: 7px 9px;
		font-weight: 500;
	}

	.ordrtop {
		font-weight: 400;
		display: flex;
	}

	.ordrname {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-weight: 500;
	}

	.ordrname span {
		font-weight: 700;
	}

	.ordrbutton .m-btn {
		padding: 7px 9px;
		font-size: 12px;
	}

	.ordrname span {
		padding: 2px 5px;
		background: var(--tp-color-300);
		border-radius: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.paymentlist {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.bkybox {
		display: flex;
		padding: 10px;
		background: var(--tp-color-200);
		width: 100%;
		border-radius: 10px;
		margin-bottom: 10px;
		justify-content: center;
		border: 1px solid var(--tp-color-300);
		flex-direction: column;
	}

	.bkybox.active {
		border: 1px solid var(--tp-color-500);
	}

	.bkyname {
		font-weight: 600;
	}

	.bkybottom {
		display: flex;
		justify-content: space-between;
	}

	.destekbox {
		display: flex;
		border: 0;
		font-size: 12px;
		border-radius: 10px;
		min-height: 100%;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	.accountdiv {
		display: flex;
		flex-direction: column;
	}

	.toplogo img {
		height: 40px;
	}

	.verifyscreen {
		display: flex;
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		overflow-y: scroll;
		flex-direction: column;
		justify-content: center;
		margin: 9px;
		text-align: center;
	}

	.verfycontent {
		margin-bottom: 0;
		text-align: -webkit-left;
		margin-top: 20px;
	}

	.refstatslist {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.refstats {
		margin-bottom: 13px;
		background-color: var(--tp-color-200);
		border: 0;
		border-radius: 10px;
		text-align: center;
		display: flex;
		padding: 10px;
		border: 1px solid var(--tp-color-300);
		justify-content: space-between;
	}

	.buybtn {
		position: fixed;
		bottom: 73px;
		display: flex;
		text-align: center;
		left: 0;
		right: 0;
		color: white;
		justify-content: center;
		transform: translateY(500px);
		transition: 0.3s ease;
	}

	.buybtn.active {
		position: fixed;
		bottom: 73px;
		display: flex;
		text-align: center;
		left: 0;
		right: 0;
		color: white;
		justify-content: center;
		transform: translateY(0px);
	}

	.topmenu {
		color: var(--tp-color-500);
		padding: 7px;
		background: var(--tp-color-200);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 4;
		border-bottom: 1px solid var(--tp-color-300);
	}

.topmenupanel {
	color: var(--tp-color-500);
	padding: 7px;
	display: flex;
	justify-content: space-between;
	background: transparent;
	height: 108px;
	padding-left: 15%;
	padding-right: 15%;
	right: 0;
	backdrop-filter: blur(1.2rem);
	margin-top: -54px;
}

	.panelmenulist {
		display: none;
	}

	.panelmenulist li {
		display: block;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-400);
	}

	.panelmenulist li,
	.panelmenulist li a:hover {
		color: var(--tp-color-400);
	}

	.panelmenuright .m-btn {
		background: var(--tp-color-400);
		color: var(--tp-color-600);
		padding: 6px 18px;
	}

	.topheader {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.topheader .colorbox {
		display: none;
	}

	.topleft {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.toplogo {
		text-decoration: none;
		color: var(--tp-color-500);
		margin-right: 20px;
		font-size: 18px;
	}

	.panelmenulogo {
		text-decoration: none;
		color: var(--tp-color-500);
		margin-right: 20px;
		font-size: 18px;
		height: 50px;
		display: flex;
		align-items: center;
	}

	.panelmenulogo li a:link {
		text-decoration: none;
	}

	.panelmenulogo img {
		height: 40px;
	}

	.toplogo li a:link {
		text-decoration: none;
	}

	.topright {
		display: flex;
		flex-direction: row;
		gap: 15px;
	}

	.topmenulist {
		display: none;
	}

	.topmenulist li {
		display: block;
		background: var(--tp-color-200);
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-500);
		transition: 0.5s ease;
	}

	.topmenulist li.active {
		background: var(--tp-color-300);
		transition: 0.3s ease;
	}

	.topmenulist li a {
		color: var(--tp-color-500);
	}

	.topmenulist li a:link {
		text-decoration: none;
	}

	.topbalance {
		display: none;
	}

	.colorbox {
		background: var(--tp-color-100);
		border-radius: 10px;
		padding: 4px;
		line-height: 1;
		margin: 4px;
	}

	.colorbtn {
		background: var(--tp-color-300);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	html.light .btndark,
	.btnblack {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
		font-weight: 500;
	}

	html.dark .btnlight,
	.btnblack {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.black .btnlight,
	.btndark {
		background: var(--tp-color-100);
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.light .btnlight {
		background: var(--tp-color-400);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	html.dark .btndark {
		background: var(--tp-color-300);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	html.black .btnblack {
		background: var(--tp-color-400);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
	}

	.btnactive {
		background: var(--tp-color-400);
	}

	.updatebox {
		display: flex;
		font-size: 20px;
		align-items: center;
		margin: 4px 8px;
	}

	.menubar {
		display: flex;
		font-size: 22px;
		background: 0;
		border: 0;
		margin: 0;
		line-height: 1;
		padding: 0;
		align-items: center;
	}

	.btnlight {
		background: var(--tp-color-300);
		border-radius: 7px;
		padding: 5px;
		line-height: 1;
		border: 0;
	}

	.blogbox {
		background-color: var(--tp-color-200);
		display: flex;
		border-radius: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		flex-direction: column;
	}

	.blogimg img {
		width: 100%;
		border-radius: 10px 10px 0 0;
		height: auto;
	}

	.bottomnav {
		display: flex;
		flex-direction: row;
		width: 100%;
		position: fixed;
		bottom: 0;
		margin: auto;
		background-color: var(--tp-color-200);
		padding: 13px 9px;
		z-index: 2;
		box-shadow: 0 5px 40px rgb(0 0 0 / 30%);
		border-top: 1px solid var(--tp-color-300);
	}

	.nav-item {
		display: flex;
		flex-grow: 1;
		padding: 11px 12px;
		cursor: pointer;
		transition: all 0.2s ease-out;
		justify-content: center;
		align-items: center;
	}

	.nav-text {
		font-size: 12px;
		margin: auto;
		text-align: center;
		font-weight: 500;
		display: none;
		color: var(--tp-color-500);
		transition: all 0.3s ease;
	}

	.bottomnav i {
		display: inline;
		font-size: 16px;
		color: var(--tp-color-500);
		transition: color 0.3s;
		line-height: 1;
	}

	.nav-item.active {
		border-radius: 7px;
		background: var(--tp-color-300);
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border: 1px solid var(--tp-color-400);
	}

	.nav-item.active > .nav-text {
		display: inline-block;
	}

	.childbox {
		padding: 8px;
		display: flex;
		background: var(--tp-color-200);
		margin-bottom: 10px;
		border-radius: 10px;
		flex-direction: column;
		border: 1px solid var(--tp-color-300);
	}

	.childcontent {
		display: flex;
		justify-content: flex-end;
		flex-direction: column;
		padding: 6px;
		align-items: center;
	}

	.popupbox {
		display: flex;
		padding: 20px;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.popupsol {
		width: 100%;
		text-align: center;
	}

	.popupsag {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	body {
		padding-bottom: 85px;
		padding-top: 48px;
	}

	.servicepr {
		margin-right: 5px;
		font-weight: 600;
		font-size: 15px;
	}

	.signinbox {
		width: 100%;
	}

	.footer {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: #0d0d0d;
		gap: 14px;
		padding: 20px;
		margin-bottom: -90px;
	}

	.footer-logo {
		display: block;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-500);
	}

	.footer-logo img {
		height: 60px;
	}

	.footer-link {
		display: flex;
		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: white;
		gap: 5px;
		font-weight: 700;
		font-size: 16px;
		flex-direction: column;
		align-items: center;
	}

	.footer-link a {
		color: white;
	}

	.footer-link a:hover {
		color: white;
	}

	.footer-feature {
		color: white;
	}
}

body {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: var(--tp-color-500);
	background-color: var(--tp-color-100);
}

html {
	scroll-behavior: smooth;
}

a:link {
	text-decoration: none;
}

a:hover {
	color: var(--tp-color-500);
}

iframe {
	margin-top: 10px;
}

.g-recaptcha {
	margin-bottom: 20px;
}

.loginpage {
	display: flex;
	flex-direction: column;
	padding: 20px;
	align-items: center;
	color: var(--tp-color-400);
	justify-content: center;
	z-index: 9999;
	margin-top: 40px;
	margin-bottom: 50px;
}

.loginpage .homebaslik {
	color: var(--tp-color-500);
}

.sitename {
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: var(--tp-color-500);
}

.childurl {
	padding: 10px 20px;
	background: var(--tp-color-cyan);
	color: white;
	border-radius: 7px;
	text-align: center;
}

.childbtn .m-btn {
	width: 100%;
}

.childtext {
	margin-right: 10px;
	font-size: 14px;
	font-weight: 500;
}

.childtext span {
	margin-right: 10px;
	font-size: 14px;
	font-weight: 600;
}

.pb20 {
	margin-bottom: 10px;
}

.loginbottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -10px;
}

.pull-right-middle a {
	color: var(--tp-color-800);
	font-weight: 600;
}

.platformbox {
	margin-top: 31px;
	justify-content: center;
	align-items: center;
}

.featurebox {
	margin-top: -34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--tp-color-300);
	padding: 40px 24px;
}

.featuretop {
	display: flex;
	align-items: center;
}

.featureicon {
	margin-right: 10px;
	font-size: 20px;
	color: var(--tp-color-800);
}

.featurename {
	font-weight: 500;
	color: var(--tp-color-800);
}

.feautretext {
	font-weight: 300;
	font-size: 14px;
}

.home-box-1 {
	display: flex;
	padding-top: 22px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-position: center;
}

.home-box-2 {
	display: flex;
	background: #000;
	padding: 60px 24px;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
}

.home-box-3 {
	display: flex;
	background: #000;
	padding: 60px 24px;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
}

.home-box-2 .m-btn,
.home-box-3 .m-btn,
.home-box-1 .m-btn {
	margin-bottom: 1px;
	z-index: 99;
}

.homeimg {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hmfeature {
	margin: 20px;
	display: flex;
}

.hmfeature span {
	margin-left: 10px;
	font-weight: 600;
}

.hmfeature i {
	font-weight: 600;
	background: var(--tp-color-cyan);
	border-radius: 50%;
	padding: 5px;
	color: var(--tp-color-800);
}

.home-box-1 img {
	height: 350px;
}

.homebaslik {
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 8px;
}

.home-box-2 .homebaslik,
.home-box-3 .homebaslik {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: white;
	margin-top: -84px;
	margin-bottom: 7px;
}

.homeicerik {
	font-size: 18px;
	text-align: center;
}

.hbox {
	display: flex;
	padding: 10px;
	align-items: center;
	color: var(--tp-color-400);
}

.hicon {
	font-size: 35px;
	margin-right: 20px;
	color: #bf7f3c;
}

.hcontent {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 300;
}

.hcontent span {
	font-size: 16px;
	font-weight: 600;
}

.lbg {
	position: absolute;
	z-index: -1;
}

.filterbox {
	display: flex;
}

.favbox {
	background: var(--tp-color-200);
	padding: 9px 15px;
	border-radius: 10px;
	display: flex;
	border: 0;
	font-weight: 600;
	margin-right: 5px;
	transition: 0.2s ease;
}

.filterfeature {
	display: flex;
	align-items: center;
	padding: 5px 15px;
	background: var(--tp-color-200);
	border-radius: 10px;
	border: 0;
	margin-right: 5px;
}

.filterfeature i {
	margin-right: 5px;
}

.serbox .servicefav,
.serbox .deletefav {
	display: flex;
	width: 12px;
	margin: 0;
	margin-top: 2px;
	font-size: 16px;
	margin-left: 5px;
}

.servicefav,
.deletefav {
	display: flex;
	width: 10px;
	margin: 6px;
	line-height: 1;
}

.dbox .video-wrapper {
	border-radius: 25px;
	height: 75px;
	margin: 0 18px;
}

.dtext {
	display: flex;
	font-weight: 500;
	font-size: 20px;
	margin-top: -54px;
	margin-bottom: 26px;
	justify-content: center;
	color: white;
}

body.default .s-main {
	margin-top: -25px;
}

body.default .m-box {
	min-height: 20px;
	padding: 15px;
	background-color: var(--tp-color-200);
	border: 0;
	border-radius: 15px;
}

body.default .categoryname {
	background-color: var(--tp-color-300);
}

body.default .servicesname {
	background-color: var(--tp-color-300);
}

body.default .servicesname i {
	margin-top: 10px;
}

.buybtn .btn-blue {
	color: white;
	border-radius: 10px;
}

.modalbutton {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom: 6px;
}

.modalbutton .m-btn {
	width: 100%;
}

.orderlistbox {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ordermodal {
	border-bottom: 1px solid var(--tp-color-400);
	padding: 5px 17px;
}

.ordermodal a {
	color: var(--tp-color-500);
	font-weight: 700;
}

html.dark .toplogo img,
html.black .toplogo img {
	filter: brightness(105%) contrast(108%);
}

.ordermodal span {
	color: var(--tp-color-500);
	font-weight: 500;
}

body.master .servicesbox {
	display: none;
}

body.default .master {
	display: none;
}

body.master .servicebox {
	margin-bottom: 7px;
	transition: 0.2s ease;
}

body.master .servicebox:hover {
	border: 1px solid var(--tp-color-800);
}

body.default .servicebox {
	margin-bottom: 0;
}

.accounttop {
	min-height: 20px;
	border: 0;
	border-radius: 10px;
	margin-top: -219px;
	margin-bottom: 104px;
	text-align: center;
	display: flex;
	font-size: 20px;
	justify-content: center;
	flex-direction: column;
	color: #fff;
}

.accountbx {
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: center;
	padding: 6px 68px;
	background: var(--tp-color-500);
	color: var(--tp-color-100);
	border-radius: 10px;
	font-weight: 500;
}

.accounttop span {
	font-size: 16px;
	font-weight: 400;
	color: #ffffffb0;
}

.accountbox .m-btn {
	margin-bottom: 20px;
	margin-top: 10px;
}

.accountbox {
	min-height: 20px;
	margin-bottom: 10px;
	background-color: var(--tp-color-200);
	border: 0;
	border-radius: 10px;
	padding: 15px;
}

.ratelist {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ratediv {
	border-bottom: 1px solid var(--tp-color-300);
	color: var(--tp-color-500);
	display: flex;
	height: 100%;
	align-items: center;
	padding-left: 19px;
}

body.master .box {
	min-height: 20px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: var(--tp-color-200);
	border: 1px solid var(--tp-color-300);
	border-radius: 10px;
	color: var(--tp-color-600);
}

body.master .box a {
	color: var(--tp-color-600);
	font-weight: 600;
}

body.master .box a:hover {
	color: var(--tp-color-800);
}

.abox {
	min-height: 20px;
	padding: 15px;
	background-color: var(--tp-color-200);
	border: 1px solid var(--tp-color-300);
	border-radius: 10px;
	color: var(--tp-color-600);
	margin-bottom: -10px;
}

.abox a {
	color: var(--tp-color-600);
	font-weight: 600;
}

.abox a:hover {
	color: var(--tp-color-800);
}

body.master .sbuy {
	border: 1px solid var(--tp-color-200);
}

.sbuy.active {
	animation: ripple 3s linear infinite;
}

.defaultcontent .box {
	min-height: 20px;
	padding: 0 15px;
	background-color: var(--tp-color-200);
	border: 0;
	border-radius: 15px;
}

body.default .box {
	min-height: 20px;
	padding: 15px;
	background-color: var(--tp-color-200);
	border: 0;
	border-radius: 20px;
}

.dropdown-menu {
	min-width: 100%;
	padding: 0;
	max-height: 43.6vh;
	overflow-y: scroll;
	border: none !important;
	margin-top: 15px;
	border-radius: 10px;
	box-shadow: 0 0 42px -7px #0000005c;
	transform: translate3d(0, -1px, 0) !important;
}

.drop-menu-modal-header {
	position: fixed;
	top: 5px;
	margin-left: 10px;
}

.dropdown i {
	height: 15px;
}

.dropdown button {
	background: transparent;
	border-top: none !important;
	color: var(--tp-color-700);
}

.dropdown button:hover,
.dropdown button:focus {
	outline: 0;
	box-shadow: none;
}

.menu_content .themebox {
	background: var(--tp-color-400);
	padding: 12px;
	border-radius: 7px;
	border: 0;
	font-weight: 700;
	margin-bottom: 10px;
}

.menu_content .headbalance {
	background: var(--tp-color-300);
	padding: 5px 12px;
	border-radius: 7px;
	border: 0;
	font-weight: 700;
	margin-bottom: 10px;
}

.menu_content .colorbox {
	width: 100%;
	margin: 5px 0;
}

.menu_content .btnlight {
	border-radius: 7px;
	padding: 5px;
	line-height: 1;
	width: 33%;
}

.menu_content .btndark {
	border-radius: 7px;
	padding: 5px;
	line-height: 1;
	width: 31%;
}

.menu_content .btnblack {
	border-radius: 7px;
	padding: 5px;
	line-height: 1;
	font-weight: 500;
	width: 33%;
}

.form-control {
	display: flex;
	width: 100%;
	min-height: 40px;
	padding: 10px 14px;
	font-size: 16px;
	line-height: 1.42857143;
	color: var(--tp-color-700);
	background-color: var(--tp-color-300);
	background-image: none;
	border: 0;
	border-radius: 7px;
	align-items: center;
	justify-content: space-between;
}

.loginpage input::placeholder {
	color: var(--tp-color-500);
}

.blog-box {
	padding: 25px;
	background: var(--tp-color-200);
	border-radius: 10px;
	margin-bottom: 20px;
	color: var(--tp-color-500);
}

.blog-box a {
	color: var(--tp-color-800);
	font-weight: 600;
}

.box .m-btn {
	margin-top: 10px;
}

.siparisbtngroup .m-btn {
	width: 48%;
	display: flex;
	justify-content: center;
}

.siparisbtngroup {
	display: flex;
	justify-content: space-between;
}

.m-btn {
	padding: 10px 33px 12px;
	border: 0;
	font-weight: 600;
	transition: 0.2s ease;
	text-decoration: none;
}

.btn-main {
	background: var(--tp-color-500);
	touch-action: manipulation;
	color: var(--tp-color-300);
	border: 0;
	border-radius: 7px;
	line-height: 20px;
	white-space: nowrap;
	font-size: 16px;
	vertical-align: middle;
	font-weight: 700;
}

.btn-red {
	background: #e42121;
	touch-action: manipulation;
	color: white;
	border: 0;
	border-radius: 7px;
	line-height: 20px;
	white-space: nowrap;
	font-size: 16px;
	vertical-align: middle;
	font-weight: 700;
}

.btn-blue {
	background: var(--tp-color-cyan);
	touch-action: manipulation;
	color: white;
	border: 0;
	border-radius: 7px;
	line-height: 20px;
	white-space: nowrap;
	font-size: 16px;
	vertical-align: middle;
	font-weight: 700;
}

.btn-main:link,
.btn-red:link {
	text-decoration: none;
}

.btn-main:hover {
	background: var(--tp-color-700);
	color: var(--tp-color-200);
	border: 0;
}

.btn-red:hover {
	background: #cf1d1d;
	color: var(--tp-color-200);
	border: 0;
}

.btn-blue:hover {
	background: var(--tp-color-blue);
	color: white;
	border: 0;
}

.mtopbtn {
	display: none;
}

.bosluk {
	padding: 37px;
}

.servicename i {
	margin-right: 4px;
	font-size: 16px;
}

.servicedetail {
	display: flex;
}

.servicebottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 4px;
}

.serviceprice {
	display: flex;
	line-height: 1;
	align-items: center;
	width: 50%;
	justify-content: flex-end;
}

.servicespeed {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 4px;
}

body.default .servicespeed span,
body.master .servicespeed span {
	background: var(--tp-color-300);
	padding: 4px 8px;
	border-radius: 7px;
	color: white;
	font-weight: 600;
	font-size: 11px;
}

body.default .servicespeed span {
	margin-right: 5px;
	margin-top: 4px;
}

.servicespeed i {
	margin-right: 4px;
	font-weight: 600;
}

.serviceprice .m-btn {
	padding: 2px 13px;
}

.topmenu .m-btn {
	padding: 5px 20px;
}

.srcsp span {
	font-weight: 700;
	color: var(--tp-color-800);
}

.searchbox {
	background: var(--tp-color-300);
	border: 1px solid var(--tp-color-400);
	width: 100%;
	border-radius: 7px;
	padding: 9px;
	color: var(--tp-color-500);
}

textarea:focus,
input:focus {
	outline: 0;
}

textarea,
input {
	color: var(--tp-color-500);
}

input::placeholder {
	color: var(--tp-color-500);
}

body.default .categoryname {
	background: var(--tp-color-300);
	border-radius: 10px;
	padding: 7px 14px;
	font-size: 14px;
	display: flex;
	width: 100%;
	border: 0;
	color: var(--tp-color-500);
	z-index: 999999;
	height: 43px;
	overflow-y: hidden;
	line-height: 30px;
	justify-content: space-between;
	align-items: center;
}

.categoryname i {
	margin-right: 5px;
	font-size: 16px;
}

body.default #order-category {
	text-align: left;
}

body.master #order-category {
	text-align: left;
	height: 20px;
	overflow: hidden;
}

body.default #order-services {
	text-align: left;
	height: 36px;
	margin-top: 2px;
}

body.master #order-services {
	text-align: left;
	height: 20px;
	overflow: hidden;
}

body.master .categoryname {
	background: var(--tp-color-200);
	border-radius: 10px;
	padding: 10px 12px;
	display: flex;
	width: 100%;
	border: 1px solid var(--tp-color-300);
	color: var(--tp-color-500);
	z-index: 3;
	align-items: center;
	font-weight: 600;
	justify-content: space-between;
}

.catename {
	background: var(--tp-color-200);
	border-radius: 10px;
	padding: 9px 15px;
	display: flex;
	width: 100%;
	border: 1px solid var(--tp-color-300);
	color: var(--tp-color-500);
	z-index: 3;
	align-items: center;
	justify-content: space-between;
}

.orderlink {
	color: var(--tp-color-cyan);
}

.categorysearch {
	margin: 10px;
	color: var(--tp-color-500);
}

.categoryselect {
	width: 100%;
	display: flex;
	border: 0;
	border-bottom: 1px solid var(--tp-color-300);
	padding: 15px 10px;
	background: var(--tp-color-200);
	color: var(--tp-color-500);
	text-align: left;
	align-items: center;
	font-weight: 600;
}

.categoryselect img {
	width: 20px;
	margin-right: 5px;
}

.categoryselect:hover {
	background: var(--tp-color-300);
}

.categoryselect span {
	font-size: 18px;
	margin-right: 5px;
}

.catselect {
	width: 100%;
	display: flex;
	border: 0;
	border-bottom: 1px solid var(--tp-color-300);
	padding: 15px 10px;
	background: var(--tp-color-200);
	color: var(--tp-color-500);
	text-align: left;
	align-items: center;
	justify-content: flex-start;
}

.catselect span {
	margin-right: 5px;
	font-size: 18px;
}

.catselect img {
	margin-right: 5px;
}

.catselect:hover {
	background: var(--tp-color-300);
}

.categorybox::after {
	transition: all 0.4s;
}

.categorycontent {
	background: 0;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s ease;
	z-index: 9999;
}

.categorycontent.active {
	background: #0000004f;
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: 0.5s ease;
}

.categorybox {
	z-index: 3;
	position: relative;
}

.sertopmenu {
	display: flex;
	margin-bottom: 7px;
	justify-content: space-between;
}

.sertopmenu .m-btn {
	border-radius: 0 10px 10px 0;
	display: flex;
	align-items: center;
	padding: 6px 10px;
	border: 1px solid var(--tp-color-400);
	border-left: 0;
}

.sertopmenu .brdr {
	border-radius: 10px 0 0 10px;
	border-right: 0;
}

.servicesname {
	background: var(--tp-color-200);
	border-radius: 10px;
	padding: 3px 15px;
	display: flex;
	width: 100%;
	border: 0;
	text-align: left;
	color: var(--tp-color-500);
	height: 43px;
	overflow-y: hidden;
	z-index: 999999;
	line-height: 30px;
	align-items: flex-start;
	justify-content: space-between;
}

.modalalertred {
	padding: 10px;
	background: var(--tp-color-red);
	display: flex;
	border-radius: 10px;
	color: white;
	margin-top: 10px;
}

.modalalertgreen {
	padding: 10px;
	background: var(--tp-color-green);
	display: flex;
	border-radius: 10px;
	color: white;
	margin-top: 10px;
}

.servicesname i {
	margin-right: 5px;
}

.servicessearch {
	margin: 10px;
	color: var(--tp-color-500);
}

.servicesselect {
	width: 100%;
	display: flex;
	border: 0;
	border-bottom: 1px solid var(--tp-color-300);
	padding: 15px 10px;
	background: var(--tp-color-200);
	color: var(--tp-color-500);
	align-items: center;
}

.servicesselect:hover {
	background: var(--tp-color-300);
}

.servicesselect span {
	font-size: 18px;
	margin-right: 5px;
}

.servicesbox::after {
	transition: all 0.4s;
}

.servicescontent {
	background: 0;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s ease;
	z-index: 9999;
}

.servicescontent.active {
	background: #0000004f;
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: 0.5s ease;
}

.servicesbox {
	z-index: 2;
	position: relative;
}

.menu_content i {
	font-size: 16px;
	margin-right: 4px;
	height: 18px;
}

@media screen and (min-width: 576px) {
	.menu_content {
		width: 380px;
		border-radius: 0;
		height: 100%;
	}

	.menu_img {
		width: 170px;
	}

	body.master .iconbox {
		width: 100%;
	}
}

.menu {
	height: 100vh;
	display: grid;
	place-items: center;
}

.menu_button {
	text-decoration: none;
	transition: 0.3s;
	border-bottom: 1px solid var(--tp-color-700);
	font-weight: 400;
	font-size: 16px;
}

.menu_button:hover {
	text-decoration: none;
	color: var(--site-color);
}

.menu_container {
	position: fixed;
	display: grid;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 9999999999999;
	visibility: hidden;
	opacity: 0;
}

@media screen and (min-width: 576px) {
	.menu_container {
		justify-content: flex-end;
	}

	.menu_content {
		position: relative;
		background-color: var(--tp-color-100);
		text-align: center;
		transition: all 0.3s;
		transform: translateX(100%);
		height: 100%;
		display: flex;
		width: 350px;
		flex-direction: column;
	}

	.menu_close {
		display: inline-flex;
		background-color: #37415100;
		color: var(--tp-color-700);
		font-size: 16px;
		position: absolute;
		top: 22px;
		right: 2rem;
		cursor: pointer;
		z-index: 99;
	}

	.menu_title {
		color: var(--tp-color-500);
		font-weight: 400;
		display: flex;
		border-bottom: 1px solid var(--tp-color-400);
		font-size: 18px;
		align-items: center;
		padding: 19px;
		z-index: 9;
		background: var(--tp-color-100);
	}

	.themesettingsbox {
		right: 0;
	}
}

@media screen and (max-width: 576px) {
	.menu_content {
		position: fixed;
		background-color: var(--tp-color-100);
		text-align: center;
		transition: all 0.5s;
		height: 100%;
		bottom: 0;
		left: 0;
		display: flex;
		right: 0;
		transform: translateY(50%);
		flex-direction: column;
	}

	.menu_close {
		display: inline-flex;
		background-color: #37415100;
		color: var(--tp-color-700);
		font-size: 16px;
		position: absolute;
		top: 22px;
		right: 2rem;
		cursor: pointer;
		z-index: 99;
	}

	.menu_title {
		color: var(--tp-color-500);
		font-weight: 700;
		display: flex;
		border-bottom: 1px solid var(--tp-color-400);
		font-size: 18px;
		align-items: center;
		padding: 19px;
		z-index: 9;
		background: var(--tp-color-100);
	}

	.themesettingsbox {
		right: 0;
	}

	#duyuruListe {
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		height: 92%;
	}
}

.menu-box {
	display: flex;
	flex-direction: column;
	height: 70%;
}

.modalbottom {
	display: flex;
	padding: 20px;
	background: var(--tp-color-100);
	width: 100%;
	height: 30%;
	flex-direction: column;
	justify-content: flex-end;
}

.modalbottom select {
	background: var(--tp-color-200);
	border: 0;
	margin-bottom: 10px;
	height: 30px;
	padding: 5px 7px;
	border-radius: 7px;
}

.modalcontent {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.menu_img {
	width: 150px;
	margin-bottom: 0.75rem;
}

.menu_button-width {
	padding: 0 10px;
	display: flex;
	border-color: var(--tp-color-400);
	color: var(--tp-color-700);
	font-weight: 500;
	font-size: 16px;
	align-items: center;
	height: 100%;
	justify-content: space-between;
}

.menu_button-width:link {
	text-decoration: none;
}

.menu_button-link {
	display: block;
	margin: 1rem auto 0;
	background-color: var(--site-color);
	color: var(--tp-color-700);
	font-weight: 500;
	border: 1px solid var(--site-color);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 78%;
	margin: 40px;
	border-radius: 12px;
	padding: 10px;
}

.show-menu {
	visibility: visible;
	opacity: 1;
	background: #00000091;
}

.show-menu .menu_content {
	transform: scale(1) translateX(0);
}

.headericon i {
	font-weight: 300;
}

.headericon.active:link {
	text-decoration: none;
}

.elem {
	padding-top: 40px;
}

body.master .defaultdiv {
	display: flex;
}

body.default .masterdiv {
	display: flex;
}

body.master .iconbox {
	display: flex;
	padding: 4px;
	background: var(--tp-color-200);
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	width: 32.8%;
	border: 1px solid var(--tp-color-300);
	flex-direction: row;
}

body.default .iconbox {
	display: flex;
	padding: 7px;
	background: var(--tp-color-200);
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.iconbox {
	display: flex;
	padding: 7px;
	background: var(--tp-color-200);
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.iconbox .icon {
	padding: 10px;
	background: var(--tp-color-300);
	border-radius: 7px;
}

.icontext {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	font-size: 10px;
	padding: 0 5px 0 0;
	font-weight: 500;
}

.icontext span {
	font-weight: 700;
	font-size: 14px;
}

.fa,
.fas {
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
}

.fade-in {
	-webkit-animation: fadeIn 0.3s;
	-moz-animation: fadeIn 0.5s;
	-o-animation: fadeIn 0.5s;
	-ms-animation: fadeIn 0.5s;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.themesettingsbox {
	display: flex;
	padding: 15px;
	background: var(--tp-color-200);
	position: absolute;
	transform: translateY(300px);
	opacity: 0;
	transition: 0.2s ease;
	bottom: 0;
	left: 0;
	margin: 10px;
	border-radius: 10px;
	z-index: 999;
	align-items: flex-end;
	flex-direction: column;
}

.themesettingsbox.active {
	transform: translateY(0);
	opacity: 1;
}

.closethemebox {
	border: 0;
	background: var(--tp-color-300);
	padding: 3px 2px 1px 6px;
	border-radius: 5px;
}

html.black .bkyicon img {
	filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(43deg) brightness(105%) contrast(108%);
}

html.dark .bkyicon img {
	filter: invert(92%) sepia(21%) saturate(59%) hue-rotate(177deg) brightness(90%) contrast(93%);
}

.themedesign {
	display: flex;
	justify-content: space-between;
}

.themeselecttbox {
	display: flex;
	flex-direction: column;
	width: 49%;
	align-items: center;
}

.themeselectimg img {
	width: 100%;
	height: 100%;
	filter: brightness(1);
}

html.dark .themeselectimg img {
	width: 100%;
	height: 100%;
	filter: brightness(1.5);
}

html.black .themeselectimg img {
	width: 100%;
	height: 100%;
	filter: brightness(1);
}

body.default .btndefault {
	background: var(--tp-color-400);
	width: 100%;
}

body.master .btnmaster {
	background: var(--tp-color-400);
}

.btnmaster,
.btndefault {
	background: var(--tp-color-300);
	padding: 10px;
	border-radius: 10px;
	border: 0;
	transition: 0.1s ease;
	width: 100%;
	font-weight: 600;
}

.btnmaster:hover,
.btndefault:hover {
	background: var(--tp-color-400);
}

body.default .masterdiv {
	display: none;
}

body.master .defaultdiv {
	display: none;
}

body.default .descbox {
	display: none;
}

#charge {
	background: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	height: 15px;
	border-radius: 0;
}

#charge::placeholder {
	color: var(--tp-color-500);
}

#field-orderform-fields-total-quantity,
#field-orderform-fields-quantity[disabled] {
	background: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	border-radius: 0;
	height: 20px;
}

#s_descriptionmaster {
	background: var(--tp-color-300);
	padding: 11px 15px;
	border-radius: 0 0 7px 7px;
}

#s_description {
	margin: 10px;
}

#s_sure {
	background: var(--tp-color-300);
	padding: 11px 15px;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
}

#history-search {
	display: flex;
}

.descriptionbox {
	display: flex;
	background: var(--tp-color-200);
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	flex-direction: column;
}

.descriptionbox label {
	margin: 10px;
}

.serivcesinfo,
.servicesinfo {
	display: flex;
	background: var(--tp-color-200);
	padding: 7px;
	border-radius: 10px;
	flex-direction: column;
	border: 1px solid var(--tp-color-400);
	align-items: center;
}

.serivcesinfo span,
.servicesinfo span {
	padding: 10px;
}

#s_name {
	text-align: center;
	background: var(--tp-color-300);
	margin-top: 10px;
	border-radius: 7px;
	padding: 10px;
	width: 100%;
}

.catbox {
	padding: 8px;
	border-radius: 10px;
	border: 1px solid var(--tp-color-400);
	background: var(--tp-color-300);
	margin-bottom: 5px;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	justify-content: space-between;
}

.searbox .form-control {
	border-radius: 10px 0 0 10px;
	color: var(--tp-color-500);
}

.serprice {
	margin-right: 10px;
	font-weight: 500;
	font-size: 18px;
}

.serbottom span {
	margin-right: 10px;
}

.serbox .m-btn {
	border-radius: 7px;
	line-height: 1;
	padding: 5px 15px;
}

.serid {
	margin-right: 5px;
}

.sercatbox {
	display: none;
}

.paylist {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.bkyicon img {
	height: 33px;
	margin-left: 3px;
}

.paymentbox {
	display: flex;
	margin-top: 7px;
	padding: 7px;
	background: var(--tp-color-200);
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--tp-color-300);
}

.payicon {
	padding: 10px;
	background: var(--tp-color-300);
	border-radius: 7px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}

.payleft {
	display: flex;
}

.payright {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.payamount {
	text-align: right;
}

.paydetail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-weight: 500;
}

.parasec {
	margin-bottom: 9px;
	margin-top: 0;
	display: flex;
	border-radius: 10px;
	justify-content: space-between;
}

.parasecs {
	width: 24%;
	background: var(--tp-color-200);
	padding: 8px 16px;
	border-radius: 10px;
	text-align: center;
	border: 1px solid var(--tp-color-300);
	color: var(--tp-color-700);
	font-weight: 600;
}

.parasecs:hover {
	width: 24%;
	background: var(--tp-color-400);
	padding: 8px 16px;
	border-radius: 10px;
	text-align: center;
	transition: 0.5s ease;
	color: var(--tp-color-700);
}

.parasecs:link {
	text-decoration: none;
}

.destekbox .sertopmenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.destekbox .sertopmenu span {
	font-size: 16px;
	margin-left: 2px;
}

.destekolustur {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-bottom: 10px;
	background: var(--tp-color-200);
}

.destekolustur .m-btn {
	width: 100%;
}

.taleplist {
	display: flex;
	flex-direction: column;
}

.destektalep:hover .destekdurum,
.destektalep:hover {
	background: var(--tp-color-300);
	color: var(--tp-color-500);
}

.destektalep {
	display: flex;
	background: var(--tp-color-200);
	border: 1px solid var(--tp-color-300);
	padding: 7px;
	transition: 0.3s ease;
	align-items: center;
	font-size: 12px;
	justify-content: space-between;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 7px;
}

.destektalep.active {
	border-radius: 10px;
	position: relative;
	animation: ripple 3s linear infinite;
}

@keyframes ripple {
	15% { border: 1px solid var(--tp-color-200); }
	50% { border: 1px solid var(--tp-color-cyan); }
	85% { border: 1px solid var(--tp-color-200); }
}

.destekleft {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-weight: 600;
}

.destekdurum {
	padding: 6px 22px;
	background: var(--tp-color-300);
	border-radius: 5px;
	transition: 0.3s ease;
}

.destekright {
	text-align: right;
}

.ticketbox {
	display: flex;
	flex-direction: column;
	padding: 14px;
	background: var(--tp-color-200);
	border-radius: 15px;
}

.ticketbox .m-btn {
	margin-top: 10px;
}

.ticketleft {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 10px;
}

.ticketright {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-bottom: 20px;
}

.ticketright .ticketmessage {
	background: var(--tp-color-300);
	padding: 10px 15px;
	border-radius: 10px 10px 0 10px;
	margin-bottom: 5px;
}

.ticketleft .ticketmessage {
	background: var(--tp-color-500);
	padding: 10px 15px;
	border-radius: 10px 10px 10px 0;
	margin-bottom: 5px;
	color: var(--tp-color-100);
}

.menubar #sepetsayi {
	font-size: 14px;
	margin-left: -6px;
	z-index: 9;
	color: white;
	background: var(--tp-color-orange);
	font-weight: 700;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 1;
	display: none;
	align-items: center;
	justify-content: center;
	margin-top: -14px;
	margin-right: -12px;
}

.ticketbottom {
	font-size: 12px;
	font-weight: 300;
}

.tickettop {
	display: flex;
	justify-content: space-between;
}

.ticketthema {
	width: 74%;
	background: var(--tp-color-400);
	padding: 10px 15px;
	border-radius: 10px;
	color: var(--tp-color-500);
	margin-bottom: 15px;
	text-align: center;
}

.ticketback {
	width: 24%;
	background: var(--tp-color-cyan);
	padding: 10px 15px;
	border-radius: 10px;
	margin-bottom: 15px;
	text-align: center;
	color: white;
}

.ticketbottom span {
	margin-right: 5px;
	font-weight: 500;
}

.tckmessage {
	margin-top: 25px;
}

.reftop {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
	color: white;
	margin-top: -198px;
	margin-bottom: 110px;
}

.refbottom {
	padding: 15px;
	background-color: var(--tp-color-200);
	border: 1px solid var(--tp-color-300);
	border-radius: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.reflink {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
}

.reflink span {
	font-size: 16px;
	font-weight: 600;
}

.reftop span,
.reftopstats span {
	font-size: 26px;
	font-weight: 600;
}

.reftopstats {
	display: flex;
	margin-bottom: 36px;
	margin-top: -88px;
	justify-content: space-between;
	color: white;
}

.refkmsyn,
.reftoplam {
	text-align: center;
}

.currencylist {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.currencybox {
	color: var(--tp-color-500);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--tp-color-400);
	padding-left: 15px;
	transition: 0.3s ease;
}

.currencybox:hover {
	color: var(--tp-color-500);
	background: var(--tp-color-200);
	padding-left: 20px;
}

.blogcontent {
	color: var(--tp-color-500);
	font-size: 16px;
	font-weight: 400;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.blogcontent span {
	height: 91px;
	overflow-y: hidden;
	font-weight: 300;
}

.blogcontent span a {
	color: white;
	font-weight: 500;
}

.blogbaslik {
	font-size: 18px;
	font-weight: 700;
	margin: 5px 0;
}

.blogbg img {
	filter: blur(13px);
	opacity: 0.52;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: scale(1.4);
}

.blogbg {
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	background: #000;
	z-index: -1;
}

.blogpc {
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-top: -179px;
	margin-bottom: 91px;
	color: #fff;
	font-weight: 600;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.childbg {
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	background: #000;
	z-index: -1;
}

.childbg img {
	filter: blur(5px);
}

.childpc {
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-top: -179px;
	margin-bottom: 91px;
	color: #fff;
	font-weight: 600;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.alertboxs {
	padding: 10px;
	background: var(--tp-color-400);
	border-radius: 10px;
	margin-top: 10px;
}

.sepetmodal {
	display: flex;
	height: 100%;
	flex-direction: column;
	position: fixed;
	width: 100%;
}

.sepetbos {
	display: flex;
	height: 100%;
	flex-direction: column;
	width: 100%;
	align-items: center;
	position: fixed;
	font-size: 20px;
	font-weight: 600;
	justify-content: center;
}

.favcontrol {
	display: flex;
	height: 100%;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	justify-content: space-between;
	padding: 20px;
	background: var(--tp-color-800);
	border-radius: 10px;
	align-items: center;
	color: var(--tp-color-100);
	margin-bottom: 10px;
}

.favcontrol span {
	text-align: right;
}

.favcontrol span a {
	color: var(--tp-color-cyan);
}

.favcontrol img {
	height: 38px;
}

.sepetbos img {
	height: 150px;
	margin-bottom: 30px;
}

#sepetListe {
	display: flex;
	align-items: center;
	padding-top: 10px;
	flex-direction: column;
	overflow-y: scroll;
	height: 90%;
	width: 100%;
	margin-top: 66px;
}

#sepetAlt {
	border-top: 1px solid var(--tp-color-200);
	display: flex;
	z-index: 999;
	height: 10%;
	align-items: center;
}

.sptorder {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.sptsol {
	width: 50%;
	text-align: left;
}

.sptfiyat {
	font-weight: 600;
	font-size: 18px;
	margin-left: 20px;
}

.sptsayi {
	font-weight: 600;
	font-size: 14px;
	margin-left: 20px;
}

.sptsag {
	width: 50%;
	margin-right: 20px;
}

.sptsag .m-btn {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sepetbox {
	background: var(--tp-color-200);
	padding: 5px;
	color: var(--tp-color-600);
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid var(--tp-color-300);
	flex-direction: row;
	justify-content: space-between;
	width: 95%;
	align-items: center;
}

.sepettop {
	padding: 2px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.sepetdetails {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.sptalt {
	margin-right: 5px;
	text-align: left;
}

.sptalt span {
	font-weight: 700;
	color: var(--tp-color-800);
}

.sepetbottom {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.sepetbottom .m-btn {
	padding: 5px 13px;
	margin-left: 5px;
}

.sepetname {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.sepetfiyat {
	font-weight: 600;
	font-size: 16px;
}

.sepetservis {
	font-weight: 600;
	font-size: 14px;
	text-align: left;
}

.sepetid {
	background: var(--tp-color-400);
	padding: 3px 5px;
	border-radius: 7px;
}

.contentalt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 10px;
}

.blogcontent .blogstats {
	color: #374151;
	font-size: 14px;
}

.blogstats {
	color: #cbd1e5;
}

.blogstats span {
	margin-right: 10px;
}

.carousel {
	max-width: 1200px;
	margin: auto;
}

.carousel .bkybox {
	color: #fff;
	font-weight: 600;
	border-radius: 10px;
}

.owl-dots {
	text-align: center;
	margin-top: 40px;
}

.owl-dot {
	height: 15px;
	width: 45px;
	margin: 0 5px;
	outline: 0;
	border-radius: 14px;
	border: 1px solid #0072bc !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
}

.owl-dot.active,
.owl-dot:hover {
	background: #0072bc !important;
}

.show {
	display: block;
}

.sertops {
	display: flex;
	justify-content: space-between;
}

.form-group__m-checkbox {
	background: var(--tp-color-300);
	display: flex;
	border-radius: 10px;
	height: 29px;
	padding: 4px 11px;
}

.form-group__label-title {
	margin-left: 5px;
	margin-top: 1px;
}

.sepetinfo {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#sepeterror {
	padding: 10px 10px 15px;
	background: var(--tp-color-red);
	border-radius: 7px;
	width: 100%;
	text-align: center;
	display: none;
	color: white;
	font-weight: 600;
}

#sepetsuccess {
	padding: 10px 10px 15px;
	background: var(--tp-color-green);
	border-radius: 7px;
	width: 100%;
	text-align: center;
	display: none;
	color: white;
	font-weight: 600;
}

.m-checkbox {
	position: relative;
	display: flex;
	align-items: center;
}

.m-checkbox .term {
	margin-left: 4px;
	font-size: 12px;
	color: var(--tp-color-500);
}

.m-checkbox .term a {
	color: var(--tp-color-800);
	font-weight: 600;
}

.m-checkbox .term a:link {
	text-decoration: none;
}

.m-checkbox input,
.m-checkbox svg {
	width: 21px;
	height: 21px;
	display: block;
}

.m-checkbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	outline: 0;
	background: var(--tp-color-400);
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 4px;
	transition: box-shadow 0.3s;
}

.gizli {
	display: none;
}

.m-checkbox input:hover {
	--s: 2px;
	--b: var(--border-hover);
}

.m-checkbox input:checked {
	--b: var(--border-active);
}

.m-checkbox svg {
	pointer-events: none;
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--tp-color-500);
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(var(--scale, 1)) translateZ(0);
}

.m-checkbox.path input:checked {
	--s: 2px;
	transition-delay: 0.4s;
}

.m-checkbox.path input:checked + svg {
	--a: 16.1 86.12;
	--o: 102.22;
}

.m-checkbox.path svg {
	stroke-dasharray: var(--a, 86.12);
	stroke-dashoffset: var(--o, 86.12);
	transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

.m-checkbox.bounce {
	--stroke: var(--tick);
}

.m-checkbox.bounce input:checked {
	--s: 11px;
}

.m-checkbox.bounce input:checked + svg {
	-webkit-animation: bounce 0.4s linear forwards 0.2s;
	animation: bounce 0.4s linear forwards 0.2s;
}

.m-checkbox.bounce svg {
	--scale: 0;
}

details {
	width: 100%;
	margin: 0 auto;
	background: var(--tp-color-200);
	border-radius: 0 0 7px 7px;
	overflow: hidden;
}

summary {
	padding: 1rem 1rem 1rem 2.2rem;
	display: flex;
	background: var(--tp-color-300);
	position: relative;
	cursor: pointer;
	border-radius: 7px 7px 0 0;
	align-items: center;
	font-weight: 600;
}

summary:before {
	content: "";
	border-width: 0.6rem;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 1.3rem;
	left: 1rem;
	transform: rotate(0);
	transform-origin: 0.2rem 50%;
	transition: 0.25s transform ease;
}

details[open] > summary:before {
	transform: rotate(90deg);
}

details summary::-webkit-details-marker {
	display: none;
}

details > ul {
	padding-bottom: 1rem;
	margin-bottom: 0;
}

video {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	filter: blur(75px);
	opacity: 0.8;
}

.video-wrapper {
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	background: #000;
	z-index: -1;
}

.video-wrapper2 {
	height: 543px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	background: #000;
	z-index: -1;
	margin-top: -120px;
}

.verfytext {
	font-size: 20px;
	font-weight: 400;
}

.verfyicon {
	font-size: 50px;
	font-weight: 400;
}

.verfybtn {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 20px;
}

.duyurubox {
	background: var(--tp-color-200);
	padding: 10px;
	margin: 10px 10px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 10px;
}

.duyurustats {
	font-size: 14px;
	font-weight: 400;
	background: var(--tp-color-cyan);
	padding: 5px 10px;
	border-radius: 5px;
	color: white;
}

.duyurutitle {
	font-size: 16px;
	font-weight: 600;
	margin-top: 5px;
}

.duyurucontent {
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	margin-top: 5px;
}

.duyurudate {
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
	text-align: left;
}

.modal {
	height: 100vh;
	display: grid;
	place-items: center;
}

.modal__button {
	display: inline-block;
	background-color: var(--first-color);
	color: #fff;
	padding: 1rem 1.25rem;
	border-radius: 0.5rem;
	transition: 0.3s;
}

.modal__button:hover {
	background-color: var(--first-color-alt);
}

.modal__container {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #00000091;
	width: 100%;
	height: 100%;
	display: grid;
	align-items: flex-end;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 999999999;
	visibility: hidden;
	opacity: 0;
	backdrop-filter: blur(3px);
}

.modal__content {
	position: relative;
	background-color: var(--tp-color-200);
	text-align: left;
	padding: 15px 0;
	color: var(--tp-color-500);
	border-radius: 10px 10px 0 0;
	transition: all 0.3s;
	transform: translateY(10%);
}

.modal__content b {
	color: var(--tp-color-500);
}

.modal__img {
	width: 150px;
	margin-bottom: 0.75rem;
}

.modal__close {
	display: inline-flex;
	background-color: var(--tp-color-400);
	border-radius: 7px;
	color: var(--tp-color-500);
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 8px;
	cursor: pointer;
	padding: 9px 11px 8px;
	z-index: 9;
}

.modal__title {
	font-size: 14px;
	color: var(--tp-color-500);
	font-weight: 500;
}

.modal__description {
	margin-bottom: 1.5rem;
}

.modal__button-width {
	width: 90%;
}

.modal__button-link {
	display: block;
	margin: 1rem auto 0;
	background-color: transparent;
	color: var(--first-color);
	font-weight: 500;
}

.show-modal {
	visibility: visible;
	opacity: 1;
}

.show-modal .modal__content {
	transform: translateY(0);
}

.modalbaslik {
	font-size: 28px;
	text-align: center;
	margin-bottom: 20px;
}

.modalpadding {
	padding: 0 14px;
}

.modalpadding .m-btn {
	margin-top: 10px;
}

option {
	background: var(--tp-color-300);
}

.gunicon {
	font-size: 32px;
	line-height: 1;
}

.gunsag {
	margin-right: 2px;
	height: 100%;
}

.gunsol {
	width: 100%;
}

.ticketsecbox {
	display: flex;
	justify-content: space-between;
}

.ticketsec {
	padding: 10px;
	background: var(--tp-color-300);
	width: 24%;
	border-radius: 7px;
	font-size: 14px;
	text-align: center;
	margin-bottom: 6px;
	border: 1px solid var(--tp-color-400);
}

.popupbaslik {
	font-size: 26px;
	font-weight: 600;
}

.popupaciklama {
	font-size: 18px;
	font-weight: 400;
}

.popupbutton {
	margin-top: 15px;
	margin-bottom: 14px;
}

.popupbutton .m-btn {
	color: white;
}

.popupresim {
	border-radius: 10px;
}

.popupresim img {
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	width: 100%;
}

.ticketsec:hover {
	background: var(--tp-color-400);
	border: 1px solid var(--tp-color-cyan);
	transition: 0.3s ease;
}

.fa-vimeo { color: #80c5ec; -webkit-background-clip: text; background-clip: text; }
.fa-twitch { color: #6842ac; -webkit-background-clip: text; background-clip: text; }
.fa-reddit { color: #f44707; -webkit-background-clip: text; background-clip: text; }
.fa-telegram,
.fa-telegram-plane { color: #1b95cf; -webkit-background-clip: text; background-clip: text; }
.fa-linkedin { color: #0475b4; -webkit-background-clip: text; background-clip: text; }
.fa-soundcloud { color: #ef7509; -webkit-background-clip: text; background-clip: text; }
.fa-spotify { color: #1fc158; -webkit-background-clip: text; background-clip: text; }
.fa-twitter { color: #1b9ff1; -webkit-background-clip: text; background-clip: text; }
.fa-facebook,
.fa-facebook-f { color: #12a1f4; -webkit-background-clip: text; background-clip: text; }
.fa-youtube { color: #e60606; -webkit-background-clip: text; background-clip: text; }
.fa-pinterest { color: #ee0226; -webkit-background-clip: text; background-clip: text; }
.fa-signal-stream { color: #17b3e6; -webkit-background-clip: text; background-clip: text; }
.fa-snapchat-ghost { color: #f9f606; -webkit-background-clip: text; background-clip: text; }
.fa-tumblr { color: #33435a; -webkit-background-clip: text; background-clip: text; }

.fa-tiktok {
	color: var(--tp-color-500);
	text-shadow: 1px 1px #f72e4dfc, -1px -1px #09f3f3;
}

.fa-comment-music { color: #f9de48; -webkit-background-clip: text; background-clip: text; }
.fa-discord { color: #5865f6; -webkit-background-clip: text; background-clip: text; }
.fa-dailymotion { color: #03a8fb; -webkit-background-clip: text; background-clip: text; }
.fa-eye { color: #01ffee; -webkit-background-clip: text; background-clip: text; }

.fab.fa-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #eb2880 90%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.panelmenulogo img {
	height: 40px;
}

@media screen and (min-width: 576px) {
	.modal__content {
		margin: auto;
		width: 700px;
		border-radius: 10px;
		text-align: left;
	}

	.modal__img {
		width: 170px;
	}
}

@media screen and (min-width: 1140px) {
	.fullmodal {
		height: 100%;
		width: 100%;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.fullmodal .modalpadding {
		width: 500px;
	}
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: 0;
}

::-webkit-scrollbar-thumb {
	background-color: var(--tp-color-400);
	border-radius: 20px;
}

.hidden {
	display: none !important;
}

.modalloader {
	background-color: var(--tp-color-300);
	overflow: hidden;
	width: 100%;
	height: 5px;
	position: fixed;
	left: 0;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	z-index: 100000;
}

.loader_element {
	height: var(--size);
	width: 100%;
	background: var(--tp-color-300);
}

.loader_element:before {
	content: '';
	display: block;
	background-color: var(--tp-color-cyan);
	height: 4px;
	width: 0;
	border-radius: 10px;
	animation: getWidth 7.3s ease-in;
}

.statusloader {
	display: none;
	overflow: hidden;
	width: 98%;
	background: #fff0;
	height: 8px;
	left: 0;
	z-index: 100000;
	margin-top: -10px;
	margin-bottom: 10px;
}

.status_element {
	height: var(--size);
	width: 100%;
	background: #fff0;
}

.status_element:before {
	content: '';
	display: block;
	background-color: white;
	height: 7px;
	width: 0;
	border-radius: 10px;
	animation: getWidth 3s linear infinite;
}

@keyframes getWidth {
	100% { width: 100%; }
}

.loader {
	margin: 50px auto;
	border: 1px solid var(--tp-color-600);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border-right-color: transparent;
	animation: anim 0.5s linear infinite;
}

@keyframes anim {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--tp-color-100);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
}

@-webkit-keyframes bounce {
	50% { transform: scale(1.2); }
	75% { transform: scale(0.9); }
	100% { transform: scale(1); }
}

@keyframes bounce {
	50% { transform: scale(1.2); }
	75% { transform: scale(0.9); }
	100% { transform: scale(1); }
}
/* =========================
   FIX: MOBIL TOPLOGO LIGHT MODE
   ========================= */

html.light .toplogo,
html.light .toplogo a{
  color:#111827 !important;
}

/* Eğer logo image ise (beyaz logo ise) */
html.light .toplogo img{
  filter: brightness(0) saturate(100%);
  -webkit-filter: brightness(0) saturate(100%);
}

/* Mobil header için ekstra garanti */
@media (max-width:768px){
  html.light .topmenu .toplogo,
  html.light .topmenu .toplogo a{
    color:#111827 !important;
  }

  html.light .topmenu .toplogo img{
    filter: brightness(0) saturate(100%);
    -webkit-filter: brightness(0) saturate(100%);
  }
}
@media (max-width: 768px){

  .ordrtop{
    width:100%;
    margin-bottom:8px;
    display:flex;
    flex-direction:column;
  }

  .ordrname{
    display:block;
    width:100%;
    font-size:14px;
    line-height:1.4;

    /* 🔥 TEK SATIR FIX */
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

}