/* ######  Blok Desktop CSS ######  */ 
 /* ######  Blok Desktop CSS ######  */ 
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;60&display=swap');
body {font-family: 'Ubuntu', sans-serif;}
/*
body::-webkit-scrollbar {width: 1em;}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
body::-webkit-scrollbar-thumb {background-color: #333;outline: 1px solid #999;}
*/
/* ---------------------------------------------------------------- */
:root {
--width-genel-kalip : 1200px;
--width-genel-kalip-dis-bloklar : 1160px;
--width-genel-kalip-ic-bloklar : 1100px;
}
.width-genel-kalip-ic-bloklar {width:var(--width-genel-kalip-ic-bloklar);};
.width-genel-kalip-dis-bloklar {width:var(--width-genel-kalip-dis-bloklar);};

 x * {border:1px dashed yellow;}
.xnesne {border:1px dashed green;}
.xsayfa-blok {border:1px dashed blue;}
 

.xnesne-baslik {clear:both;float:none;display:block;color:var(--renk1);font-size:1em;padding:10px;margin-bottom:5px;}
.sayfa_icerigi-baslik
{
font-size:1.5em;
text-align:right !important;padding:10px;
border-bottom:3px solid var(--renk4);
}
.fa-icons-genel i{color:var(--renk1f);margin-left:15px;font-size:1.2em;padding:0px;}
.fa-icons-genel i:hover{background:yellow;color:black;}

#bg-sayfa-ust {position: fixed;top:0px;z-index:9;height:2px;width:100%;}
#bg-sayfa-alt {position: fixed;bottom:0px;z-index:9;height:2px;width:100%;}

#zemin-sayfa-kalip, #ust-blok,
.logo-sayfa-ust-zemin-1, .site-isim-sayfa-ust,.site-slogan-sayfa-ust,
#ust-iletisim, #menu-ust-blok, #menu-ust-bg, #menu-ust,
#dil-button, #ara-form, #haberband, #icerik-blok, .sayfa_yazisi,
#ana-slide,#ana-slide-mask, #ana-slide-mask-filigran,
#menu-catx-catcher-grid , #ana-slide-windy, #d3gallery, 
#icerik-alt-blok, #yazi-hosgeldiniz, #grup-menu-anasayfa-1, #alt-iletisim-blok,
#sosyal-medya-link-1, #sayfa-kisayol-iconlar-1,#yardimci_butonlar,#tarih
{clear:both;float:none;margin:0 auto;}

#menu-ust-bg{
background:var(--renk2) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_ak_sade.png);
color:var(--renk2f);
}

#icerik-blok {background:var(--renk-icerik-blok);color:var(--renk-icerik-blokf);}
#xana-slide-mask {background-color: var(--renk3);}
#ana-slide-windy {overflow:hidden;padding:0;width:fit-content;}
#ana-slide-windy li{background-color:var(--renk2);border-color:var(--renk2);}
#ana-slide-windy li h4 {color:var(--renk2f);}

#menu-catx-catcher-grid {text-align:center;display: flex;}
#menu-catx-catcher-grid ul {list-style-type:none;text-align:center;padding:5px;flex:auto;display: flex;}
#menu-catx-catcher-grid li {list-style-type:none;flex:auto;padding:0;margin:0;display:flex;}
#menu-catx-catcher-grid li a{
clear:both;float:none;overflow:hidden;margin:3px;padding:10px;
display:block;text-align:center;font-size:1.2em;
background:var(--renk5);color:var(--renk5f);
}

#grup-menu-anasayfa-1 {background:rgba(25,25,25,0.2);background:var(--renk4);}
#grup-menu-anasayfa-1 ul {display:flex;clear:both;float:none;overflow:hidden;margin:0 auto !important;padding:0;}
#grup-menu-anasayfa-1 ul >li {flex:auto;background:var(--renk4);border:5px solid var(--renk4) !important;}
#grup-menu-anasayfa-1 * {color:var(--renk4f);}
#grup-menu-anasayfa-1 .ca-icon{font-size:2.5em;}
#grup-menu-anasayfa-1 li:hover{background:var(--siyah);}

#d3gallery {padding:20px;background:var(--renk5);}
#d3gallery #dg-container{overflow:hidden;max-width:100%;}
#d3gallery a div {color:var(--renk2f);background:var(--renk2);}
#d3gallery a img {border:10px solid var(--renk2);}

#yazi-hosgeldiniz {background:var(--renk6) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/10_ak_sade.png);}
#yazi-hosgeldiniz {max-width:var(--width-genel-kalip-dis-bloklar);padding:20px;}
#yazi-hosgeldiniz p{color:var(--renk2f);}
#yazi-hosgeldiniz a{color:var(--renk2f);}
#yazi-hosgeldiniz h2{color:var(--renk2f);font-size:1.5em;padding-bottom:10px;border-bottom:0px solid #E6B802;margin-bottom:10px;}


