@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-purple: #781adc;
	--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-purple: #781adc;
	--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-purple: #781adc;
	--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-top: 10px; */
		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 .4s;
		position: absolute;
		right: 0;
		left: 0;
		padding-bottom: -6px;
		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 .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 .4s;
		position: absolute;
		right: 0;
		left: 0;
		padding-bottom: -6px;
		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 .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;
		color: var(--tp-color-600);
		border-radius: 0;
		padding-bottom: 6px;
		border: 0;
		border-bottom: 2px solid var(--tp-color-300);
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
		transition: .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 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%;
	}

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

	.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: .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: var(--tp-color-100);
		height: 108px;
		padding-left: 15%;
		padding-right: 15%;
		right: 0;
		backdrop-filter: blur(1.1999999999999993rem);
		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,
	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;
	}

	.toplogo:link {
		text-decoration: none
	}

	.toplogo:hover {
		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 4px 4px 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 4px 4px 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 .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 .4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
		position: absolute
	}

	.categorymenu.active body {
		opacity: .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 .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 .4s;
		border: 1px solid var(--tp-color-300);
		z-index: 999999999;
		position: absolute
	}

	.servicesmenu.active body {
		opacity: .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;
		/* height: 56px; */
		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: 0px;
		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: .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;
		z-index: 999999999;
		justify-content: space-between;
		margin: -42px 20px 20px 20px;
		align-items: center;
	}

	.panelmenulist {
		display: none;
	}

	.panelmenulist li {
		display: block;

		padding: 10px 10px;
		border-radius: 10px;
		text-decoration: none;
		color: var(--tp-color-400);
	}

	.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: .5s ease
	}

	.topmenulist li.active {
		background: var(--tp-color-300);
		transition: .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 4px 4px 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: 0px;
		line-height: 1;
		padding: 0px;
		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 .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 .3s ease
	}

	.bottomnav i {
		display: inline;
		font-size: 16px;
		color: var(--tp-color-500);
		transition: color .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;
	margin-top: 0px;
	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;
	/* display: flex; */
	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 {
	margin-bottom: 1px;
	z-index: 99;
}

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

z-index: 99;
}

.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 {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: white;
	margin-top: -84px;
	margin-bottom: 7px;
}

.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: 0px;
	font-weight: 600;
	margin-right: 5px;
	transition: .2s ease;
}

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

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

.serbox .servicefav {
	display: flex;
	width: 12px;
	margin: 0px;
	margin-top: 2px;
	font-size: 16px;
	margin-left: 5px;
}
.serbox .deletefav {
	display: flex;
	width: 12px;
	margin: 0px;
	margin-top: 2px;
	font-size: 16px;
	margin-left: 5px;
}
.servicefav {
	display: flex;
	width: 10px;
	margin: 6px;
	line-height: 1;
}

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


.dbox .video-wrapper {
	border-radius: 25px;
	height: 75px;
	margin: 0px 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{
	filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(43deg) brightness(105%) contrast(108%);
}

html.black .toplogo img{
	filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(43deg) 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: .2s ease;
}

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

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

.accounttop {
	min-height: 20px;
	margin-bottom: 10px;
	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:href{
	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:href{
	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 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
}

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

.dropdown i {
	height: 15px
}

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

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

.dropdown-menu {
	transform: translate3d(0, -1px, 0) !important
}

.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
}

.blog-box {
	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: .2s ease;
	text-decoration: none;
}

.btnalt {}

.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 {
	text-decoration: none
}

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

.btn-red:link {
	text-decoration: none
}

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

.btn-main:link {
	text-decoration: 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 {
	background: var(--tp-color-300);
	padding: 4px 8px;
	border-radius: 7px;
	margin-right: 5px;
	color: white;
	font-weight: 600;
	font-size: 11px;
	margin-top: 4px;
}

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

.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: 0;
	width: 100%;
	border-radius: 7px;
	padding: 9px;
	color: var(--tp-color-500);
	border: 1px solid var(--tp-color-400)
}

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

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

input::placeholder {
	color: 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: 0;
	color: var(--tp-color-500);
	z-index: 3;
	align-items: center;
	FONT-WEIGHT: 600;
	border: 1px solid var(--tp-color-300);
	justify-content: space-between
}

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

.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
}

.catselect img {
	margin-right: 5px
}

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

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

.categorybox::after {
	transition: all .4s
}

.categorycontent {
	background: 0;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .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: .5s ease;
}

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

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

.sertopmenu .m-btn {
	padding: 7px 11px;
	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 .4s
}

.servicescontent {
	background: 0;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .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: .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: .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: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: grid;
	overflow: hidden;
	transition: all .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 .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: 0px;
	}
}

