/* ######  Blok Desktop CSS ######  */ 
 /* ######  Blok Desktop CSS ######  */ 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap');
html {
		font-family: sans-serif; line-height: 1.15;
		-webkit-text-size-adjust: 100%; 
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

body{
		margin: 0;
	
	font-family: Poppins, sans-serif;color: #6F6F6F;
	
		}

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

.border {border-color:#BAC7F5 !important;}
button[type=submit] {background-color:var(--renk3) !important;}
button[type=submit] * {color:var(--renk3f) !important;}

#menu-ust-kisayollar-1 li {padding:0 5px;border-right:1px solid var(--siyah);}
#menu-ust-kisayollar-1 li:last-child {border:0;}

#menu-ust {clear:both;float:none;margin:0 auto;background:var(--renk4);}
#menu-ust li a {color:var(--renk4f);}

#xmenu-ust ul:hover {background:var(--renk3);color:var(--renk3f);}
#xmenu-ust li:hover {background:var(--renk3);color:var(--renk3f);}
#menu-ust li a:hover {color:var(--renk5f);background:var(--renk5);border:0;}
#menu-uyeler-panel {clear:both;float:none;margin:0 auto;background:var(--renk1);}
#menu-uyeler-panel li {border-right:1px solid #aaa;}	
#menu-uyeler-panel li:last-child {border:0;}
#menu-uyeler-panel a {color:var(--renk1f);}
#menu-uyeler-panel a:hover {
		background:var(--renk6); color:var(--renk6f);
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}	



#ust-logo {overflow:hidden;}
#xust-logo img {width:100%;height:100%;}

#xdikey-blok {border-right:10px solid #000 !important;}
#dikey-blok * {font-size:13px;}
#dikey-blok ul > li:last-child {border:0 !important;}
#dikey-blok ul li:hover{background:#222;}

#ust-iletisim {font-size:80%;padding:0;}
#ust-iletisim div {float:right;padding:3px 15px 3px 3px;border-right:1px solid #777;margin:0;margin-right:2px;}
#ust-iletisim div:last-child {border:0;}
#ust-iletisim .tel a, 
#ust-iletisim .gsm a, 
#ust-iletisim .email{text-decoration:none;color:#ddd;}
#ust-iletisim .adres{clear:both;padding-top:3px;}
#ust-iletisim .fas{overflow:hidden;float:left;padding:5px;margin-right:5px;color:var(--renk-sosyal-medya-icons) !important;}
#ust-iletisim *{color:#fff;}


#alt-iletisim-blok {align-items:flex-start;}
#alt-iletisim .fa, 
#alt-iletisim .fas,
#alt-iletisim .fab {padding: 0.5rem 0.4rem;}
#alt-iletisim-blok *{color:#ddd;}

#alt-logo img {width:100%;height:100%;}
#ust-sitename-slogan a {text-decoration:none;}

#ust-sitename-slogan h1,
#alt-sitename-slogan h1 {font-size:2em;font-weight:600;text-align:left;color:var(--beyaz);}

#ust-sitename-slogan h2,
#alt-sitename-slogan h2 {font-size:1em;font-weight:400;text-align:left;color:var(--beyaz);}

#ust-sitename-slogan a .text3{font-size:1em !important;text-align:center !important;color:var(--beyaz);}

#link-uyelik-basvuru i, 
#link-uyelik-basvuru span, 
#link-uyelik-giris i,
#link-uyelik-giris span {clear:both;float:none;margin:0 auto;display:block;}


 
h1,h2,h3,h4 {border:0;}
.e-ticaret-ozellik-grid {border-top:1px solid #FFD200;}
.xnesne {border:1px dashed #b90000;}
xxxh3 {border:1px dashed #99cc99;} 

 
#uyeler-info-active-user-1 {text-align: center;width:100%;margin:0 auto;padding:0px;border:0px dashed #00cc22;}
#uyeler-info-active-user-1 a{
		clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px;
		display:block; text-align: center; vertical-align: top;
		padding:0px !important;
		border:0px dashed #00cc22;
		position:relative;
		
		}
#uyeler-info-active-user-1 a.ylogined{width:200px;background:#222;
		}
		
		
#uyeler-info-active-user-1 a.nlogined i{
		clear:both;float:none;overflow:hidden;margin:0 auto;
		display:block;text-align: center;
		}
#uyeler-info-active-user-1 a.nlogined div{
		clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px !important;
		display:block;text-align: center;
		
		}
#uyeler-info-active-user-1 a.ylogined .img-icon{width:50px;float:left;padding:5px;}
#uyeler-info-active-user-1 a.ylogined div{
		position:absolute;left:50px;top:10px; font-size:70%;
		border:0px dashed #00cc22;width:100%;text-align:left;
		padding:5px;
		font-size:70%;
		color:#fff;
		}