#alt-iletisim-blok {background:var(--alt-iletisim-blok-bg);}

#haberband {overflow:hidden; background:var(--renk4);}
#haberband *{color:var(--renk4f);text-decoration:none;}

#ara-form button {color:var(--renk7f);background:var(--renk7);border:0;}
#ara-form input {border:0;}#ara-form input:hover {background:#ddd;}
#dil-button {width:fit-content;padding:10px;}
#dil-button a{ color:var(--renk5f);}
#galleria img{clear:both;float:none;overflow:hidden;margin:0 auto;text-align:center;}

#icerik-blok img{max-width:100%;}
/* -----------------------------------------------------------------*/

@media screen and (min-width: 1200px) 
{ 
	body {background:var(--renk-body) url('x/img/img-patterns-1/marble_background_2.jpg') no-repeat center top;
/*
height:100%;
    background: -moz-linear-gradient(top, var(--renk7) 20%, var(--renk9) 80%);
    background: -webkit-linear-gradient(top,var(--renk7) 20%,var(--renk9) 80%);
    background: linear-gradient(to bottom, var(--renk7) 20%,var(--renk9) 80%);		 
		 */
		 }
	xbody * {display:none;}

	#zemin-sayfa-kalip{
	position:fixed;left:0;right:0;top:0px;bottom:0;z-index:-2;
	height:auto;height:100vh;width:var(--width-genel-kalip-dis-bloklar);
	border-left:40px solid var(--renk3);border-right:40px solid var(--renk3);
	background:var(--zemin-sayfa-kalip-bg);
	background:var(--zemin-sayfa-kalip-bg);
		background:var(--beyaz);
	background-image:url('x/img/img-patterns-1/capraz-1.png');
	border:0;
		border-top:0px solid var(--renk2);
	}
#xlogo-bg-1{
    position:absolute;top:0px;left:-730px;right:0;z-index:9;
    clear:both;float:none;margin:0 auto;
    width:450px;height:200px;
    clip-path: polygon(0 0, 100% 0, 87% 99%, 4% 67%);
    /*
    background: rgb(214,5,63);
    background: linear-gradient(32deg, rgba(214,5,63,1) 0%, rgba(236,17,78,1) 100%);
    */
    background:rgba(51,51,51,0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px -13px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px -13px rgba(0,0,0,0.75);
    
  }
  #logo-bg-2{
    position:absolute;top:0px;left:-720px;right:0;z-index:10;
    clear:both;float:none;margin:0 auto;
    width:340px;height:160px;
	  background:#000;
	  
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px -13px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px -13px rgba(0,0,0,0.75);

    
  }
	.logo-sayfa-ust{clear:both;float:none;overflow:hidden;margin:0 auto;text-align:center;}
	.logo-sayfa-ust img {position:absolute;left:0;right:0;top:0;bottom:0;margin: auto;}
	.xlogo-sayfa-ust-zemin-1{
	position:absolute;left:-740px;right:0px;top:30px;z-index:10; width:380px;height:120px;
	background:url(logo-sayfa-ust-zemin-1.png) no-repeat center bottom;
	}
	.logo-sayfa-ust.logo-full-type {
	position:absolute;top:25px;left:-720px;right:0;z-index:11;
	height:100px;width:300px;padding:0px;
	}
	.logo-sayfa-ust.logo-icon-type {
	position:absolute;top:0px;left:-980px;right:0;z-index:11;
	height:160px;width:100px;padding:0px;
	background:var(--logo-sayfa-ust-bgcolor);
		background:var(--renk1);
		
	}
	.site-isim-sayfa-ust{
	position:absolute;top:10px;left:-600px;right:0;z-index:11;
	padding:5px 10px; max-width:280px;height:70px;
	color:var(--renk3f);font-size:1.5em !important;
		
		
	}
	.site-slogan-sayfa-ust{
	position:absolute;top:80px;left:-600px;right:0;z-index:11;
	padding:5px 10px;width:280px;
	font-size:1.2em !important;color:var(--renk3f);
		
	}
	#ust-iletisim {position:absolute; right:-420px; left:0px; top:0px; z-index:99;display: table-row;width:700px;}
	#ust-iletisim > div {float:right;padding:3px 10px;border-left:2px solid var(--renk2);}
	#ust-iletisim *{color:var(--renk1f);font-size:0.9em;}
	#ust-iletisim .fas{padding-right:5px;}
	#ust-iletisim a{text-decoration:none;}
	#ust-iletisim .adres{font-size:0.8em;color:var(--renk2f);padding:10px;border:0;}

	#menu-ust-blok {width:var(--width-genel-kalip-dis-bloklar);}
	#menu-ust-bg{position:absolute;top:0px;left:0;right:0;z-index:0;height:160px;
				border-top:30px solid var(--renk1);
				border-bottom:40px solid var(--renk2);
				}
	#menu-ust {position:absolute;left:0;right:-420px;top:70px;z-index:12;
			   clear:both;float:none;margin:0 auto;
			   border-top:1px solid var(--renk1);
			   width:800px;
			   
			  }
	#menu-ust >ul > li{border-left:1px solid var(--renk1);} 
	#menu-ust >ul > li:first-child{border:0;} 
	#menu-ust li a:hover{color:#fff;background:#111;} 
    #menu-ust a {color:var(--renk2f);font-size:0.8em;font-weight:600;}

	#icerik-blok {
	max-width:var(--width-genel-kalip-ic-bloklar);
	margin-top:200px;border-bottom:10px solid var(--renk1);
	min-height:480px;
		
	}
	#xicerik-blok:empty{display:none;}
	#icerik-blok .sayfa_yazisi {overflow:hidden;padding:20px;margin:10px;}  
	#axna-slide {
				clear:both;float:none;margin:0 auto;overflow:hidden;
		
			   }