@media screen and (max-width:576px) {

	.menu_content {
		position: fixed;
		background-color: var(--tp-color-100);
		text-align: center;
		transition: all .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:0px;
	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: .75rem
}


.menu_button-width {
	padding: 0px 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;
	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
}

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

.icontext {
	font-size: 10px;
	padding: 0;
	padding-right: 5px;
	FONT-WEIGHT: 500;
}

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

.fade-in {
	-webkit-animation: fadeIn .3s;
	-moz-animation: fadeIn .5s;
	-o-animation: fadeIn .5s;
	-ms-animation: fadeIn .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: .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: invert(30%) sepia(9%) saturate(950%) hue-rotate(176deg) brightness(97%) contrast(86%);
	filter: brightness(1.)
}

html.dark .themeselectimg img {
	width: 100%;
	height: 100%;
	filter: invert(100%) sepia(11%) saturate(558%) hue-rotate(176deg) brightness(100%) contrast(97%);
	filter: brightness(1.5)
}

html.black .themeselectimg img {
	width: 100%;
	height: 100%;
	filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg) brightness(101%) contrast(103%);
	filter: brightness(1.)
}

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

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

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

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

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

.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 {
	background: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	border-radius: 0;
	height: 20px
}

#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 {
	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
}

.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;
	/* margin-bottom: -10px; */
}

.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: .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 {
	background: var(--tp-color-300);
	color: var(--tp-color-500)
}

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

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

.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: .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);
	line-height: normal;
	FONT-WEIGHT: 700;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -14px;
	display: none;
	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;
	margin-bottom: 20px;
	background-color: var(--tp-color-200);
	border: 0;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid var(--tp-color-300);
}

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

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

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

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

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

.refkmsyn {
	text-align: center;
}

.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: .3s ease;
}

.currencybox:hover {
	color: var(--tp-color-500);
	background: var(--tp-color-200);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--tp-color-400);
	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: .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 .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;
	background:var(--tp-color-red);
	border-radius:7px;
	width:100%;
	text-align:center;
	display: none;
	color: white;
	padding-bottom: 15px;
	font-weight: 600;
}

#sepetsuccess{
	padding:10px;
	background:var(--tp-color-green);
	border-radius:7px;
	width:100%;
	text-align:center;
	display: none;
	color: white;
	padding-bottom: 15px;
	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 .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;
	width: 21px;
	height: 21px;
	transform: scale(var(--scale, 1)) translateZ(0)
}

.m-checkbox.path input:checked {
	--s: 2px;
	transition-delay: .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 .6s, stroke-dashoffset .6s
}

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

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

.m-checkbox.bounce input:checked+svg {
	-webkit-animation: bounce .4s linear forwards .2s;
	animation: bounce .4s linear forwards .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;
	display: flex;
	background: var(--tp-color-300);
	padding-left: 2.2rem;
	position: relative;
	cursor: pointer;
	border-radius: 7px 7px 0 0;
	align-items: center;
	FONT-WEIGHT: 600;
}

summary:before {
	content: "";
	border-width: .6rem;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 1.3rem;
	left: 1rem;
	transform: rotate(0);
	transform-origin: .2rem 50%;
	transition: .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: .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-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 10px 10px 0px 10px;
	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: .5rem;
	transition: .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 .3s;
	z-index: 999999999;
	visibility: hidden;
	opacity: 0;
	backdrop-filter: blur(3px);
}

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


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

.modal__img {
	width: 150px;
	margin-bottom: .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: 8px 11px;
	z-index: 9;
	padding-top: 9px;
}

.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: 0px 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: .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: 0px;
		display:
			flex;
		align-items: center;
		justify-content: center;
	}

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

@media screen and (max-width:1140px) {
	.fullmodal {}
}

::-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: 100%;
	background: #fff0;
	height: 8px;
	left: 0;
	z-index: 100000;
	margin-top: -10px;
	margin-bottom: 10px;
	width: 98%;
}

.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: flex;
	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)
	}