.sepet-ozetim {   background: #fff1e6; border-radius: 5px; }
.sepet-ozetim .p { padding: 5px 0px; font-size: 14px; text-align: left; }
.sepet-ozetim .p strong { display: inline-block;  text-align: right; float: right;}






.cok-fiyat {  padding: 20px 0px; }
.cok-fiyat .esnekfiyat { display: inline-block; padding: 8px 10px; border: 1px solid #000; font-size: 13px;  }
 
 





.cok-fiyat .stokyok { position: relative; z-index: 0; opacity: 0.5; text-decoration:line-through}
 
.cok-fiyat .aktifSecim { border: 1px solid #000; background: #000; color: #fff;}




.cast-cover { position: relative; z-index: 0; overflow: hidden; }
.cast-cover .img { position: relative; z-index: 0;}
.cast-cover .text { 
    position: absolute; 
    width: 100%; 
    bottom: 0%; 
    left:0; 
    z-index: 1; 
    background: #e5097f; 
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    transition: 0.5s;
    display: none;
}
.cast-cover:hover .text { display: block; }


.cast-cover .img  {overflow: hidden;}
.cast-cover .img  img {transition: 0.5s}
.cast-cover:hover .img   img {transform: scale(1.10)}

.urunyok { background: #fff1e6; color: #f27a1a; padding: 20px; border-radius: 4px;}

.login-menu-design {
    background: #fff; box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.05); border-radius: 9px; overflow: hidden;
    padding: 20px;
}
 
 .login-menu .btn {
     display: inline-block;
     width: 100%;
     line-height: 40px;
     padding: 0px 10px;
     color: #666;
     border-bottom: 1px solid #f2f2f2;
     position: relative;
     font-size: 14px;
 }
 
 .login-menu .btn i {
     position: absolute;
     right: 10px;
     top: 6px;
     
     border-radius: 60px;
     line-height: 30px;
     width: 30px;
     height: 30px;
     text-align: center;
     background: #f2f2f2
 }
 
 .login-menu .btn:hover {
     background: #f2f2f2;
 }
 
 .uye-info {
     padding: 30px 0px;
     background: #f5f5f5;
     border-radius: 6px;
     margin-bottom: 10px;
 }
 
 .uye-info img {
     width: 60px;
     height: 60px;
     border-radius: 600px;
 }

.mobile-footer .tp-buton { display: inline-block; width: 100%;  color: #fff; font-size: 12px; text-align: center; padding: 10px 0px;  }
.mobile-footer .tp-buton i { display: inline-block; width: 100%; font-size: 18px; padding-bottom: 6px; }
.mobile-footer { position: fixed; width: 100%; bottom: 0px; background: #000; z-index: 3000;}

.onemli-3 {
    background: #f6f6f6; position: relative; z-index: 0;
    color: var(--text-color);
    padding: 40px 15px 40px 90px;
    border-radius: 7px;
    margin: 5px 0px;

}

.uye-header { height: 60px; width: 100%; background: #f4f4f4;}


.onemli-3::after {
    position: absolute;
    left:20px; top:40px;
    content: "\f15c";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 45px;
    color: var(--text-color);
    opacity: 0.2;
  }


.kargo-gonderi-info { padding-bottom: 20px;}
.kargo-gonderi-info .kargosu { display: inline-block; padding: 6px 10px; border-radius: 3px; background: #0dc143; color: #fff; font-size: 14px; }
  
.urunkodu { padding: 8px 0px; font-size: 14px; }
.barkod   { padding: 8px 0px; font-size: 14px; }

.filitre-alani {  }
.filitre-alani .filitre-secimi { display: inline-block;  border: 1px solid #ccc; color: #000; padding: 10px 20px; font-size: 14px; background: #f5f5f5; margin: 0px 10px 10px 0px;}
.filitre-alani .stokyok { position: relative; z-index: 0; opacity: 0.5;}
.filitre-alani .stokyok:after { content: ''; display: inline-block; position: absolute; width: 100%; height: 1px; color: #000; background: #000; top: 50%; left:0%; 
}
.filitre-alani .aktifSecim { border: 1px solid #000; background: #000; color: #fff;}





.filitre-baslik { padding: 8px 0px; font-size: 18px;  }


 
.detay-fiyat {
   
   
    padding: 10px 0px;
  
 
}
.detay-fiyat .ciz { color:#ccc  }
.detay-fiyat .parabirimi { color: #000; font-size: 36px; display: inline-block; width: 100%; }


 .liste-1 {
    padding-bottom: 40px;
    position: relative;
}

.liste-1 .h3 {

    font-weight: 600;
  
    color:var(--color-tema);
}

.liste-1 .p {

    line-height: 28px;
    color:#000;
}

.liste-1 .ikon-order i {
    position: absolute;
    z-index: 500;
    bottom: 20px;
    right: 20px;
    background: #0dc143;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 19px;
    border-radius: 40px;
}

.liste-1 .img  {
    z-index: 10;
    background: #fff;
    border-radius: 6px;
}

.liste-1 .img  {overflow: hidden;}

.liste-1 .img  img {transition: 0.5s}

.liste-1:hover .img   img {transform: scale(1.10)}



.fiyatliste  p { border-bottom: 1px solid #ccc ;}
.fiyatliste  p strong { float: right;}


.liste-1 .text:before {
   display: inline-block;
   content:'';
    width: 80%;
    height: 30px;
    left:10%;
    top:-20px;
    position: relative;
    z-index: 0;
    border-radius: 60px;
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -o-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}


._blom_1 { transition: 0.5s; position: relative; z-index: 1;   }
._blom_2 { transition: 0.5s; position: relative; z-index: 0; }


.minik-sepet { font-size: 14px;}
.minik-sepet span  { font-size: 11px; opacity: 0.6;}


.diger-renk .urun .more { display: none;}
.diger-renk .urun .kategori   { display: none;}
.diger-renk .urun    { padding: 20px ; }
.diger-renk .urun .isim  {  font-size: 13px; }


.color-s { }
.color-s .color-rad { width: 30px; height: 30px; border-radius: 60px; margin: 5px; display: inline-block; background: #f2f2f2; border: 1px solid #ccc;   }


.container-url {
    position: relative;
    width: 100vw;
    overflow: hidden;
  
  
  }
  
  .scrolling-text {
    display: inline-block;
    transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
    will-change: transform;
    backface-visibility: hidden;
  }
  
  .scrolling-text .scrolling-text-content {
  
    font-size: 80px;
    white-space: nowrap;
    transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
    line-height: 1em;
    margin: 20px 0;
  }




.comp-1 .img   { border-radius: 70px; position: relative; z-index: 20; box-shadow: 0px 30px 30px rgba(0,0,0,0.05);}
.comp-1 .img img { z-index: 0; }
.comp-1 .img::after { width: 100%; height: 100%;  position: absolute; content: ''; display: inline-table; left:0; top:0;

    background: rgb(0,0,0);
    background: linear-gradient(284deg, rgba(0,0,0,0) 31%, rgba(0,22,67,0.7617548239999125) 83%, rgba(0,32,96,1) 100%);

}
.comp-1 .title {   padding: 50px 0px 0px 30%; position: relative; z-index: 0; }
.comp-1 .title .info { font-size: 11px; color: #ccc; padding-bottom: 0px; padding-left: 30px;}
.comp-1 .title .h2 { font-size: 18px; color: #002060; font-weight: 600;  padding-left: 30px;}
.comp-1 .title .p { font-size: 11px; color: #666; padding-bottom: 0px; padding-left: 30px; padding-top: 10px;}
.comp-1 .title:after { content:''; position: absolute; width: 2px; height: 130%; top:-30%; display: inline-table; background: #002060; transition: 0.5s;}
.comp-1:hover .title:after { height: 50%; }
.comp-1  img {transition: 0.5s}
.comp-1:hover:hover img {transform: scale(1.10)}
 
 



.liste-2a { position: relative; overflow: hidden}
.liste-2a .text { position:absolute ; left:0; top:0; width: 100%; height: 100%;  display: flex; align-items: center; align-content: center; transition: .5s;}
.liste-2a .text > div { width: 100%; text-align: center; position: relative; z-index:1;  font-weight: 300; color: #fff;}
.liste-2a .text:after { display: table; position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; left:0;   z-index:0;  background: rgb(0,0,0,0.5); }
.liste-2a:hover .text { left: -100%; }




.liste-2b { position: relative; overflow: hidden; z-index: 0 ;  }
.liste-2b .text { position:absolute ; left:0; bottom:0; width: 100%; height:40%;  display: flex; align-items: center; align-content: center; transition: .5s; }
.liste-2b .text > div { width: 100%; text-align: center; position: relative; z-index:1;   font-weight: 600; color: #fff; opacity: 0.2; transition: 0.5s;   }
 
.liste-2b:hover .text {  height: 43%; }
.liste-2b  {
       transition: 0.5s;
  }
  .liste-2b:hover   {   filter: grayscale(0%);     }


  .liste-2b:hover .text > div  {   opacity: 1;  }

  .liste-2b:after { transition: 0.5s;  display: table; position: absolute; content: ''; width: 100%; height: 100%; opacity: 0;
    bottom:0; left:0;   z-index:0;  
    
    
    background: #1778f2;



}
 .liste-2b:hover:after { opacity: 0.7; }
 .liste-2b:hover .img img {   }


 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.liste-2c { position: relative; overflow: hidden; z-index: 0 ; 	
    
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #1778f2, #1778f2);
	background-size: 400% 400%;
	animation: gradient 3s ease infinite; 


}
.liste-2c .text { position:absolute ; left:0; bottom:0; width: 100%; height:100%;  display: flex; align-items: center; align-content: center; transition: .5s; }
.liste-2c .text > div { width: 100%; text-align: center; position: relative; z-index:1;  color: #fff;   transition: 0.5s;   }
.liste-2c  {  transition: 0.5s; }
.liste-2c .img  { opacity: 0; }
.liste-2c .text a  { display: inline-block; background: #fff; border-radius: 5px; padding: 4px 15px; margin-top: 15px; color: #1778f2; font-weight: 600;  }
.liste-2c .text a:hover { opacity: 0.5; }
.liste-2c .text > div img { transition: 0.5s;}

.liste-2c .text > div .svg { filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(123%) hue-rotate(130deg) brightness(118%) contrast(100%);  }
.liste-2c:hover .text > div img { scale:1.20;}



 
 
@media screen and (max-width: 1000px) {
 
    .liste-2c .text h2 {   margin: 0px; padding:5px  }
    .liste-2c .text p {   line-height: 20px; max-height: 60px; overflow: hidden;   }
    .liste-2c .text img { width: 30px !important;   }
           
      }

 .article-text h2 {  padding-bottom: 9px; }




 @keyframes pulse {

	to {
		transform: scale(6);
		opacity: 0;
	}

}

.about .img-tam { position: relative; z-index: 0;  }
.about .img-tam img { height: 70vh; object-fit: cover;}
.about .page { background: var(--dodge); padding: 50px;  margin-top:-50vh ; max-width: 700px; }
.about .content { position: relative; z-index: 1; padding-bottom: 50px;  }


@media screen and (max-width: 1000px) {
 
    
.about .img-tam img { height: auto; object-fit:cover}

.about .page { background: var(--dodge); padding: 20px;  margin-top:-0 ; max-width:100%; }

.about .content { position: relative; z-index: 1; padding : 0px;  }
    
}


 .pulselogo {   overflow: hidden; position: relative; }
 .pulselogo .bg-img { position: absolute; z-index: 40; width: 100%; height: 100%; }
 .pulselogo .bg-img img {  width: 100%; height: 100%; object-fit: cover; }


 .pulselogo .gr-logo { width: 120px; height: 120px; border-radius: 300px; position: absolute; z-index: 10;   left:50%; top:50%; margin-left: -45px; margin-top: -45px;  }
 .pulselogo .gr-logo img { width: 100%; height: 100%; object-fit: contain;}

 .pulselogo .gr-logo:after {
	content: ''; position: absolute; z-index: -1; inset: 0; border: 3px solid #1778f2;
	animation: pulse 1s infinite;
	border-radius: 300px;
}
.pulselogo .gr-logo:before {
	content: ''; position: absolute; z-index: -1; inset: 0; border: 1px solid #1778f2; opacity: 0.5;
	animation: pulse 2s infinite;
	border-radius: 300px;
}


.svg-info      { text-align: center;}
.svg-info .h2   { font-size: 12px; padding-bottom: 7px;  }
.svg-info img  { width: 90px; height: 90px; object-fit: contain;   border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 10px 30px rgba(0,0,0,0.07);

    filter: brightness(0) saturate(100%) invert(34%) sepia(68%) saturate(4968%) hue-rotate(208deg) brightness(104%) contrast(90%);

}





.logo-listesi { border: 1px solid rgba(0, 0, 0, 0.05); }
.logo-listesi .text { display: none;}
.logo-listesi .hover-efek-zoom:after { display: none ;}
.logo-listesi:hover { }



.e-tab-butonlar { border-bottom: 1px solid #ccc; margin-bottom: -1px;}
.e-tab-li { padding: 7px 20px; border: 1px solid #ccc; border-bottom: none;  background: #fff;   margin-right: 5px; border-radius: 6px 6px 0px 0px;  cursor: pointer; }
.aktif-tab       { position: relative; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);   }
.aktif-tab:after { display: inline-block; content:''; position: absolute; left:0; bottom: -5px; width: 100%; height: 5px; background: #fff;    }
.e-tab-content {border: 1px solid #ccc; border-top:none; }

  

.liste-4 {
    background: #f2f2f2;
    text-align: center;
    padding: 30px 20px;
    position: relative;
}
.liste-4 img { position:absolute; width: 100%; height: 100%; left:0; top:0; z-index: 0; object-fit: cover; opacity: 0.1;
   filter: grayscale(100%); transition: 0.5s;
 
} 


.liste-4 p {
        
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #37d7ab;
}


.liste-4:hover img  {
      filter: grayscale(0%);
      opacity: 1;
      z-index: 30;
} 


.liste-8 {

    background: #fff;
      color:#666; 
      box-shadow: 0px 10px 40px rgba(0,0,0,0.1);
      position: relative;
      z-index: 0;
      overflow: hidden;
  }
  
    .liste-8 {  display: flex; align-content: center; align-items: center;}
  .liste-8 .div { width: 100%;   text-align: center; }



  .liste-10 { position: relative; padding-top: 75px;}

.liste-10 .img { position: absolute; width: 100px; height: 100px; right:30px ;  top:30px ; border-radius: 100px; overflow: hidden;  }

.liste-10 .h3 {  padding-bottom: 15px; font-weight: 600; padding-right: 80px; }
.liste-10 .p {  line-height: 25px; padding-bottom: 15px;  }
.liste-10 .text { background: #fff; padding: 20px; border-radius: 6px; box-shadow: 0px 10px 40px rgba(0,0,0,0.2); transition: 0.5s;}
.liste-10:hover .text {box-shadow: 0px 10px 40px rgba(0,0,0,0.3); }




.liste-6 img { border-radius: 6px;}
 
.liste-6 .text h3 {
    line-height: 25px;
    
    font-weight: 600;

}

.liste-6 .text p {
    line-height: 25px;
    
}




#acordion {}
 
#acordion .acordion {
    padding: 0px;
      
}

#acordion .acordion-title h3 {
    cursor: pointer;
    padding: 0px 0px;
    line-height: 50px;
    letter-spacing: -0.5px;
    
    font-weight: 600;
    color: #272727;
    position: relative;
    z-index: 0;
}

#acordion .acordion-title h3 i {
    position: absolute;
    line-height: 30px;
    background: #f5f5f5;
    color: #37d7ab;
    top: 10px;
    right: 10px;
    padding: 0px 15px;
    border-radius: 5px;
     
}

#acordion .acordion-content {
    display: none;
}

#acordion .block {
    display: block
}

#acordion p {
    margin: 0px;
    padding: 0px;
    color: #505050;
    padding-bottom: 10px
}


.acordion-2 {
    display: flex;
    align-items: center;
}







.image-text-banner-2 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow: hidden;
   
}

.image-text-banner-2 .text {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    height: 100%;
}

.image-text-banner-2 .text-ust {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.image-text-banner-2 .text-orta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.image-text-banner-2 .text-alt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.image-text-banner-2 .img {
    position: relative;
    z-index: 0;
  
}

.image-text-banner-2 a {
    display: inline-block;
    padding: 6px 15px;
    background: #37d7ab;
    color: #fff;
    border-radius: 4px; margin-top: 10px;
}

.image-text-banner-2 a:hover {
    opacity: 0.5;
}

.image-text-banner-2:after {
    display: inline-table;
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5550595238095238) 0%, rgba(0, 0, 0, 0.3169642857142857) 46%, rgba(0, 212, 255, 0) 100%);
}

.image-text-banner-2 h2 {
    font-weight: 300;
    padding-bottom: 9px;
}

.text-head  { position: relative; overflow: hidden; width: 100%; }
.text-head .kapla  { position: absolute; width: 100%; height: 100%; left:0; top:0;  }
.text-head .text-2 {  position: absolute; right: 50%; top:50%;  opacity: 0.3;

    -webkit-transform: scale(8);
    -moz-transform: scale(8);
    -o-transform: scale(8);
    -ms-transform: scale(8);
    transform: scale(8);


    filter: blur(1px);
    -webkit-filter: blur(1px);
    

}
.text-1 {  position: relative ; z-index: 20; font-weight: 200; }




.image-text-banner-3 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow: hidden;
 
}

.image-text-banner-3 .text {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    height: 100%;
}

.image-text-banner-3 .text-ust {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.image-text-banner-3 .text-orta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.image-text-banner-3 .text-alt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.image-text-banner-3 .img {
    position: relative;
    z-index: 0;
  
}

.image-text-banner-3 a {
    display: inline-block;
    padding: 6px 15px;
    background: #37d7ab;
    color: #fff;
    border-radius: 4px; margin-top: 10px;
}

.image-text-banner-3 a:hover {
   
}

 

.image-text-banner-3 h2 {
    font-weight: 300;
    padding-bottom: 9px;
}







 
.ikon-text p {  position: relative; box-sizing: border-box; padding: 30px 30px 30px 80px; font-size: 14px; }
.ikon-text p strong {  font-weight: 600; }
.ikon-text img { position: absolute;   left:10px;   transition: 0.5s; filter: invert(78%) sepia(58%) saturate(550%) hue-rotate(99deg) brightness(92%) contrast(82%); }
.ikon-text p:hover img {   transform: scale(1.10);}
 
 .ul-box ul {
     border-radius: 5px;
     list-style: none;
     margin: 0px;
     padding: 20px 20px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
 
 }
 .ul-box ol {
     border-radius: 5px;
     list-style: none;
     margin: 0px;
     padding: 20px 20px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
 }
 
 .ul-box ul:after {
     display: table;
     clear: both;
     content: '';
 }
 .ul-box ol:after {
     display: table;
     clear: both;
     content: '';
 } 
 .ul-box ul li {
     width: calc(100% / 3);
     float: left;
     list-style: none;
     margin: 0px;
     padding: 5px 40px;
     
     color: #555;
     background: url("ck.png");
     background-size: 20px;
     background-repeat: no-repeat;
     background-position-y: 6px;
 }


 .ul-box ol li {
     width: calc(100% / 3);
     float: left;
     list-style: none;
     margin: 0px;
     padding: 5px 40px;
     
     color: #555;
     background: url("close.png");
     background-size: 20px;
     background-repeat: no-repeat;
     background-position-y: 6px;
 }
 
 
 .ul-box h2 {
     padding: 8px 0px;
     font-size: 36px;
     font-weight: 800;
 }
 
 .ul-box h2 {
     padding: 8px 0px;
     font-size: 16px;
     font-weight: 600;
     background: #f5f5f5;
     display: inline-block;
     padding: 6px 15px;
     margin-left: 25px;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
 }
 
 .ul-box p {
     padding: 8px 0px;
     font-size: 14px;
     letter-spacing: 0px
 }
 






 .ikonbar {
     
    text-align: center;
    padding: 40px 0px;
   
}

.ikonbar .li {
    display: inline-block;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    
 
    padding: 0px 20px;

}

.ikonbar .li i {
    font-size: 45px;
    padding: 15px 0px;
    width: 100%;
    color: var(--color-tema);
  
}

.ikonbar .li p {
   color:var(--color-tema);
  
}


.ikonbar .li:first-child {
    border-left: none;
}
.ikonbar h3 {
    font-size: 16px; font-weight: 600; letter-spacing: 1px;
    color: #555;
} 
.ikonbar p  {
     font-weight: 400; color: #999;
    
}







 @media screen and (max-width: 1000px) {
     .ul-box ul li {
         width: calc(100% / 1);
     }
 }


 

@media screen and (max-width: 1000px) {
    .acordion-2 {
        display: block;
        align-items: center;
    }
}


@media screen and (max-width: 1000px) {
 #acordion .acordion-title h3 {
    line-height:30px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
     
}

#acordion .acordion-title h3 i {
   position:relative;
   line-height:auto;
   background:none;
   color: #37d7ab;
   top: 0px;
   right: 0px;
   padding: 0px 15px;
   border-radius: 5px;
    
}


}

.carosel-tema-1 .owl-nav {
    position: absolute;
    left:50%;
    bottom:50%;
    text-align: center;
    z-index: 9999;
    display: block; background-color: #00CCCC;
    border-radius: 4px;
    overflow: hidden;
    margin-left: -50px;
    margin-bottom: -25px;
} 
.carosel-tema-1 .owl-nav i {
    padding: 0px;
    color: #000;
    display: inline-block;
    width: 50px; height: 50px;
    line-height: 50px;
    text-align: center;
 
    margin: 0px;
    font-size: 27px;
    background: #fff;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
}

 
.carosel-tema-2 .owl-nav {
    position: absolute;
    left:50%;
    bottom:0%;
    text-align: center;
    z-index: 9999;
    display: block;  
    border-radius: 4px;
    overflow: hidden;
    margin-left: -30px;
    margin-bottom: -25px;
}

.carosel-tema-2 .owl-nav i {
    padding: 0px;
    color: #000;
    display: inline-block;
    width: 30px; height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0px;
    font-size: 19px;
    background: #fff;
     
}

 

.site-ust {     color: #39597b;  }
.site-ust  i { display: inline-block; padding: 0px 5px; line-height: 35px;  margin:0px 3px; padding-left: 20px;  }
.site-ust a > i {  padding: 0px 5px; margin: 0px 3px; }


.line-header p { line-height: 18px;  text-align: right; }
.line-header strong { }


.sp-odemeaciklamasi { background: #fff1e6; color: #f27a1a;}
.siparis-box { margin-bottom: 20px;  border-radius: 9px; background: #fffae3;
}
.siparis-box .tablo { padding: 5px; border-bottom: 1px solid #f6f6f6; }
.siparis-box h2 {}

.sp-siparisyok { background: #ffebdb; padding: 30px; border-radius: 9px;}
.sp-siparisyok div { border: none;}
.sp-siparisyok  .ikon { font-size: 55px ; padding-bottom: 20px;}

.border-bottom { border-bottom: 1px solid #f2f2f2; }


.user-info-card { border: 1px solid #ccc; border-radius: 10px; position: relative;}
.user-info-card i { font-size: 66px; position: absolute; top:30px; right:30px; color: #f2f2f2; }
.user-info-card .li { padding: 4px 0px ; font-size: 13px;}
.user-info-card .li:first-child { color: #f27a1a; font-weight: 800; font-size: 15px;}

.mini-urun { font-size: 13px; border: 1px solid #f2f2f2; }
.mini-urun .isim { font-weight: 600;}
.mini-urun .kategori { color: #ccc; font-size: 12px;}
.mini-urun .liste-fiyat { color: #000; font-size: 13px;}
.mini-urun:hover { background: #f5f5f5; }

.open-arama-up { position: fixed; width: 100%; height: 100%; z-index: 8000; left:-100%; 
    top:0; transition: 0.5s; background: rgba(0,0,0,0.5); 
  
}

.open-arama-up .kapat { position: absolute; font-size: 19px; top:30px; right: 30px; color: #fff; cursor: pointer;}
.open-arama-up .kapat i { font-size: 22px;}
@media screen and (max-width: 800px) {
.open-arama-up .kapat { position: absolute; font-size: 19px; top:30px; right: auto; left: 30px; color: #fff; } 
 }
.open-arama-up > div { width: 100%; margin: 0 auto;   text-align: center; padding-top:150px;}
.open-arama-up > div > h2 { color: #fff; }
 
.openarama { position: relative;   z-index: 8000; text-align: center; }
.openarama .arama-text { outline: none;  padding: 0px 20px; box-sizing: border-box; margin: 0px; background: none; border:1px solid #fff;   font-size: 18px; 
	font-weight: 400; height: 60px; width: 100%; 
      margin: 0 auto; text-align: left;
	border-radius: 3px;
    color: #fff;
}
.openarama .arama-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 
    opacity: 1; /* Firefox */
    font-weight: 400;
    color: #fff;
  }

.openarama .sorc { position: absolute; width: 100%; text-align: left; margin-top: 10px; }
.openarama .sorc .sorc-i { background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); max-height: 40vh; overflow: auto; }
.openarama .sorc .sorc-i .s-li { color: #000; font-size: 11px; letter-spacing: 0.5px; border-bottom: 1px solid #f2f2f2; padding: 9px 0px;}
.openarama .sorc .sorc-i .s-li:hover { background: #f5f5f5;}
.openarama .yoksa { text-align: center; font-size: 11px; letter-spacing: 0.5px; width: 100%; }


.search-2 { font-size: 13px; background: #f5f5f5; padding: 6px; border-radius: 6px; overflow: hidden;}
.search-2 img { background: #fff;  }
.search-2:hover { background: #ddd;}



.td-liste { border: 1px solid #ddd; background: #fafafa; margin-bottom: 15px !important;}
.td-liste .sp-info { font-size: 12px; color: #5c5c5c; }
.td-liste .sp-detay { font-size: 13px ; color: #000; }
.td-liste > .colon { padding: 20px;}

.sp-urun-info p { font-size: 14px;}
.sp-urun-info p.baslik { font-size: 16px; font-weight: 600; }


.bankasec { padding: 20px;  border: 1px solid #f2f2f2 ; font-size: 14px; position: relative; border-radius: 6px;}
.bankasec .msg { display: none; font-size: 13px; padding-top: 10px;}
.bankasec .bold { padding-bottom: 10px;}
.bankasec:hover { background: #d5ffdb; cursor: pointer;}
._seciliBanka { background: #d5ffdb;  }
.bankasec:after {
    position: absolute;
    top:10px; right: 10px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    content: "\f1db";
}

._seciliBanka:after {

    content: "\f058";
 
 }
._seciliBanka .msg { display: block;}
._jsBankaSecildi { display: none; }



.ODEMEBILGISI {    }
.ODEMEBILGISI .ODEMESEC { padding:0; }
.ODEMEBILGISI .ODEMESEC .li { padding:20px 10px ; position: relative; color: #999;    text-align: center; width: 50%; box-sizing: border-box; float: left; 
    border: 1px solid #f2f2f2;   

    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);


}
 
 

.ODEMEBILGISI .ODEMESEC .li i {   padding-bottom: 10px; font-size: 30px; }
.ODEMEBILGISI .ODEMESEC .li:hover {   cursor: pointer}
.ODEMEBILGISI .ODEMESEC .secili {   
    background: #fff;

font-weight: 600; color: #1cc934;

}

.ODEMEBILGISI .ODEMESEC .secili:after {  width: 100%; height: 4px; background: #fff; position: absolute; bottom: -2px; left:0; display: inline-block; content: '';}
 .ODEMECONTENT { border: 1px solid #f2f2f2;}

.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;  }
.ODEMEBILGISI .BANKACH .secilenbanka i { color: #0AA830  }
.ODEMEBILGISI .BANKACH .li:hover i {   color: #0AA830  }


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

.ODEMEBILGISI { width:calc(100% - 0px);   padding: 0px; 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  {  }
.OSONUC .tanim1 i  {  padding-bottom: 15px; }


.referans-text { background-color: #f5f5f5;    border-radius: 6px;  }
.referans-text .avatar { font-size: 25px; line-height: 60px; position: relative; width: 60px; height: 60px; text-align: center; background-color: #fff; color: #000; border-radius: 90px; }
.referans-text .avatar .verify { position: absolute; width: 30px; height: 30px; bottom: 0px; right: -15px; filter: brightness(0) saturate(100%) invert(25%) sepia(62%) saturate(3649%) hue-rotate(213deg) brightness(112%) contrast(90%);  }
.referans-text .islem { font-size: 12px; padding: 8px 0px;   }
.referans-text .baslik { font-size: 16px; padding: 8px 0px;   }
.referans-text .smler i { display: inline-block; font-size: 18px; padding: 5px; color: #1778f2; }
.referans-text .smler i:hover {  color: #ccc; }
 


.url-sm a { display: inline-block; }
.url-sm a i { display: inline-block; font-size: 16px; padding: 0px 10px 0px 0px; }



 


.hamburger-menu { 
    width: 70px; 
    height: 55px; 
    position: fixed; 
    right: 0px; 
    top:0px;   
    z-index: 5000; 
    box-sizing: border-box; 
    padding: 5px; 
    transform: scale(0.50);  }
  ._hamburger {
    width: 60px;
    height: 45px;
    position: relative;
  
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
  ._hamburger span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
    ._hamburger span:nth-child(1) {
    top: 0px;
  }
  
    ._hamburger span:nth-child(2) {
    top: 18px;
  }
  
    ._hamburger span:nth-child(3) {
    top: 36px;
  }
  
    ._hamburger.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
    ._hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  
    ._hamburger.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  

  .yan-hamburger { background: #fff; position: fixed; z-index: 4500;  
    top:0px; width: 50%; height: 100%; display: flex; align-items: center; align-content: center;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.05);
    transition: 0.5s ease-in-out;
    right: -50%;
}
  .yan-hamburger:after { display: inline-table; content: ''; 
    position: absolute; 
    left:0%; top:0px; 
    width: 100% ; 
    height: 100%; background: rgba(0,0,0,0.7);
    
    z-index: -1;
    transition: 1s ease-in-out;
} 
  .yan-hamburger-on:after { left: -100%;   }


.yan-hamburger > div { width: 100%;  }
.yan-hamburger .menu {   max-width: 350px; margin: 0 auto; }
.yan-hamburger .menu .url-menu  { display: inline-block; width: 100%; display: inline-block; padding: 15px 0px; font-size: 28px; font-weight: 100; }
.yan-hamburger .menu .url-menu:hover  { color: #e32594;}

@media screen and (max-width: 1000px) {
    .yan-hamburger {  width: 95%; right: -95%; }
    .yan-hamburger .menu {   max-width:100%; margin: 0 auto; padding: 0px 20px; }
}
.yan-hamburger-on { right: 0px;}


.trend-buton { background: #fff1e6; color: #f27a1a; }
.trend-buton:hover { background: #f27a1a;  color:#fff1e6  }
.trend-buton-2 { background: #f27a1a;  color:#fff1e6 }
.trend-buton-2:hover {  background: #fff1e6; color: #f27a1a; }


 
        .popup {
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 99999999;
            left: 0;
            top: 0;
            display: grid;
            place-items: center;
            background: rgba(0,0,0,0.5);
        }
        .popup .popup-content {
            max-width: 600px; margin: 0 auto;
            min-width: 300px;
            overflow: hidden;
             
            background: #fff;
            border-radius: 6px;
            position: relative;
        }
        .popup .popupkapat { 
            padding: 5px;
            background: #000;
            color: #fff;
            border-radius: 5px;
            cursor: pointer;
        }
        .popup .popupkapat i {
            
        }
 






        ._hideMenu { left:0%;}