#axna-slide {background:white;padding:10px;
			   
				clear:both;float:none;margin:0 auto;overflow:hidden;
			   width:100%;
				height:500px;
			   }
#ana-slide {
position:absolute;top:140px;left:0;right:0;z-index:0;clear:both;float:none;overflow:hidden;margin:0 auto;
	width: 100%;!important;
	height:600px;border-bottom:40px solid var(--renk2);
}
	#ana-slide .item img{
	width:100% !important;height:600px;
}
#ana-sayfa-slide-item-div-1 {
	/* 
	position:absolute;top:30px;left:0px;z-index:-1;
	clear:both;float:none;margin:0 auto;
	width:420px;height:200px;
	background:var(--renk1);opacity:0.3;
	*/	
	/* 
	background-image:url('/img/img-pattern-capraz-cizgi-sag/20_kara_sade.png');
	border-top:5px solid var(--renk3);border-bottom:5px solid var(--renk3);opacity:1;
	*/
	}
	.owl-slide-items1-for-all-901 .item-detail{
	position:absolute;top:100px;bottom:inherit;right:0px;z-index:0;
	left:calc(-1 * (var(--width-genel-kalip-ic-bloklar) - 400px));
	clear:both;float:none;margin:0 auto;padding:30px;
	text-align:left;text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	max-width:450px;height:auto !important;padding-top:20px;
	/*
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(255,51,255,0) 100%);
	url('pngwing.com (40).png');
	background:rgba(2,2,2,0.2);
	background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6)), url('/img/img-pattern-capraz-cizgi-sag/10_kara_sade.png');
	background-position:left top 100px;
	background-repeat:no-repeat;background-size:100%;height:100%;
	*/
	background:var(--renk1);
	transition:0.3s;
	background-image:url('/img/img-pattern-capraz-cizgi-sag/10_ak_sade.png');
	/* border-left:100px solid var(--renk1); */
	/*
	background:var(--renk2) url('pngwing.com (11).png');
	background-position:left top;
	background-repeat:no-repeat;background-size:100%;height:100%;
	border:0;
	*/
	}
	.owl-slide-items1-for-all-901 .item-detail h3{
	color:var(--renk1f) !important;font-size:1.3em;
	border:0;margin:0;padding:1em 0;margin-bottom:1em;
	border-bottom:3px solid var(--renk3f);
	transition:0.3s;
	}
	.owl-slide-items1-for-all-901 .item-detail p{
	color:var(--renk3f) !important;font-size:2em;
	border:0;margin:0;padding:0;
	transition:0.3s;
	}
	
	#xana-slide-mask {
	position:absolute;left:0;right:-120px;top:160px;z-index:2; 
	width: 0;height: 0;
	border: 0 solid transparent;
	border-right-width: 37px;border-left-width: 900px;
	border-top: 100px solid var(--renk2);
		clear:both;float:none;margin:0 auto;overflow:hidden;
	}
	#xana-slide-mask {
	position:absolute;left:0;right:0;top:140px;z-index:0; 
	clear:both;float:none;margin:0 auto;overflow:hidden;
	width:var(--width-genel-kalip-dis-bloklar);
		width:100%;
	height:60px;background:var(--renk2);opacity:0.7;
	
	
		
	}
	

	#ana-slide-mask-filigran{
	position:absolute;left:0;right:0px;top:470px;z-index:2; 
	width: 200px;height: 70px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#xxxana-slide-mask-filigran{
	position:absolute;left:0;right:-800px;top:470px;z-index:2; 
	width: 200px;height: 70px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#ana-slide-windy {position: absolute;z-index:11;left:0;right:-640px;top:240px;}
	#menu-catx-catcher-grid {max-width:var(--width-genel-kalip-ic-bloklar);}
	#menu-catx-catcher-grid *{background:#1c0d0d !important;}
	#icerik-alt-blok {border-top:0px solid var(--renk3);max-width:var(--width-genel-kalip-ic-bloklar);
					  background:var(--beyaz);
					  border-bottom:5px solid var(--renk3);
					  overflow:hidden;
					  
					  
					 }
	#ana-sayfa-whatsapp-link-1 {
		clear:both;float:none;margin:0 auto;text-align:center;z-index:12;
	position:relative;left:0;right:0;
		max-width:var(--width-genel-kalip-ic-bloklar);
		
		
		
	}