#fn-sepet_ozet {text-align: center;width:100%;margin:0 auto;padding:0px;border:0px dashed #00cc22;}
#fn-sepet_ozet a{
		clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px;
		display:block; text-align: center; vertical-align: top;
		padding:0px !important;
		}
#fn-sepet_ozet a i{
		clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px;
		display:block;text-align: center;
		}
#fn-sepet_ozet a span{
		clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px !important;
		display:block;text-align: center;
		font-size:70%;
		}

#sosyal-medya-link {text-align:right;border:0px solid #ddd;}
#sosyal-medya-link a {padding: 0.5rem 0.4rem !important;font-size:1em;}
#sosyal-medya-link i:hover{color:var(--mavi);}
#sosyal-medya-link i{color:var(--renk-sosyal-medya-icons) !important;}
 
h3 {
		margin:0.5em;
		font-size:1.5em;
		color: var(--h3f);
		}


a#btn-urun-kategorileri {
		clear:both;float:none;margin:0 auto;padding: 8px 16px;display: block;
		color: white;text-align:center;text-decoration: none;
		position: relative;background:rgba(25,25,25,0.3);
		height:35px;border:0px dashed #33ffcc;
		}
a#btn-urun-kategorileri i{
		display: block;  position: absolute;
		right: 0;  top: 0;  padding: 11px 16px;
		background: black;color: white;
		
		}
a#btn-urun-kategorileri:hover {
		background-color: rgba(255,255,255,0.4);
		color: black;
		}
		
.container-fluid {width:100%;}

#link-urunler {clear:both;float:none;font-size:2em;padding:10px;color:#222;text-align:right;margin:10px 0;border:0px solid #ddd;}
#bg-sayfa-ust {position: fixed;top:0px;z-index:9999;height:5px;width:100%;background:#4AC687 url('bg-sayfa-alt-1.png');}
#bg-sayfa-alt {position: fixed;bottom:0px;z-index:9999;height:5px;width:100%;background:#4AC687 url('bg-sayfa-alt-1.png');}
#ust-iletisim .whatsapp{display:none;}

#xtema-1 {
		position:fixed;bottom:0px;height:auto;height:100vh;top:0px;left:0;right:0;z-index:-1;
		clear:both;float:none;overflow:hidden;margin:0 auto;width:1170px;text-align:center;
/*
		background:#29334E url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_ak_sade.png);
		background:#29334E url('capraz-1.png');
		background:#3555AA url('capraz-1.png');
		background:#46506C url('capraz-1.png');
		
		border-left:0px dashed rgba(255,255,255,0.3);border-right:0px dashed rgba(255,255,255,0.3);

		border-radius: 86px 11px 73px 11px;
		-moz-border-radius: 86px 11px 73px 11px;
		-webkit-border-radius: 86px 11px 73px 11px;
		*/
		border-left:450px solid #36D6C2;
		border-left:350px solid #35405C;

		border-right:0px solid #222C44;
		}
#sayfa-genel-arkaplan-logo-zemin {
		position:absolute;left:-1100px;right:0px;top:100px;z-index:-2; 
		clear:both;float:none;margin:0 auto;width:480px;height:548px;
		background: url(bg_.png) no-repeat center top;
		}
		#xsayfa-genel-vitrin-zemin-yatay{
		position:absolute;left:0;right:0;top:268px;z-index:-3;clear:both;float:none;margin:0 auto;min-height:600px;
		border-bottom:0px solid #555555;color:#ffffff;
		/*
		
		background:#FDD858;
		background:#fff;
		background:rgba(255,255,255,0) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_sari_sade.png);
		*/
		
		
		background:rgba(255,0,60,1) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_sari_sade.png);
		background:#FDD858;
		background:#00CCB2;
		}  
		#sayfa-genel-vitrin-zemin-dikey{
		position:fixed;
position:fixed;
left:-60%;right:0;top:0px;bottom:100px;
z-index:-4;clear:both;float:none;margin:0 auto;width:500px;
height:100vh;
height:100%;
		border-bottom:0px solid #555555;color:#ffffff;
		/*
		
		background:#FDD858;
		background:#fff;
		background:rgba(255,255,255,0) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_sari_sade.png);
		*/
		
		
		background:rgba(255,0,60,1) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_sari_sade.png);
		background:#FDD858
		background:var(--renk3);
		background:var(--renk6);
border-right:1px dashed #222;
		} 
