ul,li { margin:0px; padding:0px; list-style:none;  }
a { text-decoration:none;   }
h1 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }
h4 { margin: 0; padding: 0; }
button, input { outline: none; }
body { margin: 0; padding: 0;    font-size: 16px;    font-family: 'Poppins', sans-serif;  }
.font-1 {   }
.font-2 {   }

.in-color {  box-shadow: -3px -3px 3px #fff inset, 3px 3px 3px #b4b9c7 inset  ;  }
.out-color { box-shadow: -6px -6px 6px #fff, 6px 6px 6px #b4b9c7   }

.color-tema { color: #e31e24; }

.dondiv-1 div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;
	border: 6px solid #e31e24;
	border-radius: 50%;
	animation: dondiv 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #e31e24 transparent transparent transparent;
}
.dondiv-1 div:nth-child(1) {  animation-delay: -0.45s; }
.dondiv-1 div:nth-child(2) {  animation-delay: -0.3s;  }
.dondiv-1 div:nth-child(3) {  animation-delay: -0.15s; }

.dondiv-2 div {
	box-sizing: border-box;
	display: block;
	position: absolute; z-index: 300;
	width: 100%;
	height: 100%;
	border: 6px solid #e31e24;
	border-radius: 50%;
	animation: dondiv 4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #e31e24 transparent transparent transparent;
}
.dondiv-2 div:nth-child(1) {  animation-delay: -0.45s; }
.dondiv-2 div:nth-child(2) {  animation-delay: -0.3s;  }
.dondiv-1 div:nth-child(3) {  animation-delay: -0.15s; }


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

input,select,textarea,button {  font-family: 'Poppins', sans-serif;   }
.clear:after { clear: both;  content: ""; display: table; }
/********************************** MESAJ UYARISI *********************************/ 
.UYARIBOX { position:fixed; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8); left:0; top:0; display:none   }
.UYARIBOX .uyari-a { font-size:18px; color:#fff; text-align:center;  }
.UYARIBOX .uyari-a .uyari-kapat { padding:8px; background:#FFF; color:#000; font-size:30px; display:inline-block; position:absolute; top:50px; right:50px; }
.UYARIBOX .uyari-a .uyari-kapat:hover { background:#000; color:#fff; cursor:pointer; }
.UYARIBOX .uyari-a .mesaj { position:fixed; top:45%; text-align:center; padding:0px 10%; width:80%; }
/********************************** MESAJ UYARISI *********************************/
/********************************** MESAJ UYARISI *********************************/ 
.UYARIBOX-2 { position:fixed; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8); left:0; top:0; display:none   }
.UYARIBOX-2 .uyari-a-2 { font-size:18px; color:#000; text-align:center; padding: 20px; width: 400px;   background: #fff; position: fixed; left: 50%; top: 40%; margin-left: -200px; border-radius: 8px; box-sizing: border-box; }
.UYARIBOX-2 .uyari-a-2 .uyari-kapat { padding:8px; background:#FFF; color:#000; font-size:24px; display:inline-block; position:absolute; top:10px; right:10px; border-radius: 6px; }
.UYARIBOX-2 .uyari-a-2 .uyari-kapat:hover { background:#000; color:#fff; cursor:pointer; }
.UYARIBOX-2 .uyari-a-2 .mesaj-2 { padding: 30px 0px   }
/********************************** MESAJ UYARISI *********************************/
 
@media screen and (max-width: 1000px) {
 .UYARIBOX-2 .uyari-a-2 {   width: calc(90% - 40px); left: 5%; margin-left: 0;   }
 .UYARIBOX .uyari-a {   width: calc(90% - 40px); left: 5%; margin-left: 0;   }
}



.content-max { max-width: 1000px; margin: 0 auto; }



.oylama {       }
.oylama:hover {     }
.oylama i:hover { cursor:pointer;  }


.uyari-olumlu { background: #f6e9bd; text-align: center; margin: 30px 5px; padding: 30px 20px; }

.kupon-kullan { background: #defeec; border:3px dashed #b6fed6}
/************************/ 
/************************/
.al-input    { color:#000;   outline:none; width:calc(100% - 62px ); padding:0px 30px; height: 40px; font-size: 16px; border:none; border: 1px solid #ccc;   }
.al-select   { color:#000;   outline:none; width:calc(100% - 0px ); padding:0px 30px; height: 42px; font-size: 16px; border:none; border: 1px solid #ccc;  }
.al-textarea { color:#000;   outline:none; width:calc(100% - 62px ); padding:30px 30px; height: 90px; font-size: 16px; border:none; border: 1px solid #ccc;   }
.al-buton  { cursor:pointer; height:42px; background: #009966; color:#FFFFFF;   width:100%;   outline:none; border:0px; font-size: 16px;   }
.al-buton:hover { background:#000; cursor:pointer; }

/************************/ 
/************************/ 

.loc-sec { background: rgba(0,0,0,0.5); width: 100%; height: 100%; position:fixed; z-index: 999999; left: 0; top: 0; color: #fff; display: flex; align-content:center; align-items: center;  }
.loc-sec > div { width: 100%; text-align: center; }
.loc-sec .loc-content { max-width: 350px; margin: 0 auto; text-align: left;  }
.loc-sec .loc-content h2 { font-size: 19px; padding: 6px 0px; }
.loc-sec .loc-content a { display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 4px; border-radius: 6px; color: #fff; line-height: 45px; font-size: 16px; border: 1px solid #fff; } 
.loc-sec .loc-content a i { padding: 0px 9px; }
.loc-sec .loc-content a:hover { background: #fff; color: #000; }
.loc-sec .loc-content a span { float: right; padding-right: 25px; }

.DIL-LC { text-align: center; }
.DIL-LC a { margin: 3px; display: inline-block; width: 35px; height: 35px; padding: 0px;  line-height: 35px; border: 1px solid #000; color: #000; border-radius: 60px;  }
.DIL-LC a:hover {  background: #fff; }
.DIL-LC .aktif { background: rgba(255,255,255,0.5); }






.MYCONTACT { position: fixed; width: 100px; height: 100px; bottom: 50px; right: 0px; z-index: 5000; text-align: center}
.MYCONTACT p { position: relative; z-index: 80; font-size: 11px; display: inline-block; background: #fff; padding: 8px; border-radius: 30px; line-height: 15px; }

@media screen and (max-width: 1000px) {
	.MYCONTACT { display: none }
}


.WB-CONTENT { padding: 0px 20px;  }
.WB-CONTENT .WB-1 { float: left; width: 180px; min-height: 5px;  }
.WB-CONTENT .WB-2 { float: left; }
@media screen and (max-width: 1000px) {
.WB-CONTENT .WB-1 { display: none}
.WB-CONTENT .WB-2 { float: none; width: calc(100% - 0px); } 
}

.color-siyah { color: #000; }
.story { max-width: 800px; margin: 0 auto  }
.story .story-alani { }
.story .st-border {border-radius: 300px; padding: 3px; background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); }
.story .st-img { border-radius: 300px; overflow: hidden; border: 2px solid #fff; }
.story .max-wt { max-width: 150px; margin: 0 auto;  }


.minifiyatlar {    }
.minifiyatlar .m-bs { float: left; padding: 9px; border: 1px solid #ccc; margin-right: 6px; }
.minifiyatlar .m-bs:hover { cursor: pointer; background: #f2f2f2; }
.minifiyatlar .m-bs .m-ti { font-size: 14px; line-height: 20px;  }
.minifiyatlar .m-bs .m-fy { font-size: 13px; line-height: 20px;  }
.minifiyatlar .aktiffiyat { background: #fff; border: 1px solid #000}
 
.mn-on { left: 0 !important; }


.content-fx { max-width: 1300px; margin: 0 auto; }
@media screen and (max-width: 1000px) {
.content-fx { padding: 0px 0px }
}


.x-teslimat { background: #f2f2f2}
.x-fatura { background: #f2f2f2}


.content { max-width: 1400px; margin: 0 auto; }
@media screen and (max-width: 1000px) {
.content { padding: 0px 20px } 
}


.ARAMENU { background: #35569c; text-align: right }
.ARAMENU a { display: inline-block; line-height:40px; padding: 0px 10px; color: #fff; font-size: 14px; font-weight: 600; }
 
.urun-kargo { padding: 15px 0px;     margin-top: 10px}
.urun-kargo p { font-size: 13px; }
.urun-kargo h3 { display: inline-block; color: #e31e24;
	padding: 4px; border-radius: 4px; font-size:16px;   }


.ust-filitre { padding: 8px 0px; text-align: right;  }
.ust-filitre a { display: inline-block; color: #666; margin-left: 20px; font-size: 13px; line-height: 30px; padding: 0px 15px; border-radius: 30px; 

 box-shadow: -6px -6px 6px #fff, 6px 6px 6px #b4b9c7  ; 


}




.ust-filitre a:hover { color: #000}
.ust-filitre a i { width: 25px; line-height: 30px; text-align: center;   }
.ust-filitre .secilen { font-weight: 800;   }

.yan-menu {  }
.yan-menu a { display: inline-block; line-height:40px; padding: 0px 0px; color: #000; font-size: 14px; font-weight: 600; width: 100%; border-bottom: 1px solid #f2f2f2}
.yan-menu i { font-size: 12px; padding-right: 10px }


.border-menu {  }
.border-menu a {  box-sizing: border-box }
.border-menu .tablo { color: #000 ; border-bottom: 1px solid #f2f2f2; }
.border-menu .tablo:hover {  border-bottom: 1px solid #ccc; }

.blog-banner_  { margin: 5px -5px   }
.blog-banner { position: relative; margin: 5px; }
.blog-banner .img { position: relative; z-index: 0}
.blog-banner .text { position:absolute; z-index: 10; bottom: 20px; width: 100%; padding: 0px 15px; box-sizing: border-box; color: #fff; font-size: 15px;  }
.blog-banner .text a { display: inline-block; padding: 6px 15px; color: #000; background: #fff; font-weight: 600;  }
.blog-banner .text a:hover { background: #000; color: #fff; }




.current a {	background:#fff !important;	  border-bottom: 4px solid #000 !important; color:#000 !important}
 


.a-buton        { display: inline-block; color: #000; border: 1px solid #000; text-align: center; width: 100%; box-sizing: border-box; line-height: 40px;  }
.a-buton i      { margin-right: 6px }
.a-buton:hover  { cursor: pointer; background: #f2f2f2 }


.sectim-m { padding: 15px 15px  }
.sectim-m .sectim { display: inline-block; background: rgb(112,174,70);
background: linear-gradient(137deg, rgba(112,174,70,1) 0%, rgba(42,161,198,1) 100%); border-radius: 30px; padding: 6px 15px; color: #fff; margin:4px   }
.sectim-m .sectim a { color: #000; }
 
.aramafilitresi { width: 100%; height: 35px; box-sizing: border-box; border: 1px solid #ccc; padding: 0px 10px; margin-bottom: 15px; border-radius: 3px; }
.ifilitre a {   width: 100%; display: inline-block; line-height: 22px; font-size: 15px; color: #000; position: relative; }

.ifilitre          { }

.filitre-ul        {       margin-bottom: 18px }
.filitre-ul li a i { padding-right: 10px; color: #000; font-size: 16px}

.ac-title { padding: 7px 15px;   border-bottom: none }
.ac-title h3 { font-size: 14px; color:#4b4b4b }


.filitrecap       { background: #f5f5f5; margin: 10px 0px; padding: 15px 15px}
.filitrealani     { padding:6px 0px; display: inline-block;}
 
.filitrealani a { color: #000; background: #FF0004;  }

.filitrecap-2 { padding: 20px 20px; border: 1px solid #ccc; margin-bottom: 18px }
.filitrecap-2 h3 { color: #000; font-size: 15px;  }
.filitrealani-2 { }
.filitrealani-2 a {   width: 100%; display: inline-block; line-height: 22px; font-size: 13px; color: #000; position: relative; }
.filitrealani-2 a i { padding-right: 10px; color: #000; font-size: 13px}
.filitrealani-2 a:hover i { color: #2cbdb0; }
.filitrealani-2 a img { width: 25px; height: 25px; position: absolute; top: 3px; right: 3px; border-radius: 60px }


.low-bg { background: #f2f2f2; padding: 40px 30px}




.yorum-box         { padding: 30px; margin: 0px 5px 15px 5px; background: #f5f5f5;  }
.yorum-box .isim   { font-size: 16px; line-height: 35px; color: #000 }
.yorum-box .isim span { font-size: 12px; font-weight: 600;  }
.yorum-box .msg    { font-size: 14px; line-height: 30px; }

.YUKLENME { position: fixed; z-index: 5000; background: #fff; left: 0; top: 0; width: 100%; height: 100%; }
.centered { width: 80px; height:80px; position: absolute; left: 50%; top:50%; margin-left: -40px; margin-top: -40px; }


.mobil-menu { background: #fff;  box-sizing: border-box;   position: fixed; z-index: 48;   width: 100%; height: 100%; overflow: auto; left: -100%; top: 0; padding: 60px 30px ;  transition: 0.5s; }
.mobil-menu .sitearama { position: relative; z-index: 0; margin: 0px 30px;}
.mobil-menu .sitearama input { height: 35px; width: 100%; box-sizing: border-box; padding: 0px 20px; outline: none; border: 1px solid #ddd; }
.mobil-menu .sitearama button { height: 35px; border: none; background: #f2f2f2; position: absolute; top: 0px; right: 0;  }
.mobil-menu .sitearama button:hover { cursor: pointer; background: #ccc; color: #fff; }

.mobil-menu .DIL { text-align: center; padding: 30px 0px  }
.mobil-menu .DIL a       { display:inline-block;    }
.mobil-menu .DIL a.acdil {   }
.mobil-menu .DIL img { width: 35px; }

.m-header { height: 95px; width: 100%;   }
header                       {   left: 0; top: 0; z-index: 40; width: 100%; padding: 10px 0px      }
header .logo                 { height:60px; padding: 5px 0px; transition: 0.5s }
 
.MENU { }

 


.sepet-ozeti { background: #fff; }
.sepet-ozeti .th { border-bottom: 1px solid #f2f2f2; padding: 8px 0px}


header .tepemenu { padding: 0px 0px;   top: 0px; right: 0px;    }
header .tepemenu a { color: #404040; font-size: 14px; line-height: 35px; padding-left:10px;  }
header .tepemenu a i { width: 30px; text-align: center; }
header .tepemenu a:hover { opacity: 0.7}


header .headermin {  height: 80px; }

header .sitearama { background: rgba(0,0,0,0.5);  position:fixed; top: 0%; right: 0px; width: 100%; height: 100%;   display: flex; align-content: center; align-items:center; transition: 0.5s }
header .sitearama input { height: 50px; width: 100%; box-sizing: border-box; padding: 0px 20px; outline: none; border:1px solid #ddd; }
header .sitearama button { height: 30px; border: none; background: none; position: absolute; right: 15px; top: 10px; }
header .sitearama button i { font-size: 25px}

header .sitearama button:hover { cursor: pointer;   }

header .sitearama h2 { font-size: 25px; padding: 15px 0px; color: #000; font-weight: 300 }
header .sitearama > div { width: 100%;   }
header .sitearama .inib {  position: relative;   }
header .sitearama .tam-ara { background: #fff; max-width: 500px; margin: 0 auto; position: relative; padding: 30px; }


.banner-hd { background: #ccc; padding-bottom: 55%; width: 100%; height: 0px;  }

.banner-hd .text { width:100%;

	background: rgb(121,207,191);
	background: linear-gradient(0deg, rgba(121,207,191,0) 0%, rgba(0,0,0,0.4654236694677871) 100%);
}


.i-tasarim { padding: 0px 0px; line-height: 35px; font-size: 13px }

 


.aramaac {cursor: pointer }


.tam-banner                     { background: rgb(44,189,176);
background: linear-gradient(90deg, rgba(44,189,176,1) 0%, rgba(72,219,207,1) 13%, rgba(53,182,171,1) 27%, rgba(73,219,206,1) 51%, rgba(44,189,176,1) 100%); text-align: center;    }
.tam-banner i                   { color: #fff; margin: 0px; padding: 0px 15px 0px 0px; font-size: 20px;   } 
.tam-banner .colon              { line-height: 50px; font-weight: 600; color: #fff;    }
.tam-banner .colon:nth-child(1) { }
.tam-banner .colon:nth-child(2) {  }
.tam-banner .colon:nth-child(3) {  }
.tam-banner .colon:nth-child(4) {  }
.tam-banner .colon a            { color: #fff; }

.max-500 { max-height: 500px; overflow: auto }

@media screen and (max-width: 1000px) {
header                       { border-bottom: 1PX solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
	.tam-banner   { display: none; }
	.pad-r-30 { padding: 0px; }
header .MENULER .sitearama { height: 70px; line-height: 70px; display: flex; align-content: center; align-items: center; width: 100%; float: none }	
header .MENULER .sitearama input { height: 35px; width: 100%; box-sizing: border-box; padding: 0px 20px; outline: none; border: 1px solid #ddd; }	
	
	
}

.in-slider {   }
.sol-sabit-menu {    }
.baslik-tr { font-weight: 600; line-height: 30px; font-size: 16px; }
.baslik-ic { border: 1px solid #f2f2f2; margin-bottom: 20px; }
.baslik-ic li { line-height: 30px; color: #fff; padding-left: 8px; }
.baslik-link { color: #fff; font-size: 14px; border-bottom: 1px solid #fff; display: table; width: 100%; }
.sol-sabit-menu h3 { font-size: 20px; border-bottom: 1px solid #000; padding: 6px 0px }


@media screen and (max-width: 1000px) {
.sol-sabit-menu { display: none;  } 
}


.ikonlu i { float: right; font-size: 15px; margin-top: 8px }



.sub-menu { margin-bottom: 30px     }
.menu_item {  display: block;  position: relative;  border-bottom: solid 1px #ccc;  vertical-align: middle; }
.menu_selection {  margin: 0;  width: 100%; display: none; z-index: 1; color: #000; }
.menu_selection li { padding-left: 10px; padding-right: 10px; }
.menu_top_nav a { color: #000; line-height: 35px; font-size: 14px;  border-bottom: 1px solid rgba(0,0,0,0.1); display: table; width: 100%;}
.menu_top_nav a:hover {   }
.menu_top_nav i { line-height: 30px; width: 20px; text-align: center;  font-size: 16px; }
 
@media screen and (max-width: 1000px) {
	.sub-menu { width: 100%; }	
.sub-menu .menu_top_nav { width: 100%; box-sizing: border-box; padding: 0px 60px; }
.menu_top_nav a { color: #000; line-height: 30px; font-size: 19px;   }
	.mobilde-ki-arama { margin-top: 60px; width: 100%;    }
}





.yan-banner {   }

.ikon-yeri { padding: 30px 0px ; border-top:1px solid #ccc; }
.ikon-set {    padding: 15px; text-align: center; }
.ikon-set i  { font-size: 36px; color: #fff;  }
.ikon-set h4 { padding-top: 16px; color: #fff;   font-size: 19px}
.ikon-set p { font-size: 14px; letter-spacing:1px; font-weight: 400; color: #fff; }

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

.mobil-sep { position: fixed; z-index: 49; top: 10px; right: 10px; color: #000; }
.mobil-sep i { font-size:30px; line-height: 40px; width: 40px;   text-align: center; border-radius: 6px;  }


.menu-ac { position: fixed; z-index: 49; top: 10px; left: 10px; color: #000; }
.menu-ac i { font-size:30px; line-height: 40px; width: 40px;   text-align: center; border-radius: 6px;  }

@media screen and (max-width: 1000px) {
header {      }	
header .top-menu { display: none}	
header .left { width: 100%; text-align: center;  }	
header .right { width: 100%; }	
header .logo { height: 50px; padding: 8px 0px }
header .menu { position:fixed; width: 100%; height: 100%; left: -100%; top: 0; background: #e2c1bc; z-index: 6000; text-align: center; display: flex; align-content: center; align-items: center;   }
header .menu ul { display:table; width: 100%;   text-align: center; }	
header .menu ul li {display: table; padding: 0px 10px;   width: 100%; text-align: center; }
header .menu ul li a { display:inline-block; line-height: 45px; font-size: 25px; color: #000;  }
header .SOSYALMEDYA { position: absolute; bottom: 15px; width: 100%; text-align: center; display:table; padding: 0px 0px; }
}




.M-FOOTER { position: fixed; width: 100%;  bottom: 0; left: 0; background: #000; z-index: 5000; color: #fff; }
.M-FOOTER .colon { width: calc(100% / 5); float: left; text-align: center; color: #fff; }
.M-FOOTER .colon i { line-height:50px; font-size: 20px; }
.M-FOOTER .colon:hover { background: #3D3D3D}


.urunyok { text-align: center; line-height: 50px; }


.whatsapp-content { width: 300px; margin: 0 auto; background: #0f74a8; position: fixed;
	z-index: 2500; bottom: 40px; right: 10px; }
.whatsapp-content .wp-header { background: #095e54; color: #fff; position:relative;   }
.whatsapp-content .wp-text { background: url("wp.jpg") center top no-repeat;  }
.whatsapp-content .w-chat { box-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
.whatsapp-content .btn-w { background: #4fce5d;  color: #fff; }
.whatsapp-content .btn-w:hover { background: #000; }
.whatsapp-content .wpclose { cursor: pointer; position: absolute; top: 10px; right: 10px }

.WP-FIX { position: fixed; z-index: 2000; right: 20px; bottom: 60px; background: #2cb742; color: #fff; width: 50px; font-size: 28px; text-align: center;   }
.WP-FIX i { line-height: 50px; }
.WP-FIX:hover { cursor: pointer; background:#000 }

.PH-FIX { position: fixed; z-index: 2000; left: 20px; bottom: 60px; background: #21c4b3; color: #fff; width: 50px; font-size: 28px; text-align: center; display: none; }
.PH-FIX i { line-height: 50px; }
.PH-FIX:hover { cursor: pointer; background:#000 }





.new-chat { position: fixed; width: 200px; height: 100%; background: rgba(0,0,0,0.4);
	z-index: 2000; left: 0; bottom: 30px; }

@media screen and (max-width: 1000px) {
	.PH-FIX { display: block; }
	.WP-FIX { display: block; }

}


.WP-NEW { position: fixed; z-index: 2000; right: 20px; bottom: 60px; background: #21c4b3; color: #fff; width: 50px; font-size: 28px; text-align: center;   }
.WP-NEW i { line-height: 50px; width: 100%; border-radius: 40px; }
.WP-NEW > i:hover { cursor: pointer; background:#000 }

.ikon-buton { position: absolute; margin-top:calc(-300% - 18px);   width: 100%; display: none }
.ikon-buton i {   width: 100%; border-radius: 40px; margin-bottom: 9px }
.ikon-buton .i-1 { background: #49e670;  }
.ikon-buton .i-2 { background: #03e78b;  }
.ikon-buton i:hover { background: #000; cursor: pointer }


._alt-bg { overflow: hidden; }
.bg-don { position: absolute; width: 700px; height: 700px;  left:50%; top:0; margin-left: -350px;

	z-index: 0;
object-fit: cover

}

.DARSLIDER { position: relative; z-index:0;  }
.DARSLIDER .owl-nav { position: absolute; width: 100%; bottom: 10px; right: 0; text-align: center; z-index: 9999; display: none}
.DARSLIDER .owl-nav i { padding: 10px; color: #000; background: #fff; margin: 0px }
.DARSLIDER .owl-dots { display: block; position: absolute; width:100%; bottom: 10px; left: 0px; text-align: center; z-index: 9999; display: none  }
.DARSLIDER .owl-dots .owl-dot { display: inline-block; width: 25px; height: 8px; border: 1px solid #000;   margin: 2px; border-radius: 100px}
.DARSLIDER .owl-dots .active { background: #000; }

.DARSLIDER .li { position: relative; z-index: 1 }
.DARSLIDER .li .text { position: absolute; bottom:0px; left:0px; width: 100%; height: 100%; padding: 0px 90px 0px 90px; color: #fff; box-sizing: border-box  }
.DARSLIDER .li .text a { display: inline-block;   padding: 9px 25px; margin-top: 15px; border-radius: 6px; letter-spacing: 1px ; font-size: 13px; font-weight: 800;

	background: #e31e24; color:#fff;
}
.DARSLIDER .li .text a:hover { background: #000; color: #fff}




.DARSLIDER .li .text > div { box-sizing: border-box; width:100%; margin: 0 auto; }

.DARSLIDER .li .text h1 {    opacity: 0;     padding: 0px 0px; }
.DARSLIDER .li .text p { font-size: 19px; font-weight: 300;  opacity: 0;  padding: 0px 0px;}
.DARSLIDER .li .text strong { display: inline-block; background: rgba(0,0,0,0.6);   font-weight: 500; padding: 4px 15px; margin-bottom: 10px; border-radius: 6px;}

.DARSLIDER .active .text h1:nth-of-type(1){  animation-duration: 1s;   animation-iteration-count: 1; animation-name: data-1; animation-timing-function: ease; animation-fill-mode:both; }
.DARSLIDER .active .text h1:nth-of-type(2){  animation-duration: 3s;   animation-iteration-count: 1; animation-name: data-1; animation-timing-function: ease; animation-fill-mode:both; }
.DARSLIDER .active .text h1:nth-of-type(3){  animation-duration: 5s;   animation-iteration-count: 1; animation-name: data-1; animation-timing-function: ease; animation-fill-mode:both; }
.DARSLIDER .active .text p { animation-duration:2s;   animation-iteration-count: 1; animation-name: data-2; animation-timing-function: ease; animation-fill-mode:both; }

@media screen and (max-width: 1000px) {
	.DARSLIDER { position: relative; z-index:0; -webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

}



@keyframes data-1 {
	0%   {  transform: translate(0px, -50px); opacity: 0 }
	100% {   transform: translate(0px, 0px); opacity: 1 }
}
@keyframes data-2 {
	0%   {  transform: translate(0, 100px); opacity: 0 }
	100% {   transform: translate(0px, 0px); opacity: 1 }
}




.OLW-TEMA-1 { position: relative; z-index: 0;   }
.OLW-TEMA-1 .owl-carousel { }
.OLW-TEMA-1 .owl-nav { position: absolute; width: 100%; bottom: 10px; right: 0; text-align: center; z-index: 9999; display: none}
.OLW-TEMA-1 .owl-nav i { padding: 10px; color: #000; background: #fff; margin: 0px }
.OLW-TEMA-1 .owl-dots { display: block; position: absolute; width:100%; bottom: 10px; left: 0px; text-align: center; z-index: 9999;  }
.OLW-TEMA-1 .owl-dots .owl-dot { display: inline-block; width: 15px; height: 15px; border: 1px solid #fff;   margin: 2px; border-radius: 100px}
.OLW-TEMA-1 .owl-dots .active { background: #fff; }
.OLW-TEMA-1 .item {     }
.OLW-TEMA-1 .item img {   width: 100%;   object-fit: cover;   }
 
.t-slider-1 .text { position: absolute; bottom: 60px; left: 0px;   width:100%; color: #000; z-index: 1000;  display:flex;     align-content: center; align-items: center;  }
.t-slider-1 .text > div { width: 100%; color: #fff; max-width: 600px; text-align: center; margin: 0 auto;}
.t-slider-1 .text h2 {font-size: 29px; font-weight: 300; line-height: 30px; letter-spacing: 1px;  }
.t-slider-1 .text p { line-height: 35px}
.t-slider-1 .text a { display: inline-block;   padding: 4px 15px; color: #fff; background: #000;   margin-top: 9px;  font-weight: 700; }
.t-slider-1 .text a:hover {   }



.yana-kay { margin: 0px -10px }

.OLW-TEMA-2 { position: relative; z-index: 0;   }
.OLW-TEMA-2 .owl-carousel {  }
.OLW-TEMA-2 .owl-nav { position: absolute; width: 100%; top: 45%; left: 0;   text-align: center; z-index: 9999;  }
.OLW-TEMA-2 .owl-nav button { position: absolute; outline: none; }
.OLW-TEMA-2 .owl-nav .owl-next { right: 0px; top: 50%;}
.OLW-TEMA-2 .owl-nav .owl-prev { left: 0px; top: 50%;}


.OLW-TEMA-2 .owl-nav i { padding: 10px; color: #e31e24; background: #fff; margin: 0px; border-radius: 90px; box-shadow:2px 2px 6px rgba(0,0,0,0.1) }
.OLW-TEMA-2 .owl-dots { display: block; position: absolute; width:100%; bottom: 10px; left: 0px; text-align: center; z-index: 9999; display: none;}
.OLW-TEMA-2 .owl-dots .owl-dot { display: inline-block; width: 15px; height: 15px; border: 1px solid #000;   margin: 2px; border-radius: 100px}
.OLW-TEMA-2 .owl-dots .active { background: #ccc; }

.OLW-TEMA-2 .item { padding: 0px 0px;      }
.OLW-TEMA-2 .item img {  }
 
.OLW-TEMA-2 .relative { padding: 10px 1px; }










.ALI_ZOOM { position: relative; }
.ALI_ZOOM .al-1 .li { width: 100px;     cursor:pointer; float:left; margin-right: 20px  }
 
.ALI_ZOOM .al-1 {    width: 100px; z-index: 20; float: right;    }
.ALI_ZOOM .al-2 { width:calc(100% - 120px ); float:right;  overflow: hidden; position: relative; z-index: 0}
.ALI_ZOOM .al-2 img { width:100%;  }

@media screen and (max-width: 1000px) {
.ALI_ZOOM { padding-right: 0px; padding: 10px 0px } 	
}


.urun-sag { padding: 10px; padding-left: 50px; padding-right: 60px; position: relative;  }
.urun-sag h3 {    }


.urun-sag h2 { color: #000; font-weight: 600; font-size: 18px}
.urun-sag h1 { padding-bottom: 10px}
.urun-sag p { line-height: 25px; }

.urun-sag .tukendi {padding: 15px 0px; text-align: center; background: #f2f2f2; margin-top: 10px; font-weight: 600; }

.urun-sag .i-share { position: absolute; top: 0; right: 0; width: 40px;}
.urun-sag .ozel-alan {   margin: 20px 0px;   }
@media screen and (max-width: 1000px) {
.urun-sag { padding: 10px 0px  }  
.urun-sag .ozel-alan {   margin: 20px 20px;   }
}
.URUNDETAY { padding: 20px 0px; background: #fff; border-radius: 10px; border:1px solid #ccc;
	margin-top: 30px;
}
 
.BFA { background: #154199; color: #fff; line-height: 44px; text-align: center; }
.BFA:hover { cursor: pointer; opacity: 0.5}
.eskifiyat { text-decoration:line-through; color:#666 }

.indirimvar { font-size: 26px; }
.indirimvar span { display: inline-block; background: #000; color: #fff; padding: 0px 10px;  }


.wem    { width:100%; height:30px;  font-size:16px;  padding:50px 0px;  }
.wem a  { text-decoration:none; }
.xgol   { padding:5px 10px 5px 10px; margin:1px 2px 0px 0px; border:1px solid #ccc; color:#333; display:inline-block;   }
.xgol2  { padding:5px 10px 5px 10px; margin:1px 2px 0px 0px; border:1px solid #000; background:#000; color:#fff;   display:inline-block; }
.xgol:hover { background:#000000; border:1px solid #000; cursor:pointer; color:#FFFFFF; }

.kapat { position: absolute; top: 8px; right: 8px; z-index: 6000; background: #f2f2f2; padding: 0px 0px; text-align: center; width: 35px; height: 35px;  }
.kapat i { font-size: 20px; line-height: 35px; }
.kapat:hover { cursor: pointer; background: #000; color: #fff;  }


.bedentablom  { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 6000; display: inline-flex; align-content: center; align-items:center }
.bedentablom  > div {width: 100%; }
.bedentablom .incontent { background: #fff; padding: 30px; box-sizing: border-box; text-align: center; max-width: 800px; margin: 0 auto; position: relative;}
.bedentablom .bedenm { }
.bedentablom .bedenm span { display: inline-block; border: 1px solid #000; padding: 0px 6px }

.URUNDETAY .adetler {
	line-height:48px;
	color:#666;
	font-weight:600;
	border-radius: 6px; overflow: hidden;
	border: 1px solid #ccc;

}
.URUNDETAY .adetler input {   border:none;  width:calc(100% / 3); height:50px; margin:0px 0px; text-align:center; float:left; box-sizing: border-box; font-size: 18px; font-weight: bold  }
.URUNDETAY .adetler .eksilt { width:calc(100% / 3); background: #ffffff; color: #666666; text-align:center; float:left; line-height:50px; box-sizing: border-box; font-size: 20px }
.URUNDETAY .adetler .eksilt:hover { cursor:pointer; color:#000 }
 

.EKLEBAKALIM { padding:0px 10px; line-height: 44px; text-align: center; background: #000000; color: #000;    }
.EKLEBAKALIM:hover {opacity: 0.8;  cursor: pointer; }

.ONBS { background: #f2f2f2; color: #000;   }
 
@media screen and (max-width: 1000px) {
.ONBS { margin-top: 10px; margin-left: 0px   } 
}

.URUNDETAY .eklemeler { padding: 0px 0px;  }
.URUNDETAY .fiyat { padding: 2px 0px;  }
.URUNDETAY .fiyat .ciz { font-size: 25px; padding-right: 15px;   }
.URUNDETAY .fiyat strong { font-size: 25px; }

.bgfull { width: 100%; }
@media screen and (max-width: 1000px) {
.bgfull { width: 100%; height: 200px; object-fit: cover } 
}

.galeriname { line-height: 50px; color: #000; font-size: 14px; letter-spacing: 1px  }
.non-filter { padding: 8px 0px; }
.detay-filitre { height: 40px; width: 100%; box-sizing: border-box; outline: none; border: none; border: 1px solid #ccc; font-size: 16px; font-weight: 600; padding: 0px 20px }
.ln-45 { line-height: 40px; font-weight: 700;    }
.inner-filter { display: inline-block; padding: 4px 9px; background: #f2f2f2; font-size: 12px; margin: 3px 3px 0px 0px; border: 1px solid #ccc; }


.uyebg {  }


.row { padding: 40px 0px; }

.auto-center .img-kare{ border-radius: 200px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}

.full-bar { background: rgb(121,207,191);
	background: linear-gradient(90deg, rgba(121,207,191,1) 50%, rgba(31,59,88,1) 50%); }
.full-bar .img-kare { transform: scale(1.20); position: relative; }




.panel-tablo { line-height: 50px; border: 1px solid #f4f4f4; padding: 0px 25px; background: #fff; margin-bottom: -1px }
.panel-tablo .checkmark { top: 7px}
.panel-tablo .br { border-right: 1px solid #f4f4f4}


.user-menu { padding: 60px 0px;}
.user-menu a { display:table;  margin: 5px 0px; width: 100%; line-height: 45px; color: #000; position: relative; font-size: 13px; padding: 0px 0px; border-bottom: 1px solid #ccc; }
.user-menu a i { float: right; line-height: 45px; margin-right: 15px; }


.bl-d { height: 45px; margin-bottom: 5px; }

.login-bg {  position: relative; z-index: 0; overflow: hidden; }
.login-bg .tb-9 { padding: 0px }
.login-bg .li_img { position: absolute; width: 100%;   left: 0; bottom: 0; z-index: 0; object-fit: cover }


.log-max { max-width: 400px; margin: 0 auto;  }

.UYELIK {   padding:40px 0px;     position: relative; z-index: 10; background:#fff; margin: 20px; display: flex; align-items: center; align-content: center   }
.UYELIK > div { width: 100%; }


.UYELIK .IN {   padding: 0px 30px; position: relative; z-index: 10;   }
.UYELIK .UYEFORM {   margin: 0px auto;  }
 
.subkategori   { background: #f2f2f2   } 
.subkategori a { display: inline-block; padding: 0px 0px; color: #000; line-height: 35px; font-size: 14px; letter-spacing: 1px; font-weight: 600;     }
.subkategori a i { font-size: 16px; width: 35px; text-align: center;  }
.subkategori a:hover { color: #787878}


.li-tab { text-align: center }
.li-tab .li { padding: 10px 20px; display: inline-block; color: #000; border-bottom: 5px solid rgba(0,0,0,0.5);  }
.li-tab .li i { padding-right: 8px}
.li-tab .aktif {    border-bottom: 5px solid #000; }
.li-tab .li:hover{    cursor: pointer; border-bottom: 5px solid #ccc; }
.li-tab-icerik {    }

@media screen and (max-width: 1000px) {
	
	.UYELIK 	{ margin: 0px; padding: 0px}
.UYELIK .IN { width: 100%;  padding:40px 0px;  }
.li-tab-icerik {   padding: 0px  0px }
.UYELIK .bgsi { display: none } 
.li-tab .li { padding: 10px 20px; display:inline-block; width: 100%; color: #000; border-bottom: 5px solid #f6f6f6; text-align: left;  }
.UYELIK .UYEFORM { max-width: 500px; margin: 0 auto; padding: 0px 30px}	
	.li-tab { padding: 30px }
	
.mb1 {  width: 70% !important; }	
.mb2, .mb3 { 	display: none }
	
	
}


.shadow-2 { box-shadow: 10px 10px 15px #e1e1f5;}
.shadow-3 { box-shadow: 10px 10px 15px rgba(121,207,191,0.2); }


.liste-3            { background: #F7F7F7; border-radius: 10px; margin:0px 0px  }
.liste-3 .puan 	    { color: #FFBA00; }
.liste-3 .puan span { color: #555; font-size: 16px; }
.liste-3 .tit       { font-size: 18px; font-weight: 600; padding-bottom: 10px; }
.liste-3 .tit a     { color: #004A93; text-decoration: underline;   }
.liste-3 .ozet      { color: #555; font-size: 13px; line-height: 20px; padding-top: 15px; border-top: 1px solid #ccc; }
.liste-3 .tarih     { color: #9B9B9B; position: absolute; top: 10px; right: 10px; font-size: 12px; }
.liste-3 .tarih i   { padding-left: 10px; }



.liste-4
{
	background: #fff;
	border-radius: 10px;
	margin:20px 0px ;

}

.liste-4 .puan 	    { color: #FFBA00; }
.liste-4 .puan span { color: #555; font-size: 16px; }
.liste-4 .puanlama  { position: absolute; top: 10px; right: 10px; background: #71B62C; color: #fff; width: 45px; height: 45px; font-size: 22px; font-weight: 600; border-radius: 8px; line-height: 45px; text-align: center; z-index: 66}
.liste-4 .begenme   { position: absolute; bottom: 10px; right: 10px; font-size: 22px; z-index: 66;   ; background: #004A93; color: #fff;   ; width: 45px; height: 45px; border-radius: 8px;   text-align: center; cursor: pointer; }
.liste-4 .begenme i { line-height: 45px;  }
.liste-4 .begenme:hover i {color: #D90E11; }
.liste-4 .p { line-height: 33px}
.liste-4 .p i {   width: 20px; text-align: center;  }

.liste-4 .tit       { font-size: 24px; font-weight: 600; padding-bottom: 10px; padding-top: 10px}
.liste-4 .tit a     { color: #004A93; text-decoration: underline;   }
.liste-4 .ozet      { color: #555; font-size: 13px; line-height: 20px; padding-top: 15px; border-top: 1px solid #ccc; }
.liste-4 .tarih     {  position: absolute; top: 10px; right: 10px; font-size: 14px;    padding: 4px 6px; border-radius: 6px; }
.liste-4 .tarih i   { padding-left: 10px; }
.liste-4 .dan { padding: 4px 0px; font-size: 13px; color: #666; }
.liste-4 .fyt { padding: 4px 0px; font-size: 28px; color: #000; font-weight: 600;  }








.max-lg { max-width: 800px; }



.liste-10
{
	background: #fff;
	border-radius: 10px;
	margin:0px 0px ;
	box-shadow: 10px 10px 15px rgba(121,207,191,0.2);
}

.liste-10 .puan 	    { color: #FFBA00; }
.liste-10 .puan span { color: #555; font-size: 16px; }
.liste-10 .p { line-height: 33px}
.liste-10 .p i {   width: 20px; text-align: center;  }
.liste-10 .tit       { font-size: 24px; font-weight: 600; padding-bottom: 10px; padding-top: 10px}
.liste-10 .tit a     { color: #004A93; text-decoration: underline;   }
.liste-10 .tarih     {   position: absolute; top: 10px; right: 10px; font-size: 14px;    padding: 4px 6px; border-radius: 6px; }
.liste-10 .tarih i   { padding-left: 10px; }
.liste-10 .dan { padding: 4px 0px; font-size: 13px; color: #666; }
.liste-10 .fyt { padding: 4px 0px; font-size: 28px; color: #000; font-weight: 600;  }










.f-content { padding: 10px 15px;  border: 1px solid #f2f2f2; margin: 10px 40px 10px 0px; border-radius: 6px;  background: #fff;  }
.f-content .f-baslik  { padding: 10px 0px; font-size: 18px; font-weight: 500;   }
.f-content .filitre { padding: 7px 0px; }
.f-content .filitre .border { height: 5px; background: #ccc; }
.f-content .filitre p { margin: 0; padding: 0; }
.f-content .filitre .b { font-weight: 500; }


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

	.f-content  { margin: 10px 10px 10px 10px; }
}



.sepet-list { background: #fff; margin-bottom: 20px; box-shadow: 6px 6px 15px rgba(0,0,0,0.1) }
.sepet-list i { color: #000;}
.sepet-list a { color: #000}


.page-sayfalama { padding: 35px   }
.page-sayfalama a { display: inline-block; line-height: 35px; color: #fff; background: #ec060d; width: 35px; height: 35px;   border-radius: 4px; text-align: center; }
.page-sayfalama .aktif { background: #152d47; }
.icerik-yok     { background: #FFECD7; color: #000; padding: 30px; text-align: center; border-radius: 9px; }




.li-tab-1 { background: #f2f2f2; border-radius: 9px      }
.li-tab-1 .li { padding: 20px 0px; float:left; color: #999; text-align: center; width: calc(100% / 3);   }
.li-tab-1 .li span { display:inline-block; width: 100%; font-size: 36px; font-weight: 800; padding-bottom: 10px;  }
.li-tab-1 .aktif {   color: #e31e24   }
.li-tab-1 .li:hover{    }
.li-tab-1-icerik {   padding: 50px;  background:#fff; }
@media screen and (max-width: 1000px) {
 .li-tab-1-icerik {   padding: 10px;  background:#fff; }
}


.NLOGIN { position:fixed; width: 100%; height: 100%; left: 0; top:0;  background: rgba(0,0,0,0.5); z-index:4000; overflow: auto; display: none;   }
#NLOGIN {  width: 400px; left: 50%; margin-left: -200px; background: #fff; top: 30%; position: absolute; margin-bottom: 100px;  }
#NLOGIN .loginkapat { position: absolute; right: 0px; top: -30px; font-size: 19px; background: #fff; color:#000; padding: 10px }
#NLOGIN .loginkapat:hover { background: #000; color: #fff; cursor: pointer; }


ul.LOGINTAB { list-style: none; margin: 0; padding: 10px; }
ul.LOGINTAB li { width: calc(100% / 2 - 20px);  padding:10px; color: #fff; background: #000; float: left; text-align: center;  }
ul.LOGINTAB li.active { background: #fff; color:#000}
ul.LOGINTAB li:hover { background: #fff; color: #000; cursor: pointer}
 
ul.LOGINCONTENT { list-style: none; margin: 0; padding: 10px; }
ul.LOGINCONTENT li { display: none }
ul.LOGINCONTENT li.active { display: block }


.SIPARIS {   padding: 0px 0px    }
.SIPARIS .IN {   padding: 50px 0px }
.SIPARIS .UYEFORM { max-width: 500px; margin: 0 auto;}
.SIPARIS h2.formbaslik { padding: 0px 0px 20px; font-size: 22px}


.b-title { padding: 15px 0px}
.b-title h1 { font-size: 20px; }



.SIPARISLERIM         { background: #fff;   }
.SIPARISLERIM .baslik { background: #f2f2f2}
.SIPARISLERIM .tr     { width: calc(100% / 4); padding:8px 8px; float: left; color: #000 }
.SIPARISLERIM .list   { border-bottom:1px solid #f2f2f2 }

 


@media screen and (max-width: 1000px) {
.SIPARIS .IN {   padding: 0px 0px }	 
	.li-50 { width: 100% }
}

#clear { clear: both; }
.mini-bilgiler { border: 1px solid #ccc; padding: 20px; border-radius: 6px }

.BILGISEPETI { width:calc(40% - 0px);      float:left;    }
.BILGISEPETI h2 { padding:0px; margin: 10px 0px; font-size: 22px; line-height: 40px; color: #000   }
.BILGISEPETI .li { border-bottom: 1px solid #ccc; position: relative;   font-size:16px; color: #000; line-height: 30px }
.BILGISEPETI .li span { font-size:12px; color: #888; }
.BILGISEPETI .li:after { clear: both; content: ''; display: table; }
.BILGISEPETI .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.BILGISEPETI .li .sepsil:hover { color:#D9191C }
 
.BILGISEPETI .li .st-1 { width: calc(70% - 100px); float: left }
.BILGISEPETI .li .st-2 { width: calc(30% - 0px); float:right;   text-align: right  }	
.BILGISEPETI .li:hover { background:#f6f6f6 }
.BILGISEPETI .total { padding:10px 0px; text-align: right; }

.BILGISEPETI .td { padding:0px 0px; line-height: 30px; }
.BILGISEPETI .td i { width: 30px; height: 30px; text-align: center;  }
.GONDERKISMI  { width:100%; float:left; padding:15px 0px; text-align:center; }
.GONDERKISMI .GN1 { background:#000; color:#fff; outline:none; border:none; padding:15px; margin:5px;    }
.GONDERKISMI .GN1:hover { background:#666; cursor:pointer; }
.GONDERKISMI .DIVBUTON  { display: inline-block; padding: 9px 15px; background: #000; color: #fff;  }
.GONDERKISMI .DIVBUTON:hover  { cursor: pointer; background: #666 }

@media screen and (max-width: 800px) {
.BILGISEPETI { display: none }

}

.SORGUS { background: #fff;}
ul.ultablist   {  list-style: none;   padding: 60px 0px;   }
ul.ultablist li {   padding: 0px 0px; font-size: 16px; }

.BILGISEPETI2 { padding: 50px; border:1px dashed #ccc;  }
.BILGISEPETI2 h2 { padding:8px 10px; margin: 10px 0px; font-size: 22px; color: #000   }
.BILGISEPETI2 .li { border-bottom: 1px solid #f2f2f2; position: relative; padding:30px 0px; font-size:16px; color: #000; }
.BILGISEPETI2 .li span { font-size:12px; color: #888; }

.BILGISEPETI2 .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.BILGISEPETI2 .li .sepsil:hover { color:#D9191C }
.BILGISEPETI2 .li .st-0 { width: 70px; float: left}
.BILGISEPETI2 .li .st-0 img { width: 90%  }
.BILGISEPETI2 .li .st-1 { width: calc(70% - 100px); float: left }
.BILGISEPETI2 .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.BILGISEPETI2 .total { padding:10px 0px; text-align: right; }

.BILGISEPETI2 .td { padding:0px 10px; line-height: 30px; }
.BILGISEPETI2 .td i { width: 30px; height: 30px; color: #000  }
.col-bol .c1 { width:calc(100% / 1); float: left; }
.col-bol .c2 { width:calc(100% / 2); float: left; }
.col-bol .c3 { width:calc(100% / 3); float: left; }

@media screen and (max-width: 800px) {
.BILGISEPETI2 { padding: 10px; border:1px dashed #000;  }	
.col-bol .c1 { width:calc(100% / 1); float: left; margin-bottom: 30px }
.col-bol .c2 { width:calc(100% / 1); float: left; margin-bottom: 30px  }
.col-bol .c3 { width:calc(100% / 1); float: left; margin-bottom: 30px  }
}




.SEPETLISTE { position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; background: #fff;  overflow: auto; }
.SEPETLISTE .li { border-bottom: 1px solid #ccc; position: relative; padding:20px; font-size:16px; color: #000; }
.SEPETLISTE .li span { font-size:12px; color: #888; }

.SEPETLISTE .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.SEPETLISTE .li .sepsil:hover { color:#D9191C }
.SEPETLISTE .li .st-0 { width: 70px; float: left}
.SEPETLISTE .li .st-0 img { width: 100%  }
.SEPETLISTE .li .st-1 { width: calc(70% - 100px); float: left}
.SEPETLISTE .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.SEPETLISTE .li:hover { background:#f6f6f6 }
.SEPETLISTE .SEPSOL { width: calc(50% - 100px); float: left; padding: 50px  }
.SEPETLISTE .SEPSAG { width: 50%; height: 100%; position:absolute; background: url(log.jpg) center center no-repeat; background-size: cover; right: 0; top: 0}
.SEPETLISTE .BUTONSET { text-align: center; padding: 10px 0px }
.SEPETLISTE .BUTONSET a { display: inline-block; padding: 9px 15px; margin: 3px; background: #000; color: #fff; }
.SEPETLISTE .BUTONSET a:hover { background: #666}



@media screen and (max-width: 800px) {
.SEPETLISTE { position: absolute; width: 100%; height: 90%; left: 0%; top: 0%; background: #fff;  overflow: auto; }
.SEPETLISTE .SEPSAG { display: none; }
.SEPETLISTE .SEPSOL { width: calc(100% - 40px); float: none; padding: 20px  }
}


 

.SEPETLISTE2 {  padding: 80px 0px }
.SEPETLISTE2 .li { border-bottom: 1px solid #ccc; position: relative; padding:20px; font-size:16px; color: #000; }
.SEPETLISTE2 .li span { font-size:12px; color: #888; }

.SEPETLISTE2 .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.SEPETLISTE2 .li .sepsil:hover { color:#D9191C }
.SEPETLISTE2 .li .st-0 { width: 70px; float: left}
.SEPETLISTE2 .li .st-0 img { width: 100%  }
.SEPETLISTE2 .li .st-1 { width: calc(70% - 100px); float: left; box-sizing: border-box; padding: 0px 20px}
.SEPETLISTE2 .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.SEPETLISTE2 .li:hover { background:#f6f6f6 }
.SEPETLISTE2 .BUTONSET { text-align: center; padding: 10px 0px }
.SEPETLISTE2 .BUTONSET a { display: inline-block; padding: 9px 15px; margin: 3px; background: #000; color: #fff; }
.SEPETLISTE2 .BUTONSET a:hover { background: #666}


.no-border { border: none !important; }
 


.li-table { padding: 30px 0px  }
.li-table .li-tr { }
.li-table .li-tr .li-td { padding: 8px 0px;   }
.li-table .li-tr .li-td span { color: #DD0306}
.li-table .li-tr .fiyat { font-size: 38px;}






.ODEMEBILGISI { width:calc(60% - 40px);   padding: 0px 0px 0px 0px; float: right;   }
.ODEMEBILGISI .ODEMESEC { padding:0; }
.ODEMEBILGISI .ODEMESEC .li { padding:20px 10px ;  color: #999;   margin: 2px; text-align: center; width: calc(50% - 24px); float: left; background: #f2f2f2; }
.ODEMEBILGISI .ODEMESEC .li i { font-size:36px; padding-bottom: 10px; }
.ODEMEBILGISI .ODEMESEC .li:hover {  color: #000; cursor: pointer}
.ODEMEBILGISI .ODEMESEC .secili {  color: #000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }


.ODEMEBILGISI .odemeaciklama  { width:calc(100% - 2px - 40px) ; height: 200px; border: 1px solid #ccc; padding: 20px; outline: none;     }
.ODEMEBILGISI .BANKACH { padding: 10px 0px}
.ODEMEBILGISI .BANKACH .li { width: calc(50% - 59px); position: relative; float: left; padding: 15px 15px 15px 40px; margin: 2px;   }
.ODEMEBILGISI .BANKACH .li:hover { cursor: pointer;   }

.ODEMEBILGISI .BANKACH .li i { color: rgba(0,0,0,0.1); position: absolute; left: 0; top: 25px; font-size: 25px; }
.ODEMEBILGISI .BANKACH .secilenbanka i { color: #0AA830  }
.ODEMEBILGISI .BANKACH .li:hover i {   color: #0AA830  }


@media screen and (max-width: 800px) {
 
.ODEMEBILGISI { width:calc(100% - 40px);   padding: 20px; float: none;   }
.ODEMEBILGISI .BANKACH .li { width: calc(100% - 59px); position: relative; float: none; padding: 15px 15px 15px 40px; margin: 2px;   }	
	
	
}

.OSONUC   { text-align: center; }

.OSONUC .tanim1  { font-size: 18px; }
.OSONUC .tanim1 i  { font-size: 36px; padding-bottom: 15px; }

.iletisim { padding: 50px 0px  }
.iletisim img { width: 80%; }

.iletisim .SOSYALMEDYA {  padding: 0px 30px; text-align: center; }
.iletisim .SOSYALMEDYA i {   display: inline-block; width: 25px; line-height: 45px; font-size: 25px; color: #000; }
.iletisim .SOSYALMEDYA a { display: inline-block; padding: 0px 8px; }

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




.RESFORM   { padding:10px; }
.RESFORM p   { padding:10px 0px; }
.RESFORM .text-i { width: calc(100% - 2px - 30px); height: 50px; border: 1px solid #ccc; padding: 0px 15px; outline: none; }
.RESFORM .BUTON  { background: #000; color: #fff; padding: 0px 15px; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; }
.RESFORM .BUTON:hover { background: #464646; cursor: pointer; }


.RFORMU { background: #767676; position: relative;}
.RFORMU .REZ { max-width: 600px; margin: 0 auto; position: relative; z-index: 10; padding: 90px 20px; color: #fff; }
.RFORMU .f-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover;}


/***/
form.form_form            { text-align:left; }
form.form_form .simgesi { position:absolute; z-index:20; margin-top:22px; margin-left:20px; color:#999; font-size:17px; display: none}
form.form_form .spanik { z-index:20;  font-size:17px; left:4px; top:-15px; font-size: 12px;   color: #000; padding: 1px 5px;   line-height: normal; margin-bottom: -15px; display: inline-block; position: relative; z-index: 20}
form.form_form > div { position: relative;  }

form.form_form .form_tr   {   font-size:15px; padding-top:10px;      }
/***/
form.form_form .form_text {  
width: calc(100% - 0px); 
box-sizing: border-box;  
height:50px; outline:none;    
border:1px solid #ddd; 
position:relative; font-size:13px; font-weight:600; color:#333; margin:5px 0px; padding:0px 15px 0px 30px;      background:#fff; border-radius: 9px;   }
form.form_form .form_text:focus { background:#f4f4fe }
/***/
form.form_form .form_textarea {   width: calc(100% - 0px); box-sizing: border-box;   height:90px; outline:none;   border:1px solid #ddd;  position:relative;    font-size:13px; font-weight:600;  color:#333; margin:5px 0px; padding:20px 15px 6px 30px;      background:#fff; border-radius: 9px;  }
form.form_form .form_textarea:focus { background:#f4f4fe }
/***/
form.form_form .form_select {    width: calc(100% - 0px); box-sizing: border-box;   height:52px;   outline:none;  border:1px solid #ddd;  position:relative;    font-size:13px; font-weight:600; color:#333; margin:5px 0px; padding:6px 15px 6px 30px;      background:#fff; border-radius: 9px;  }
form.form_form .form_select:focus { background:#f4f4fe }
/***/
form.form_form .form_button  { border:none; outline: none;     font-size:13px; font-weight:600;    color: #fff; margin:5px 0px;  padding:0px; width:calc(100%); height:50px; }
form.form_form .form_button:hover { cursor:pointer; }
/***/


form.form_form .form-1 { width: calc(100%); float: left; padding:0px 5px     }
form.form_form .form-2 { width: calc(100% / 2); float: left;  padding:0px 5px     }

@media screen and (max-width: 1000px) {
form.form_form .form-2 { width: calc(100% / 1); } 
}




.BTN1 { background: #000000; color: #fff; }
.BTN1:hover { background: #000; color: #fff }



.BUTONLAR { }
.BUTONLAR button { border: none; background: none; outline: none; margin: 0; padding: 0; }
.BUTONLAR .bt-1 { background: #000; color: #fff; padding: 8px 10px;  }
.BUTONLAR .bt-2 { background: #4ba440; color: #fff; padding: 8px 10px;  }
.BUTONLAR .bt-txt { padding: 8px 0px; }
.BUTONLAR button:hover { cursor:pointer; background: #000; color: #fff; }


.BUTONLARDIV { }
.BUTONLARDIV .buton { padding: 8px 10px; float: left; font-size: 15px  }
.BUTONLARDIV .bt-1 { background: #000; color: #fff;  }
.BUTONLARDIV .bt-2 { background: #4ba440; color: #fff; margin-left: 5px }
.BUTONLARDIV .bt-txt { display: inline-block; padding: 8px 0px; margin-top: 15px; font-size: 14px  }
.BUTONLARDIV .buton:hover { background: #000; cursor: pointer }


.akbar { background: #f2f2f2; margin-top: 20px; }

.sozlesme { padding: 9px 0px; color: #000; font-size: 13px   }
.sozlesme a { color: #000; }



.video-galeri .tablo { padding-bottom: 50px }

.video-galeri .tablo .video { padding: 10px }



.tabmenu { padding:50px 0px; padding-bottom: 0px   }
.tabmenu a { display: inline-block; font-size: 18px; border: 1px solid #ccc; line-height: 45px; padding: 0px 30px; color: #000; border-radius: 60px }
.tabmenu a.secili { background: #f3f3f3  }

@media screen and (max-width: 1000px) {
.tabmenu { text-align: center;   } 
}



.post-1 .description { font-weight: 600; font-size: 17px; line-height: 30px }




 .share { text-align: center;  }
.paylas-gurubu { display: inline-block; color: #000;  }
.paylas-gurubu a { display: inline-block; }
.paylas-gurubu a:hover { cursor: pointer; }
.paylas-gurubu i { line-height: 35px; width: 35px; height: 35px; text-align: center; color: #000;  }
 


.post-2 { padding: 30px  }
.post-2 .text { padding: 0px 25px; font-size: 14px; line-height: 25px;   height: 100%; color: #000 }
.post-2 .text h3:after {   display: table; content: ''; height: 2px; width: 30px; background: #000}
 
@media screen and (max-width: 1000px) {
.post-2 { padding: 0px  } 
.post-2 .text { padding:20px 25px; font-size: 14px; line-height: 25px;   height: 100%; color: #000 }	
	
}



@media screen and (max-width: 1000px) {
	.mobil-metin { padding:40px 30px}
}

.galeri .tablo {   }
.galeri  { }
.galeri .colon { padding: 10px;  transition: 0.3s}
.galeri .colon:hover {  }

@media screen and (max-width: 1000px) {
.galeri  {  } 
.galeri .tablo {  padding: 10px}	
}


.home-galeri { padding: 100px }
.home-galeri .colon { padding: 10px;  transition: 0.3s}
@media screen and (max-width: 1000px) {
.home-galeri { padding: 0px }
}


.home-video {   }
.home-video .colon { padding: 10px;  transition: 0.3s}

@media screen and (max-width: 1000px) {
.home-video { padding: 0px } 
 
}





@media screen and (max-width: 1000px) {
.SVIDEO   .colon { width: 100%; } 
	.yazar { padding: 0px }
}

.kutu-1 { background: #e3074a; color: #fff; }
.kutu-1 a { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 9px 0px; display:block;  }



.alt-yazi { padding: 40px 0px; }
.alt-yazi a {   display:inline-block; background: #000; color: #fff; border-radius: 60px; padding: 8px 25px  }



.ushop { position: absolute; right: 0; top:30px; padding: 9px 15px 9px 15px; color: #fff; background: #000; border-radius: 60px;  }
 
 
.x-35 {font-size: 35px; line-height: 40px;}
.x-24 {font-size: 24px; line-height: 35px;}
.x-16 {font-size: 16px; line-height: 30px;}

 


.a-title h2 { font-size: 36px ; margin: 0; padding: 0; }
.a-title p  { margin: 0; padding: 0; line-height: 30px }
.a-title {  position:relative; z-index: 0; padding: 50px 0px}
.a-title img { position: absolute; top: 0; right: 0; height: 100%;  }


@media screen and (max-width: 1000px) {
.a-title {    z-index: 0; padding:20px 0px; text-align: center;}
.a-title h2 { font-size: 22px ; margin: 0; padding: 0; }
 .a-title img { display: none; }
}


.gradiend-img {
	
background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
.gradiend-img img { width: 100%; }


.kimdir {padding: 50px 0px}
.kimdir p { line-height: 35px; font-size: 15px;  text-align: justify; column-gap: 40px;}

.author { text-align: center; }
.author img { width: 60%; }

.center-ikonbar                { text-align: center;     }
.center-ikonbar .ikonlar       { display: inline-block; padding: 10px 20px; color: #000}
.center-ikonbar .ikonlar .text { font-weight: 800; padding-top: 10px;   }
.center-ikonbar .ikonlar img   { width: 50px; height: 50px } 
@media screen and (max-width: 1000px) {
.center-ikonbar                { display: none} 
}

/**************************/
/**************************/
footer { padding: 60px 0px; background: #f1f1f1;  }
footer ul li a { display: inline-block; padding: 0px 0px; line-height: 30px; color: #000; font-size: 13px;   }
footer ul li a:hover { text-decoration: underline}
footer ul h3 { padding : 10px 0px; letter-spacing:1px }
footer p {   padding: 0px 0px; line-height: 25px; color: #000; font-size: 15px;}
footer p a { color: #000 }
footer .copfooter a {display: inline-block; padding: 0px 6px; line-height: 18px; font-size: 13px; left: 1px; border-right: 1px solid #000; }
footer .copfooter a:last-child { border: none; }



/**************************/
@media screen and (max-width: 1000px) {
footer { padding: 30px 30px; } 
footer ul	{ padding: 30px 0px}
}
/**************************/
/**************************/

.kutualani { padding: 60px 0px }
.vh-50 { min-height: 38vh; position: relative; z-index: 0; background: rgb(242,242,242);
background: linear-gradient(121deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);}
.i-flex {  display:flex; align-content:center; align-items:center }
.i-flex > div {   width: 100%; text-align: left;   max-width: 500px; margin: 0 auto; padding: 80px 0px}
.i-flex > div ul li { list-style:circle; margin: 20px; }
.i-flex ul li {   }
.avatar { position: relative;   }
.avatar img {  position: absolute; height: 100%; width: 50%;  object-fit: cover; top: 0;}
.avatar .l-2 { padding: 10px 30px;   }
.am-1 img  { left: 0;  }
.am-1 .l-2 { float: right !important }  
.am-2 img  { right: 0;  }

@media screen and (max-width: 1000px) {
.vh-50 { min-height: 100px; position: relative; z-index: 0}
.avatar img {  position:relative; height: 100%; width:100%;  object-fit: cover; top: 0;} 	 
}


.ABONEOL {  padding: 30px 0px; background: #fff;   }
.ABONEOL p { color:#000; font-size: 14px; }
.ABONEOL .bultenform { position: relative; background: #fff; overflow: hidden; border-radius: 50px;    }
.ABONEOL .bultenform .MA { width:100%; border:0;color: #000; background: none; outline: none; padding: 0px 60px 0px 20px; height: 50px; box-sizing: border-box; border-radius: 40px; }
.ABONEOL .bultenform .MG { width: 60px; color: #000; position: absolute; top: 0px; height: 50px; right: 0px; text-align: center; }
.ABONEOL .bultenform .MG i { line-height: 50px; font-size: 25px }
.ABONEOL .bultenform .MG:hover { cursor: pointer; color:#febd00;   }
.ABONEOL .SOSYALMEDYA {   text-align: right; }
.ABONEOL .SOSYALMEDYA i { line-height: 35px; font-size: 19px  }
.ABONEOL .SOSYALMEDYA a { display: inline-block; padding: 0px 0px; margin: 0px 3px; color:#6c6c6c;   width: 35px; height: 35px; border: 1px solid #6c6c6c; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
.ABONEOL .SOSYALMEDYA a:hover { background: #000; color: #fff }


.enalt { background: #f2f2f2; padding: 20px 0px }
.enalt p { font-size: 13px; }
.logo-gr { text-align: center; max-width: 500px; margin: 0 auto; }

@media screen and (max-width: 1000px) {
.enalt img { width: 90% !important;  }
}


 


.bilgi-sayfalari {   padding: 40px 0px;   }
.bilgi-sayfalari .gg-1 { background: #f2f2f2 }
.bilgi-sayfalari .gg-3 { background: #fff; padding: 30px }



.line-menu { padding: 40px 0px     }
.line-menu a { display: table; width: 100%;  line-height: 45px; font-size: 14px;
	box-sizing: border-box;  padding: 0px 20px;    color: #000; position: relative; z-index: 0; border-bottom: 1px solid rgba(255,255,255,0.3)}
.line-menu a.secili { background: rgb(240,240,240);
background: linear-gradient(90deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); color: #000;   }
.line-menu a:first-child {  }
.line-menu a:last-child {  }
.line-menu i { position: absolute; font-size: 18px; top: 0px; right: 20px; line-height: 45px;  }


.kargolar {   }
.kargolar .img-hd { border:1px solid #f2f2f2 }

.top-bar { background: #f2f2f2; line-height: 35px; font-size: 12px;  }
.top-bar p { margin:0px; padding:0px; }


.mini-menu a { display: inline-block; padding: 0px 13px; color: #000; }
.mini-menu a:hover { color: #0000cc}

.arama-tam {   position: relative; z-index: 0;     padding:0px }
.arama-tam input { width: 100%; box-sizing: border-box; height: 40px;
	margin: 0px; padding: 0px 20px; border:1px solid #ccc; border-radius: 4px  }
.arama-tam button { background: none; outline: none; position: absolute; top:7px; right: 7px; border:none; font-size:20px; color:#e31e24; }
.arama-tam button:hover { cursor: pointer; opacity: 0.7}


.banner { position: relative; z-index: 0; background:#f2f2f2; color:#000; margin:0px 50px; border-radius: 10px; overflow: hidden; }
.banner h1 { font-weight: 300; }
.banner h2 {  }
.banner p  { padding: 4px 0px }
.banner a { background: #fff; color:#000; font-weight: 800; padding: 9px 15px; border-radius: 4px; box-shadow: 15px 15px 30px rgba(0,0,0,0.2); transition: 0.5s}
.banner a:hover { background: #000; color:#fff; }
.banner .img_cover { position:absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; object-fit: cover; opacity: 0.2}
@media screen and (max-width: 1000px) {
	.banner {   margin:0px 10px;   }
}



._minder { background: #f2f2f2; }
.minder {   font-size: 14px;   border-radius: 40px;   color: #000;  }
.minder a { display: inline-block; padding: 7px 10px;  color: #000;   }
.minder a:first-child { font-weight: 700;   }

._minder-2 {  }
.minder-2 {   font-size: 14px;   border-radius: 40px;   color: #000;  }
.minder-2 a { display: inline-block; padding: 7px 10px;  color: #000;   }
.minder-2 a:first-child { font-weight: 700;   }



.head-line { text-align: center; }
.head-line h1 { font-weight: 300; font-size: 28px; }


.ikon-en { background: #f6eced }
.ikon-bar { text-align: center; padding:0px 0px; background: #e31e24;   }
.ikon-bar i { font-size: 30px; padding-bottom: 15px; padding-top: 30px}
.ikon-bar a { display: inline-block; padding:8px 15px; background: #000; color: #fff; border-radius: 30px;  }
.ikon-bar a:hover { background: #a4787c;  }
.ikon-en img { width: 100%; }


@media screen and (max-width: 1000px) {
.ikon-en img { display: none} 
}


.in-bannerlar { box-sizing: border-box; margin: 0px -5px }
.in-bannerlar p { width: 50%; float: left; box-sizing: border-box; padding: 5px; }
@media screen and (max-width: 1000px) {
.in-bannerlar p { width: 100%;  padding: 1px;}
}


.urunlistele { padding: 0px 0px 50px 0px}



.urunlistele-2 {    margin: 0px -10px; box-sizing: border-box;  }

.ayrac_h2 { margin: 20px 0px 0px 0px; border-bottom: 1px solid #ccc; line-height: 40px; font-size: 18px}


.urun { position: relative; z-index: 0;  margin:0px; padding:20px;    color: #000; border:1px solid #ddd ;
	margin: 10px; border-radius: 5px;     }
.urun .isim { font-size: 16px; padding: 6px 0px ; font-weight: 400; font-weight: 600 }
.urun .text { padding: 10px 0px;   position: relative; z-index: 1}
.urun .buton { line-height: 35px; font-size: 14px; padding: 0px 15px;  display: inline-block;   border-radius: 6px; margin-top: 8px; background: rgb(103,0,1);
background: linear-gradient(346deg, rgba(103,0,1,1) 0%, rgba(237,20,20,1) 100%); color: #fff;  }
.urun:hover .buton { background: #000; color: #fff; }
.urun .kategori  { font-size: 12px; font-weight: 400; letter-spacing: 0px; color:#666; letter-spacing: 1px }
.urun:hover {  } 
.urun .fiyat { padding-top:20px ; color: #e31e24}
.urun .ciz { color: #888}
.urun .ikonlar { position: absolute; bottom: 10px; right: 0px; z-index: 15; width: 35px;  }
.urun .ikonlar i { display: inline-block; line-height: 35px; width: 35px; background: #2cbdb0; color: #fff; font-size: 18px; text-align: center; border-radius: 50px}
.urun .img-story {background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 2px 2px 3px rgba(0,0,0,0.1);  }
.urun .image_1 { z-index: 10;  }
.urun .image_2 { z-index: 5; }
.urun .img-kare {    border-radius: 6px; overflow: hidden; }
.urun:hover .image_2 { z-index: 15}

.urun .miniindirim { position: absolute; z-index: 60; top: 10px; left: 10px; padding: 3px; color: #fff;background: #d52929; text-align: center; }
.urun .miniindirim .lg-1 { font-size: 18px; font-weight: 600;   }
.urun .miniindirim .lg-2 { font-size: 11px; }

.urun .yeni { position: absolute; z-index: 60; top:30px; right: 30px; padding: 3px; color: #fff;background: #d52929; text-align: center;  font-size: 11px;}
.yenisezon .yeni { display: inline-block; padding: 3px; color: #fff;background: #d52929; text-align: center;  font-size: 11px;}

.detaydaurun .fiyat strong { font-size: 14px; }
.detaydaurun .fiyat .ciz { font-size: 14px; }
 

@media screen and (max-width: 1000px) {
 .urun .image_2 { display: none; }
}




.lg-blog    { }
.lg-blog h2 { font-size: 21px; padding: 10px 0px }
.lg-blog p  { font-size: 16px; padding: 8px 0px }
.lg-blog p a { display: inline-block; padding: 7px 15px; color: #fff; background: #000; border-radius: 6px; }





.blog-post { padding: 10px; } 
.blog-post h3 { padding: 9px 0px; left: 1px; font-size: 14px; color: #000 }

.article   {  }
.article h1 { padding: 8px 0px }
.article h2 { padding: 8px 0px }
.article p { padding: 8px 0px }
 
.all-content { background: #fff; border-radius: 10px; box-shadow: 15px 15px 30px rgba(0,0,0,0.2);  }

.article-x   {  }
.article-x h1 { padding: 8px 0px; font-size: 22px; }
.article-x h2 { padding: 8px 0px; font-size: 18px; }
.article-x p { padding: 8px 0px; font-size: 15px; }
.article-x ul { margin: 0px; padding: 20px;   }
.article-x ul li { list-style: disc; padding: 6px 0px}


.article-2x   {  }
.article-2x h1 { padding: 8px 0px; font-size: 29px;   }
.article-2x h2 { padding: 8px 0px; font-size: 25px; }
.article-2x p { padding: 8px 0px; font-size: 18px; }
.article-2x ul { margin: 0px; padding: 20px;   }
.article-2x ul li { list-style: disc; padding: 6px 0px}


.article-xs   {   }
.article-xs p { padding: 8px 0px; font-size: 16px; line-height: 30px } 
.article-xs h1 { padding: 8px 0px; font-size: 29px;   }
.article-xs h2 { padding: 8px 0px; font-size: 25px; }
.article-xs ul { margin: 0px; padding: 0px 20px;   }
.article-xs ul li { list-style: disc; padding: 6px 0px}



.mini-article    {  }
.mini-article h1 { padding: 2px 0px; margin:0px; }
.mini-article h2 { padding: 2px 0px; margin:0px; color:#e31e24; font-size: 22px;  }
.mini-article p  { padding: 2px 0px; margin:0px;    }



.tema-text h1 { letter-spacing: -0.5px ; font-weight: 700 }
.tema-text h2 { letter-spacing: -0.5px ; font-weight: 600  }
.tema-text h3 { letter-spacing: -0.5px ; font-weight: 400   }
.tema-text p  { color: #404040; letter-spacing: 1px }
.tema-text ul li {color: #404040; letter-spacing: -0.5px ;}


.tema-text-home h1 { letter-spacing: -0.5px ; font-weight: 700; padding-bottom: 25px;

	font-size: 38px;
	color: #e31e24;

}
.tema-text-home h2 { letter-spacing: -0.5px ; font-weight: 600  }
.tema-text-home h3 { letter-spacing: -0.5px ; font-weight: 700 ; color:#888;  }
.tema-text-home p  { color: #404040; letter-spacing: 1px; font-size: 15px;  }




.tema-text-home-2 h2 { letter-spacing: -0.5px ; font-weight: 700;

	font-size: 38px;
	color: #888;

 /**
	background: -webkit-linear-gradient(#2ca7c2, #63ac59);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

  **/

}

.tema-text-home-2 h3 { letter-spacing: -0.5px ; font-weight: 700 ; color:#888;  }
.tema-text-home-2 p  { color: #404040; letter-spacing: 1px; font-size: 15px;  }



.kat-listeleme { background: #fff2cf; padding: 40px; margin-top: 20px; margin-bottom: 20px;  }
.kat-listeleme h3 { 	margin: 0px; padding: 0px; font-size:16px }
.kat-listeleme a  { 	margin: 0px; padding: 0px; font-size:14px; color: #000;   }
.kat-listeleme a:hover  {  text-decoration: underline; opacity: 0.7   }
.kat-listeleme p { 	padding: 6px 0px;	margin: 0px; }


blockquote {
	background-color: #f2f2f2;
	border-left: 1em solid #000;
	margin: 1.5em 0 1.5em;
	padding: 1em 1.5em 1em 2.5em;
	position: relative;
}
blockquote:before {
	color: #000;
	content: "\201C";
	font-size: 5em;
	position:absolute;
	left:5px;
	top: 0.6em;
	line-height: 0.1em;
}

blockquote:after {
	color: #000;
	content: "\201D";
	font-size: 5em;
	position:absolute;
	right:3px;
	bottom: 0em;
	line-height: 0.1em;
}



.lg-uyeol { background:#fff; margin: 30px; border-radius: 10px; padding: 20px }


@media screen and (max-width: 1000px) {
	.lg-uyeol 	{ margin: 0px; padding: 0px }

}

._list-1 {    }
._list-1 h2 { font-size:19px; 	margin: 0px; }
._list-1 p { margin: 0px; padding: 0px; }

._list-2 { color: #666; margin: 0px 0px ; border: 1px solid #f2f2f2; background: #fff; transition: 0.5s  }
._list-2 span { font-size: 11px; color: #b5b5b5; line-height: 25px }
._list-2 strong { font-weight: 500; }
._list-2:hover { color: #000; box-shadow: 6px 6px 10px rgba(0,0,0,0.2) }



._list-3       { background: #fff; border-radius: 10px; margin:0px 0px ; box-shadow: 10px 10px 30px #f2f2f2 }
._list-3 .tit  { font-size: 20px; font-weight: 600; padding-bottom: 10px; padding-top: 10px; color: #70778b;}
._list-3 .ozet { color: #555; font-size: 14px; line-height: 30px; padding-top: 15px; border-top: 1px solid #ccc; }
 

._list-4             { background: #ccc; position: relative; z-index: 0; overflow: hidden;  }
._list-4 .img-kare   { position: relative; z-index: 0; }
._list-4 .cover-mask { position: absolute; bottom: 0; right: 0; z-index: 10;   width:200%; height: 100%;  
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: rgb(34,193,195);
background: linear-gradient(180deg, rgba(34,193,195,0) 0%, rgba(253,187,45,1) 62%);
}
._list-4 .cover-text { position: absolute; bottom: 10px; right:10px; z-index: 20; color: #000;  }



._list-5    { }
._list-5 h2 { font-size: 21px; padding: 10px 0px }
._list-5 p  { font-size: 16px; padding: 8px 0px }
._list-5 p a { display: inline-block; padding: 7px 15px; color: #fff; background: #000; border-radius: 6px; }




._list-9 {  background: #fff;  }
._list-9 h2 { font-size: 21px; padding: 0px 0px }
._list-9 p  { font-size: 16px; padding: 0px 0px }
._list-9 .mask { position: absolute; width: 20px; height: 100%;  right: 0px; top:0px;  }


.fermar ._fer:nth-child(1) { padding-right: 200px; }
.fermar ._fer:nth-child(2) { padding-left: 200px; }

.fermar ._fer:nth-child(3) { padding-right: 200px; }
.fermar ._fer:nth-child(4) { padding-left: 200px; }


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

	.fermar ._fer:nth-child(1) { padding: 10px; }
	.fermar ._fer:nth-child(2) { padding: 10px; }

	.fermar ._fer:nth-child(3) { padding: 10px; }
	.fermar ._fer:nth-child(4) { padding: 10px; }
}






.KUTUM  { width:50px; height: 50px; position: relative; display: inline-block; }
.KUTUM  .box-fx {   text-align: center;    transform-origin: center; border-radius: 500px; position: relative; z-index: 990; width: 50px; height: 50px;
}
.KUTUM  .box-fx img { position: absolute; width: 200%; left: -50%; top:-100%;     }
.KUTUM  .box-1 { animation-duration: 2s; animation-iteration-count: infinite; background-color: #e31e24; transform-origin: center; border-radius: 500px; z-index: 20;  width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; margin-left: 0; margin-top: 0; }
.KUTUM  .box-2 { animation-duration: 3s; animation-iteration-count: infinite; background-color: #e31e24; transform-origin: center; border-radius: 500px; z-index: 30;  width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; margin-left: 0; margin-top: 0; }
.KUTUM  .bounce-2 {  animation-name: bounce-2; animation-timing-function: ease; opacity: 0.3 }
@keyframes bounce-2 {
	0%   {  width: 0px ; height: 0px;  }

	80%  {  width: 400px ; height: 400px; margin-left: -200px; margin-top:-200px;  }
	100% {  opacity: 0}
}


.home-1 .orta {   width: 50px; height: 50px; position: absolute; left: 50%; top:50%; margin-left: -25px; margin-top: -25px; }





.lg-sosyalmedya-xs a { display: inline-block; padding: 0px 0px; margin: 0px 0px; color:#000;   width: 30px; height: 30px; text-align: center; background: #787f91; border-radius: 80px ; transition: 0.4s   }
.lg-sosyalmedya-xs i { line-height: 30px; font-size: 20px  }
.lg-sosyalmedya-xs a:hover {   background: #000; } 


.lg-sosyalmedya-2x { display: flex; }
.lg-sosyalmedya-2x a {  padding: 0px 0px; width: 100%;  margin: 0px 0px; color:#fff; margin: 3px;
	height: 45px; text-align: center; background:#e31e24 ;
	border-radius: 8px ; transition: 0.4s  }
.lg-sosyalmedya-2x i { line-height: 45px; font-size: 23px  }
.lg-sosyalmedya-2x a:hover {  background: #000; color: #fff; }

.lg-menu-sol {     }
.lg-menu-sol a { display: inline-table; width: 100%; padding: 0px 15px; font-size: 14px; color: #888; line-height: 40px;    margin-bottom: 5px; position: relative; border: 1px solid #f2f2f2 ; border-radius: 6px; }
.lg-menu-sol a.secili { box-shadow: 10px 10px 30px #ddd   }
.lg-menu-sol a i {     display: inline-block;   color: #eb070e;   text-align: center; float: right; line-height: 40px;     }
.lg-menu-sol a:hover i { color: #eb070e;  }
.lg-menu-sol a:hover { box-shadow: 10px 10px 30px #ddd}
.lg-menu-sol h2 {  }

.lg-title { color: #000;    padding: 6px 15px; border-radius: 6px; font-weight: 500; font-size: 18px; margin-bottom: 15px  }


@media screen and (max-width: 1000px) {
	.kategori-menusu { position: fixed; width: 100%; height: 100%; left:-100%; top: 0; background: #fff; z-index: 600; transition: 0.5s; display: flex; align-content: stretch; align-items: center }
	.kategori-menusu > div { padding: 0px 40px}
	
}


.tabloayari .colon {padding: 30px 20px}
.tabloayari .colon h2 { font-weight: 600; }
.tabloayari .colon p { font-size: 15px; letter-spacing: 0.5px; line-height: 30px; }

.h-bas h2 { color: #000; font-size: 28px; margin: 0; padding-bottom: 0px; }

.h-p h1 { color: #000; font-size: 32px; margin: 0; padding-bottom: 0px }
.h-p h2 { color: #000; font-size: 23px; margin: 0; padding-bottom: 0px; }
.h-p h3 { color: #000; font-size: 20px; margin: 0; padding-bottom: 0px; }
.h-p p { color: #000; font-size: 16px; margin: 5px 0px; padding-bottom: 10px; line-height: 35px}

@media screen and (max-width: 1000px) {
.h-p h1 { color: #000; font-size: 23px; margin: 0; padding-bottom: 0px }
.h-p h2 { color: #000; font-size: 19px; margin: 0; padding-bottom: 0px; }
.h-p h3 { color: #000; font-size: 18px; margin: 0; padding-bottom: 0px; }
.h-p p { color: #000; font-size: 16px; margin: 5px 0px; padding-bottom: 10px; line-height: 35px} 
}


 
@media screen and (max-width: 1000px) {
	footer .t-right { text-align: center; }




.grup-open-menu {position: fixed; box-sizing: border-box; padding: 70px 30px;
	z-index: 50; left:-100%; top: 0px; width: 100%; height: 100%; overflow: auto;background: #fff; transition: 0.5s}



}

.yaziyok { display: none }



.ul-tab     { border-bottom: 1px solid #f2f2f2; }
.ul-tab .li { line-height: 35px; float: left; border-bottom: 5px solid #fff; margin-right: 5px; padding: 0px 50px; font-size: 14px; font-weight: 600; color: #000  }
.ul-tab .li:hover { cursor: pointer; border-bottom: 5px solid #71B62C; }
.ul-tab .active { border-bottom: 5px solid #71B62C;}
.tab-content   {    }
.tab-content .li { display: none; }
.tab-content .li:first-child { display: block; }

#acordion   {  }
#acordion .acordion {   }
#acordion .acordion-title h3 { cursor: pointer;  }
#acordion .acordion-content{ display: none; }
#acordion .block { display: block }
#acordion p {   }


.ozel-filitreler { padding-top: 50px; }
.ozel-filitreler .acordion {  margin-bottom: 3px ; border: 1px solid #f2f2f2  }
.ozel-filitreler h3 { font-size: 15px; font-weight: 400; padding: 8px 10px;   background: #f2f2f2   }
.ozel-filitreler h3 i  { float: right; font-size: 18px; margin-top: 2px   }
.ozel-filitreler .acordion-content { padding: 10px; }
.ozel-filitreler li a { color: #000; line-height: 29px ; font-size:13px;   }
.ozel-filitreler li i { padding-right: 10px }


.al-checkbox { font-size: 14px; line-height: 25px }

.buton-grup .btn-10  { background: #e31e24; color:#fff; border: 1px solid #e31e24;}
.buton-grup .btn-10:hover { background: #000; }
.buton-grup .btn-10-border { border: 1px solid #e31e24; color: #e31e24;  }
.buton-grup .btn-10-border:hover { background: #e31e24; color:#fff; }
.buton-grup .btn-10-color {   color: #e31e24;  }
.buton-grup .btn-10-color:hover { background: #e31e24; color:#fff; }


.bg-gri       { background: #f2f2f2; }
.bg-beyaz       { background: #fff; }
.bg-yesil       { background: #6cad49; color: #fff; }
.bg-yesil ul li { color: #fff; }
.bg-mavi        { background: #004A93; color: #fff;}
.bg-mavi ul li  { color: #fff; }
.color-yesil    { color: #71B62C; }
.color-mavi     { color: #004A93; }
.color-beyaz    { color: #fff; }
.color-sari      { color: #FFBA00; }
.color-kirmizi  { color:#E00F13 !important  ; }
.color-gri      { color: #9B9B9B; }