#ana-sayfa-whatsapp-link-1 img{
		clear:both;float:none;margin:0 auto;text-align:center;
	max-width:100%;max-height:130px;padding:10px;
	background:red;
	
	}	
	#grup-menu-anasayfa-1 {max-width:var(--width-genel-kalip-dis-bloklar);}
	#grup-menu-anasayfa-1 ul li{margin:0;}
	#ana-sayfa-manset {
		
		
		clear:both;float:none;margin:0 auto;overflow:hidden;padding:0;width:100%;}
	#ana-sayfa-manset img{
		height:270px;
					   position:relative;margin-top:0px;
					  background:var(--renk3);z-index:13;
					  }
	#alt-iletisim-blok {
	position:relative;overflow:hidden;padding:0px;
	max-width:var(--width-genel-kalip-ic-bloklar);min-height:200px !important;
	}
	.logo-sayfa-alt{position:absolute;top:20px;left:20px;z-index:11;text-align:center;}
	.logo-sayfa-alt img {position:relative;left:0;right:0;top:0;bottom:0;margin: auto;width:100%;height:100%;}
	.logo-sayfa-alt.logo-full-type {width:250px;height:100px;padding:0px;}
	.logo-sayfa-alt.logo-icon-type {width:70px;height:70px;background:var(--logo-sayfa-alt-bgcolor);position:relative;}
	.site-isim-sayfa-alt,.site-slogan-sayfa-alt{position:absolute;z-index:11;width:350px;}
	.site-isim-sayfa-alt{top:20px;left:100px;color:#222;font-size:1.5em !important;}
	.site-slogan-sayfa-alt{top:60px;left:100px;font-size:1em !important;color:#444;}

	#alt-iletisim {
	position:absolute;top:0px;right:0px;z-index:11;padding:20px;
	float:right;text-align:right;font-size:14px;max-width:550px;
	}
	#alt-iletisim > div {color:#666666;clear:both;}
	#alt-iletisim .fas{float:right;color:var(--renk-fa-icons);width:30px;}
	#alt-iletisim .iletisim a{text-decoration:none;}
	#alt-iletisim .adres{font-size:12px;display:block;}

	/*
	#dil-button {position:absolute;z-index:10;top:20px;left:0;right:-1150px;
				 background:var(--renk5) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/30_kara_sade.png);
				}
	#sayfa-kisayol-iconlar-1 {
		position:absolute;z-index:11;top:160px;left:0px;right:-950px;width:150px;
		border-left:2px solid var(--renk3);
	}
	#sosyal-medya-link-1  {
	position:absolute;z-index:11;top:160px;left:0px;right:-300px;
	width:200px;padding:0 20px;text-align:center;
	border-left:2px solid var(--renk3);
	}
	#yardimci_butonlar{
	position:absolute;z-index:11;top:160px;left:0px;right:-650px;
	width:150px;padding:4px;text-align:center;
	border-left:2px solid var(--renk3);
	}
	#tarih{
	position:absolute;z-index:11;top:160px;left:-950px;right:0px;
	width:150px;padding:4px;text-align:center;
	}

*/

	#dil-button {position:absolute;z-index:12;top:120px;left:0px;right:-1130px;width:30px;
				 background:var(--renk1) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/30_kara_sade.png);
				}
	#tarih{
		position:absolute;z-index:11;top:120px;left:-40px;right:0px;
		width:100px;height:30px;padding:10px;text-align:center;color:var(--renk2f);font-size:70%;
		background: var(--renk4);color:var(--renk4f);text-align:center;
	}
	#sayfa-kisayol-iconlar-1{
		position:absolute;z-index:11;top:120px;left:0px;right:-250px;
		width:150px;height:30px;padding:10px;text-align:center;
	}
	#yardimci_butonlar{
		position:absolute;z-index:11;top:120px;left:0px;right:-550px;
		width:150px;height:30px;padding:10px;text-align:center;
	}
	#sosyal-medya-link-1{
		position:absolute;z-index:11;top:120px;left:0px;right:-900px;
		width:200px;height:30px;padding:10px;text-align:center;
	}
	#dil-button, #tarih, #sayfa-kisayol-iconlar-1, #yardimci_butonlar, #sosyal-medya-link-1  {border-left:1px solid #444;height:40px;}
	#dil-button, #tarih{border:0;}

	
	#ara-form {position:absolute;z-index:10;top:130px;left:0;right:0;width:400px;height:50px;padding:5px;background:var(--renk2);}
	#haberband {position:absolute;z-index:10;left:0;right:-500px;top:120px;padding:5px;width:600px;height:40px;border:0px solid #444;
			   }