@media screen and (min-width: 1200px){

		.container-fluid {
		width:70%;min-width:1200px;
		padding:0 40px 0 40px;
		/* 
		border:0px solid rgba(0,0,0,0.1);
		border-top:0;
		border-bottom:0;
		background-color:var(--renk1);
		*/
		}

}


@media screen and (min-width: 990px){
	
		body{background:#fff url('xxbg-body-1.png') center -40px repeat-x;}
		body {background:#5D6885 url('/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/20_ak_sade.png');} 

		#xust-blok-1 {height:40px;background:rgba(255,255,255,0);color:#fff;}
		#xust-blok-2 {height:125px;border:0px solid #99cc99;color:#fff;}
		#xust-blok-3 {height:55px;border:0px solid #99cc99;}
		#sosyal-medya-link a {font-size:1.4em;}
		#menu-ust li a{color:#fff;}
		#menu-ust {float:right;}

		#icerik-blok {
		clear:both;float:none;margin:0 auto;
		background:rgba(245,245,245,1) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/x10_kara_sade.png);
		-webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
		-moz-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
		box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15);
		padding:20px;padding-bottom:30px;
		border-right:20px solid var(--renk5);
		border-left:120px solid var(--renk3) !important;
		border-top:0px solid var(--renk6);
		border-bottom:0px solid var(--renk6);
		}
	

}
@media screen and (min-width: 768px) and (max-width: 989px)  {
	
		body{background:#fff url('xxbg-body-1.png') center -40px repeat-x;}
		body {background:#5D6885 url('/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/20_ak_sade.png');}
		#ust-blok-1 {height:40px;border:0px solid #99cc99;}
		#ust-blok-2 {height:125px;border:0px solid #99cc99;}
		#ust-blok-3 {height:55px;border:0px solid #99cc99;}
		#menu-ust li a{color:#fff;}
		#menu-ust {float:right;}
		#ust-iletisim .email{display:none;}
		#icerik-blok {
				background:rgba(245,245,245,1) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/x10_kara_sade.png);
				-webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
				-moz-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
				box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15);
				padding:20px;padding-bottom:30px;
				border-left:20px solid #09A995 !important;
				border-right:0px solid #35405C !important;
				margin-top:10px;
				border-top:1px dashed #222;
				border-bottom:1px dashed #222;
		}


}


@media screen and (min-width: 200px) and (max-width: 767px)  {


		body{background:#fff url('xxbg-body-1.png') center -40px repeat-x;}
		body {background:#5D6885 url('/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/20_ak_sade.png');}

		#xust-logo {clear:both;float:none;overflow:hidden;margin:10px auto;padding:0px;text-align:center;}
		a#btn-urun-kategorileri {
		position:absolute;top:-54px;left:0px;z-index:2147483629;
		clear:both;float:none;overflow:hidden;margin:0 auto;
		background:var(--renk6);
		width:150px;
		text-align:left;
		height:38px;
		border-radius: 0px 5px 5px 0px; 
		-moz-border-radius: 0px 5px 5px 0px; 
		-webkit-border-radius: 0px 5px 5px 0px;
		}
		a#btn-urun-kategorileri:hover {background-color:#b90000;}
		a#btn-urun-kategorileri i{
		display: block;  position: absolute;
		right: 0;  top: 0;  padding: 11px 16px;
		height:38px;
		background: var(--mavi);color: white;
		border-radius: 0px 5px 5px 0px; 
		-moz-border-radius: 0px 5px 5px 0px; 
		-webkit-border-radius: 0px 5px 5px 0px;
		}

		#menu-urun-kategorileri {
		position:fixed;bottom:0px;right:0;z-index:2147483628;
		clear:both;float:none;overflow:auto;margin:0 auto;padding:20px;padding-top:60px;
		width:auto;width:calc(100% - 150px); height:calc(100%); 
		font-size:12px;
		display:none;
		/* 
		max-height:80vh; 
		width:calc(100% - 200px); 
		*/
		} 		
		#menu-urun-kategorileri *{font-size:11px;}

		.aktifobjeTheme {background-color:var(--renk3);color:var(--renk3f);}
		#xurun-arama-form {padding-left:160px;}
		#sosyal-medya-link {
		position:absolute;top:0px;right:0;z-index:2;
		text-align:right;
		border:1px solid #ddd;
		}

		#icerik-blok .product-image a img{width:100% !important;padding:0 !important;margin:0 !important;}
		  

		
}


#designer {font-size:70%;color:#000;}
#designer *{color:#000;}

.animated { 
		-webkit-animation-duration: 2s; 
		animation-duration: 2s; 
		-webkit-animation-fill-mode: both; 
		animation-fill-mode: both;
		}
@-webkit-keyframes fadeIn {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
@keyframes fadeIn {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
.fadeIn {
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		}