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

.liste-1 .h3 {

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

.liste-1 .p {

    line-height: 28px;
    color: var(--color-tema);
}

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




.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-size: 28px; 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-kisi    { font-size: 16px; }
.liste-kisi i  { font-size: 16px; display: inline-block; padding: 0px 6px; }


.openarama { position: relative;   z-index: 8000; }
.openarama .arama-text { outline: none;  padding: 0px 10px; 
	margin: 0px; background:#fff; border:1px solid #ccc; border-radius: 6px; 
	font-size: 14px; font-weight: 300; height: 51px;  width: 100%; color: #000;    box-sizing: border-box;

 
}
 


.openarama .sorc {  width: 100%;   }
.openarama .sorc .sorc-i {   }
.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%; }



@media screen and (max-width: 1000px) {
	.openarama .arama-text { width: 100% !important; }
}
   
   

.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-size: 18px;    
    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 { font-size: 22px; padding-bottom: 15px; font-weight: 600; padding-right: 80px; }
.liste-10 .p { font-size: 15px; 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-size: 17px;
    font-weight: 600;

}

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




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

#acordion .acordion-title h3 {
    cursor: pointer;
    padding: 0px 0px;
    line-height: 50px;
    letter-spacing: -0.5px;
    font-size: 18px;
    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 { font-size: 28px; 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 {
    opacity: 0.5;
}

 

.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-size: 18px; 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;
     font-size: 18px;
     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;
     font-size: 18px;
     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);
    font-size: 13px;
 
    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-size: 13px; 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;
    
}


}



 

.site-ust {     color: #39597b; font-size: 13px; }
.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; font-size: 13px; text-align: right; }
.line-header strong { font-size: 18px;}