#haberband-baslik {
		position: absolute;left:-260px;right:0px;top: 120px;z-index:9;height:40px;
		clear: both;float: none;overflow: hidden;margin: 0 auto;width: 120px;padding:10px;
		background: var(--renk3);color:var(--renk3f);text-align:center;font-size:70%;
	
		}

	#audio-object-1 {
		position:absolute;z-index:12;left:0;right:-500px;top:160px;
		clear:both;float:none;margin:0 auto;overflow:hidden;
		width:600px;height:40px;
			   }
	#audio-object-1 audio{
		display:block;
		width:100%;height:100%;
			   }
	#designer{position:absolute;bottom:20px;right:20px;z-index:11;text-align:center;}
}

@media screen and (min-width: 768px) and (max-width: 1199px)
{

	:root {
--width-genel-kalip : 100%;
--width-genel-kalip-dis-bloklar : 100%;
--width-genel-kalip-ic-bloklar : 100%;
}

	#zemin-sayfa-kalip{
	position:fixed;left:0;right:0;top:0px;bottom:0;z-index:-2;
	height:auto;height:100vh;width:var(--width-genel-kalip-dis-bloklar);
	border-left:40px solid var(--renk3);border-right:40px solid var(--renk3);
	background:var(--zemin-sayfa-kalip-bg);
		
	border:0;
	}
	.logo-sayfa-ust{clear:both;float:none;overflow:hidden;margin:0 auto;text-align:center;}
	.logo-sayfa-ust img {position:absolute;left:0;right:0;top:0;bottom:0;margin: auto;}
	.logo-sayfa-ust-zemin-1{
	position:absolute;left:0;top:0px;z-index:10; width:380px;height:120px;
	background:url(logo-sayfa-ust-zemin-1.png) no-repeat center bottom;
		display:none;
	}
	.logo-sayfa-ust.logo-full-type {
	position:absolute;top:10px;left:40px;z-index:11;
	height:100px;width:300px;padding:0px;
	}
	.logo-sayfa-ust.logo-icon-type {
	position:absolute;top:0px;left:0;z-index:11;
	height:100px;width:100px;padding:0px;
	background:var(--logo-sayfa-ust-bgcolor);
	}
.logo-sayfa-ust.logo-icon-type img,
.logo-sayfa-alt img {position:relative;left:0;right:0;top:0;bottom:0;margin: auto;width:100%;height:100%;}
	.site-isim-sayfa-ust{
	position:absolute;top:10px;left:100px;z-index:11;
	padding:5px 10px; max-width:300px;
	color:var(--renk2f);font-size:1.5em !important;
	}
	.site-slogan-sayfa-ust{
	position:absolute;top:70px;left:100px;z-index:11;
	padding:5px 10px;max-width:300px;
	font-size:1.2em !important;color:var(--renk2f);
	}
	#ust-iletisim {position:absolute;right:0px; top:0px; z-index:99;display: table-row;max-width:calc(100% - 400px);}
	#ust-iletisim > div {float:right;padding:2px 10px;border-left:2px solid var(--renk2);}
	#ust-iletisim *{color:var(--renk2f);font-size:0.9em;}
	#ust-iletisim .fas{padding-right:5px;}
	#ust-iletisim a{text-decoration:none;}
	#ust-iletisim .adres{font-size:0.6em;color:var(--renk2f);border:0;}
	#ust-iletisim .email,
	#ust-iletisim .adres{clear:both;}

	#menu-ust-blok {width:var(--width-genel-kalip-dis-bloklar);}
	#menu-ust-bg{position:absolute;top:0px;left:0;right:0;z-index:9;height:210px;
				 border-top:120px solid var(--renk1);
				 border-bottom:50px solid var(--renk3);
				 background:var(--renk2);
				}
	#menu-ust {position:absolute;left:0;top:160px;z-index:12;max-width:100%;}
	#menu-ust li a:hover{color:#fff;background:#111;} 
    #menu-ust a {color:var(--renk1f);}

	#icerik-blok {
	max-width:var(--width-genel-kalip-ic-bloklar);
	margin-top:210px;border-bottom:0px solid var(--renk3);
		
	}
	#icerik-blok:empty{display:none;}
	#icerik-blok .sayfa_yazisi {overflow:hidden;padding:20px;margin:10px;}  
	#ana-slide {clear:both;float:none;margin:0 auto;overflow:hidden;}

	#ana-slide-mask {display:none;}
	#xx-ana-slide-mask {
	position:absolute;left:0px;right:0px;top:300px;z-index:1; 
	width: 0;height: 0;border: 0 solid transparent;
	border-right-width: 37px;border-left-width:500px;
	border-bottom: 100px solid var(--renk3);
		
	
	}
	#xxxana-slide-mask {
	position:absolute;left:0;right:0;top:450px;z-index:1;width: 0;height: 0;border-style: solid;
	border-width: 0 100px 100px 100px;border-color: transparent transparent var(--renk3) transparent;
	}
	#xxxxana-slide-mask-2 {
	position: relative;z-index:8;left:0;right:0;top:0px;
	overflow:hidden;padding:0;margin-top:-460px;width: 1100px;height:460px;
	background: url('/sablonlar/img-mask-png/mask-1100x460-1.png') center bottom no-repeat;
	}
	/*
	#ana-slide-mask {
	position:absolute;left:0;right:0;top:350px;z-index:1; 
	width: 10em;height: 10em;border-top-right-radius: 30%;
	}
	#ana-slide-mask:before,
	#ana-slide-mask:after {width: 10em;height: 10em;content: '';position: absolute;background-color: inherit;border-top-right-radius: 5%;}
	#ana-slide-mask {transform: rotate(-45deg) skewX(0deg) scale(0.5);}
	#ana-slide-mask:before {transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);}
	#ana-slide-mask:after {transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);}
	*/
	#ana-slide-mask-filigran{
	position:absolute;left:0;right:0px;top:400px;z-index:2; 
	width: 200px;height: 70px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#xxxana-slide-mask-filigran{
	position:absolute;left:0;right:-800px;top:470px;z-index:2; 
	width: 200px;height: 70px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#ana-sayfa-manset {clear:both;float:none;margin:0 auto;padding:10px;}
	#ana-slide-windy {position: absolute;z-index:11;right:30px;top:240px;}
	#menu-catx-catcher-grid {max-width:var(--width-genel-kalip-ic-bloklar);}
