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


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

}


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

  



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




.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 { }




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




 
        .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 {
            
        }