#ana-sayfa-whatsapp-link-1 {
		clear:both;float:none;margin:0 auto;text-align:center;z-index:12;
	position:relative;left:0;right:0;
		max-width:var(--width-genel-kalip-ic-bloklar);
		background:var(--renk2);
	}	
	#icerik-alt-blok {width:100%;border-top:0px solid var(--renk3);background:white;padding:0px;}
	#grup-menu-anasayfa-1 {max-width:var(--width-genel-kalip-dis-bloklar);display:flex;}
	#grup-menu-anasayfa-1 ul{flex:auto;display:flex;}
	
	
	#alt-iletisim-blok {
	position:relative;overflow:hidden;padding:0px;
	max-width:var(--width-genel-kalip-dis-bloklar);min-height:200px !important;
	}
	.logo-sayfa-alt{position:absolute;top:20px;left:20px;z-index:11;text-align:center;}
	.logo-sayfa-alt img {position:relative;left:0;right:0;top:0;bottom:0;margin: auto;width:100%;height:100%;}
	.logo-sayfa-alt.logo-full-type {width:250px;height:100px;padding:0px;}
	.logo-sayfa-alt.logo-icon-type {width:70px;height:70px;background:var(--logo-sayfa-alt-bgcolor);position:relative;}
	.site-isim-sayfa-alt,.site-slogan-sayfa-alt{position:absolute;z-index:11;max-width:45%;}
	.site-isim-sayfa-alt{top:10px;left:100px;color:#222;font-size:1.5em !important;}
	.site-slogan-sayfa-alt{top:70px;left:100px;font-size:1em !important;color:#444;}

	#alt-iletisim {
	position:absolute;top:0px;right:0px;z-index:11;padding:10px;
	float:right;text-align:right;font-size:14px;max-width:50%;
	}
	#alt-iletisim > div {color:#666666;clear:both;}
	#alt-iletisim .fas{float:right;color:var(--renk-fa-icons);width:30px;}
	#alt-iletisim .iletisim a{text-decoration:none;}
	#alt-iletisim .adres{font-size:12px;display:block;}
.fa-icons-genel i {color:var(--renk1f)}
	#dil-button {position:absolute;z-index:10;top:120px;right:0;width:30px;
				 background:var(--renk5) url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/30_kara_sade.png);
				}
	#tarih{
		position:absolute;z-index:11;top:120px;left:0px;
		width:120px;height:30px;padding:10px;text-align:center;font-size:70%;
		background:var(--renk3);
	}
	#sayfa-kisayol-iconlar-1{
		position:absolute;z-index:11;top:120px;left:120px;
		width:25%;height:30px;padding:10px;text-align:center;
	}
	#yardimci_butonlar{
		position:absolute;z-index:11;top:120px;left:calc(25% + 120px);
		width:25%;height:30px;padding:10px;text-align:center;
	}
	#sosyal-medya-link-1{
		position:absolute;z-index:11;top:120px;right:30px;
		width:25%;height:30px;padding:10px;text-align:center;
	}
	#dil-button, #tarih, #sayfa-kisayol-iconlar-1, #yardimci_butonlar, #sosyal-medya-link-1  {border-right:1px solid #444;height:40px;}
	
	#ara-form {position:absolute;z-index:10;top:155px;left:0;right:0;width:calc(100% - 450px);padding:5px;background:var(--renk3);}
	#haberband {position:absolute;z-index:10;right:0px;top:160px;padding:8px;width:calc(100% - 120px);background:var(--renk4);color:var(--renk4f);}
#haberband-baslik {
position: absolute;left:0px;top: 160px;z-index:9;height:40px;width: 120px;padding:5px;
background: var(--renk2);color:var(--renk2f);text-align:center;
display:none;
}
	#audio-object-1 {
		position:absolute;z-index:10;left:0;right:5px;top:205px;
		clear:both;float:none;margin:0 auto;overflow:hidden;
		width:60%;height:40px;
	}
	#audio-object-1 audio{width:100%;height:100%;}	
	
	#designer{position:absolute;bottom:20px;right:20px;z-index:11;text-align:center;}
	
}


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

	:root {
--width-genel-kalip : 100%;
--width-genel-kalip-dis-bloklar : 100%;
--width-genel-kalip-ic-bloklar : 100%;
}
    

	#zemin-sayfa-kalip{
	position:fixed;left:0;right:0;top:0px;bottom:0;z-index:-2;
	height:auto;height:100vh;width:var(--width-genel-kalip-dis-bloklar);
	border-left:40px solid var(--renk3);border-right:40px solid var(--renk3);
	background:var(--zemin-sayfa-kalip-bg);
	border:0;
	
	}
	.logo-sayfa-ust{clear:both;float:none;overflow:hidden;margin:0 auto;text-align:center;}
	.logo-sayfa-ust img {position:absolute;left:0;right:0;top:0;bottom:0;margin: auto;}
	.logo-sayfa-ust-zemin-1{
	position:absolute;left:0;right:0;top:0px;z-index:10; width:380px;height:120px;
	background:url(logo-sayfa-ust-zemin-1.png) no-repeat center bottom;
		display:none;
	}
	.logo-sayfa-ust.logo-full-type {
	position:absolute;top:-5px;left:0;right:0;z-index:11;
	height:100px;width:300px;padding:0px;
	}
	.logo-sayfa-ust.logo-icon-type {
	position:absolute;top:0;left:0;z-index:11;
	height:90px;width:90px;padding:0px;
	background:var(--logo-sayfa-ust-bgcolor);
	}
.logo-sayfa-ust.logo-icon-type img,
.logo-sayfa-alt img {position:relative;left:0;right:0;top:0;bottom:0;margin: auto;width:100%;height:100%;}
	.site-isim-sayfa-ust{
	position:absolute;top:5px;left:100px;z-index:11;
	padding:5px 10px;width:calc(100% - 100px);
	color:var(--renk2f);font-size:1.2em !important;
	}
	.site-slogan-sayfa-ust{
	position:absolute;top:60px;left:100px;z-index:11;
	padding:5px 10px;max-width:300px;
	font-size:1em !important;color:var(--renk2f);
	}
	#ust-iletisim {position:absolute;right:0px; top:50px; z-index:99;display: table-row;max-width:calc(100%);display:none;}
	#ust-iletisim > div {float:right;padding:2px 10px;border-left:2px solid var(--renk2);}
	#ust-iletisim *{color:var(--renk2f);font-size:0.9em;}
	#ust-iletisim .fas{padding-right:5px;}
	#ust-iletisim a{text-decoration:none;}
	#ust-iletisim .adres{font-size:0.6em;color:var(--renk2f);border:0;}
	#ust-iletisim .email,
	#ust-iletisim .adres{clear:both;}

	#menu-ust-blok {width:var(--width-genel-kalip-dis-bloklar);}
	#menu-ust-bg{position:absolute;top:0px;left:0;right:0;z-index:9;height:140px;
				 background:var(--renk1);border-bottom:10px solid var(--renk8);}
	#menu-ust {position:absolute;left:0;top:90px;z-index:12;max-width:100%;background:var(--renk4);border:1px solid #444;}
	#menu-ust li a:hover{color:#fff;background:#111;} 
    #menu-ust a {color:var(--renk1f);}

	#icerik-blok {
	max-width:var(--width-genel-kalip-ic-bloklar);
	margin-top:140px;border-bottom:0px solid var(--renk3);
	}
	#icerik-blok:empty{display:none;}
	#icerik-blok .sayfa_yazisi {overflow:hidden;padding:20px;margin:10px;}  
	#xana-slide {z-index:0;overflow:hidden;max-height:200px;}
	#xxxxxana-slide-mask {
	position:absolute;left:0;right:-160px;top:450px;z-index:1; 
	width: 0;height: 0;border: 0 solid transparent;
	border-right-width: 37px;border-left-width: 900px;
	border-bottom: 100px solid var(--renk3);
	}
	#xxxana-slide-mask {
	position:absolute;left:0;right:0;top:450px;z-index:1;width: 0;height: 0;border-style: solid;
	border-width: 0 100px 100px 100px;border-color: transparent transparent var(--renk3) transparent;
	}
	#xxxxana-slide-mask-2 {
	position: relative;z-index:8;left:0;right:0;top:0px;
	overflow:hidden;padding:0;margin-top:-460px;width: 1100px;height:460px;
	background: url('/sablonlar/img-mask-png/mask-1100x460-1.png') center bottom no-repeat;
	}
	/*
	#ana-slide-mask {
	position:absolute;left:0;right:0;top:290px;z-index:1; 
	width: 7em;height: 7em;border-top-right-radius: 30%;
	}
	#ana-slide-mask:before,
	#ana-slide-mask:after {width: 7em;height: 7em;content: '';position: absolute;background-color: inherit;border-top-right-radius: 5%;}
	#ana-slide-mask {transform: rotate(-45deg) skewX(0deg) scale(0.5);}
	#ana-slide-mask:before {transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);}
	#ana-slide-mask:after {transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);}
	*/
	
	#ana-slide-mask-filigran{
	position:absolute;left:0;right:0px;top:330px;z-index:2; 
	width: 100px;height: 50px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#xxxana-slide-mask-filigran{
	position:absolute;left:0;right:-800px;top:470px;z-index:2; 
	width: 200px;height: 70px;background:url('ana-slide-mask-filigran-1.png') no-repeat center center;
	}
	#ana-slide-windy {position: absolute;z-index:11;right:30px;top:240px;display:none;}
	#menu-catx-catcher-grid {clear:both;float:none;margin:0 auto;max-width:100%;}
	#icerik-alt-blok {width:100%;border-top:0px solid var(--renk3);}
#ana-sayfa-whatsapp-link-1 {
		clear:both;float:none;margin:0 auto;text-align:center;z-index:999999;
	position:relative;left:0;right:0;
		max-width:100%;
		background:var(--renk2);
	}	
#ana-sayfa-whatsapp-link-1 img{
		clear:both;float:none;margin:0 auto;text-align:center;
	max-width:100%;
	}	
	#grup-menu-anasayfa-1 {max-width:var(--width-genel-kalip-dis-bloklar);}
	
	#alt-iletisim-blok {
	position:relative;overflow:hidden;padding:0px;
	max-width:var(--width-genel-kalip-dis-bloklar);
		padding-top:100px;
	}
	.logo-sayfa-alt{position:absolute;top:20px;left:20px;z-index:11;text-align:center;}
	.logo-sayfa-alt img {position:relative;left:0;right:0;top:0;bottom:0;margin: auto;width:100%;height:100%;}
	.logo-sayfa-alt.logo-full-type {width:250px;height:100px;padding:0px;}
	.logo-sayfa-alt.logo-icon-type {width:70px;height:70px;background:var(--logo-sayfa-alt-bgcolor);}
	.site-isim-sayfa-alt,.site-slogan-sayfa-alt{position:absolute;z-index:11;}
	.site-isim-sayfa-alt{top:20px;left:100px;color:#222;font-size:1em !important;}
	.site-slogan-sayfa-alt{top:60px;left:100px;font-size:0.8em !important;color:#444;}

	#alt-iletisim {clear:both;float:none;margin:0 auto;padding:10px;text-align:right;font-size:14px;}
	#alt-iletisim > div {color:#666666;clear:both;}
	#alt-iletisim .fas{float:right;color:var(--renk-fa-icons);width:30px;}
	#alt-iletisim .iletisim a{text-decoration:none;}
	#alt-iletisim .adres{font-size:12px;display:block;}

	#dil-button {position:absolute;z-index:12;top:92px;left:0px;padding:10px;width:30px;}
	#tarih {position:absolute;z-index:12;top:92px;left:30px;padding:10px;width:20%;font-size:70%;text-align:center;}
	#sayfa-kisayol-iconlar-1 {position:absolute;z-index:12;top:92px;left:calc(20% + 30px);min-width:30%;width:fit-content;padding:10px 5px;}
	#sosyal-medya-link-1  {position:absolute;z-index:12;top:92px;left:calc(50% + 30px);min-width:30%;width:fit-content;padding:10px 5px;}

	#dil-button, #tarih, #sayfa-kisayol-iconlar-1,#sosyal-medya-link-1  {border-right:1px solid #444;height:45px;}
	
	#ara-form {position:absolute;z-index:93;top:90px;left:0;right:0;width:calc(70%);padding:5px 20px;}
	#haberband {position:absolute;z-index:11;left:0;right:0px;top:130px;padding:8px;width:100%;border:1px solid #444;}

	#audio-object-1 {
	clear:both;float:none;margin:0 auto;overflow:hidden;
	width:100%;height:40px;
	}
	#audio-object-1 audio{width:100%;height:100%;}		
	
	#designer{clear:both;float:none;margin:0 auto;padding:10px;}

}