input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

 
BODY {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #2C2C2C; PADDING-TOP: 0px; background-repeat: no-repeat;background-position:center top;    font-family: "Inter", sans-serif; 
}

	  a{text-decoration:none; color:#171717}     
	  a:hover {color:#5a96a1 }
	  
 .yan {   font-family: "Inter", sans-serif; font-size:16px; color:#FFFFFF;  text-align:center; background-color:#800040; width:75px; height:50px; padding:15px 5px 5px 5px;; border-bottom:1px solid #DA7E7E; }
  .yan:hover { color:#F4AE0B;  background-color:#3E1111; }
  
  .logos  { display:inline-block;  }
 .logos div { display:inline-block;    }
 
 .forms div { margin-top:10px; }

.anatas { background:#FFFFFF; width:90%; margin:0px auto; padding:0px;  box-sizing: boesder-box;  border:0px solid red ; margin-top:3vh; }      

.tepe { border-bottom:1px solid #E4E4E4; padding-bottom:15px; width:100%; }

 


 .istek {float:right;}   

.istek div {display:inline-block; margin-left:1.4vw; background:#5a96a1; color:#FFFFFF !important;  text-align:center; font-weight:bold; font-size: clamp(12px, 1vw, 14px);   border-radius: 5px; padding:15px;   font-family: "Inter", sans-serif;  transition: all .15s ease-in-out;   -moz-transition: all .15s ease-in-out;   -webkit-transition: all .15s ease-in-out; width:8vw !important;  }

     


.whatweb { position:fixed; bottom:-10px; right:30px;  z-index:9999 ;  background:#388944; border:1px solid #D7E6EA;   padding:6px 12px 18px 12px; -webkit-border-radius: 10px;-moz-border-radius: 10px;    border-radius:10px;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;   font-family: "Inter", sans-serif; font-weight:700; text-align:center;   font-size: clamp(12px, 1.2vw, 14px); }  

.whatweb:hover { background:#006C00;   }  




.filtre { width:14vw; display:inline-block; margin-top:10px; margin-right:1vw; margin-bottom:88px;   }

   
.araclar { display:inline-block; width:73.5vw; vertical-align:top; margin-top:10px; border:0px solid #00FFFF; float: right }   
 
.afoto { height:270px; }


.arac{font-size:15px;color:#494949;   font-family: "Inter", sans-serif; width:23.5vw; position:relative; margin-left:0.8vw;  display:inline-block; vertical-align:top; line-height:1.4em; border:0px solid #E6E6E6;  margin-bottom: 45px !important; }    
.arac:hover {  box-shadow: 0px 5px 5px #CECECE;}   
.arac div {padding:10px; }  
.arac img { width:100%; height:100%;  }
.arac a{ color:#3E3E3E}     
.arac span {    font-family: "Inter", sans-serif;  font-size:1.5em; line-height:1.7em;   }
.arac:hover > div{ color:#FFFFFF}   

.musteri {   font-family: "Inter", sans-serif; font-size:2.4em; color:#F4A90B;  padding: 20px 10px 10px 10px }
   
.exarac {  display:inline-block; width:483px; height:318px; position:relative; font-size:1.8em;  text-shadow: 2px 2px #000000; background-image:url('../imaj/expert.png');  }        

.yok { margin:0px auto; line-height:1.3em;  text-align:center; font-size:2em; padding-top:45px; padding-bottom:80px   }

.tramer { display:inline-block; vertical-align:top; margin-left:50px; margin-top:0px; white-space: pre-line ;line-height:1.6em; border:2px solid #B5B5B5; padding:7px;  }



.deneme {
    margin-top: 33px;
    padding: 10px;
    background: #5a96a1;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.3em;
    border-radius: 5px;
    transition: all 0.3s ease; 
 
}

.deneme:hover {
    background: #2e4e54;

}



.resimler {display:inline-block !important;  width:42vw; vertical-align:top;  }

.bilgiler { width:22vw; margin-left: 2vw;  display:inline-block; border:1px solid #E4E4E4; padding:25px;   }    

.sag { float:right; width:20vw; display:inline-block;margin-left: 1vw; margin-right:0px !important;  border:1px solid #E4E4E4; padding:15px; vertical-align:top;    font-family: "Inter", sans-serif; font-size:12px; color:#2C2C2C }    

.sag div {     transition: all 0.3s ease; padding:10px; background:#5a96a1; text-align:center; color:#FFFFFF;    font-family: "Inter", sans-serif; ; font-size:1.3em; border-radius: 5px; margin-top:10px;   }    

.sag div:hover {
    background: #2e4e54;

}

.sag span i { font-size:2em }  

 
.krbas  { padding:10px; max-width:200px; background:#036BA3; text-align:center; color:#FFFFFF;    font-family: "Inter", sans-serif; ; font-size:1em; border-radius: 5px; margin-top:10px;   }    

.otos div { display:inline-block; vertical-align:top; margin-right:30px; margin-bottom:30px; max-width:300px;  }                

.ozelliks div { display:inline-block; width:200px; vertical-align:top; margin:8px; } 


.tooltip {
  position: relative;
  display: inline-block;   
}

.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #EC5C06;
  color: #fff;
  text-align: center;
  padding: 6px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;     
     font-family: "Inter", sans-serif;
    font-size:.75em;  
}    

.tooltip:hover .tooltiptext {
  visibility: visible;     
    left: 0%;  
    top:70px; 
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 30%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #EC5C06 transparent;
}
   



.tab {        
   
    
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;      
        font-family: "Inter", sans-serif;  
      font-size:1.4em; 
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {     
  display: none;
  padding: 20px 15px 15px 35px;
  border: 1px solid #ccc;
  border-top: none;     
  font-size:1.5em;  
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}     



/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}



#donanim div { padding:4px;  }


.h1 { position:absolute; top:245px; left:80px;  }   

.h5 { position:absolute; top:35px; left:80px;  }      

.h6 { position:absolute; top:35px; left:190px;  }  

.h7 { position:absolute; top:35px; left:270px;  }   

.h8 { position:absolute; top:45px; left:360px;  }  

.h11 { position:absolute; top:140px; left:250px;  }     

.h2 { position:absolute; top:245px; left:190px;  }  
     
.h3 { position:absolute; top:245px; left:275px;  }   

.h4 { position:absolute; top:235px; left:365px;  }   

.h9 { position:absolute; top:140px; left:400px;  }      

.h10 { position:absolute; top:140px; left:450px;  }  

.h12 { position:absolute; top:140px; left:80px;  }
 
.h13 { position:absolute; top:140px; left:10px;  }




.fiyat{ font-size:3em; color:#2bbdbd;   font-family: "Inter", sans-serif; font-weight:bold;}   

.sol { border-right:1px solid #DFDFDF; padding-right: 20px; }
.sol div {  font-family: "Inter", sans-serif; font-size:16px; border-bottom:1px solid #DFDFDF; margin-top:15px; font-weight:bold; padding-bottom:15px;  }     
.sol a{border-bottom:1px solid #DFDFDF; margin-top:10px; color:#515151}     
.sol a:hover{border-bottom:1px solid #DFDFDF; margin-top:10px; color:#35A4B7}   
   
.icerik { display:inline-block; padding:50px;  width:70%; vertical-align:top; font-size:1.5em; line-height:1.4em;   }      
.icerik span {font-size:3em;   font-family: "Inter", sans-serif; line-height:1em;  }


.altlogo {   display:inline-block; vertical-align:top; margin-right:85px;   }
.altlogo div{  margin-bottom:12px ;    }
.altlogo a {  color:#999999 ;  font-family: "Inter", sans-serif; font-size:15px ;   }   
.altlogo a:hover {  color:#D4D4D4    }

.altile {    font-family: "Inter", sans-serif; font-size:15px;  color:#7b7b7b ; display:inline-block; vertical-align:top; margin-right:45px;}
.altile div{ padding-bottom:10px ; margin-top:10px; border-bottom:1px solid #404040  }    .altile div:last-child{border:0px }
.altile a {   color:#D98411 }
.altile img { display:inline-block; vertical-align:middle; margin:0px 5px 0px 5px }       

.sosyal div { display:inline-block; border:0px;  font-size:1.7em; margin-right:15px;   }   
.sosyal div a { color:#FFFFFF }   
.sosyal div a:hover { color:#CECECE }

.font{font-size:15px;color:#494949;   font-family: "Inter", sans-serif; line-height: 2em;}   


.tasiyici{ display:none; position:fixed; right:10px ; bottom:-115px ;  text-align:right ; width:90%; max-width:210px; cursor:pointer }
.tasiyici div{ display:inline-block;font-family: ince; color:#ffffff; font-size:1.8em}
.izlendi{background-color:#263475; padding:13px 25px 13px 25px }
.izlendi span{font-size:1.5em; color:#fe9901}





.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;   
  font-family: "Inter", sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #5a96a1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



input { border:1px solid #E1E1E1; padding:12px;    font-size:16px;color:#272727 !important;   font-family: "Inter", sans-serif;    -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }      
   


select { border:1px solid #C0C0C0; padding:5px;    font-size:15px;color:#808080;   font-family: "Inter", sans-serif;   -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} 

textarea 	{      border:1px solid #E1E1E1; padding:12px;    font-size:15px;color:#808080;   font-family: "Inter", sans-serif;    -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;	}
 
	
input[type=submit] {padding:7px 18px; background:#009CE8; border:0 none;
font-family: 'Open Sans', sans-serif; 
font-size:15px;
color:#FFFFFF;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
                                    

.kredibas { display:inline-block; padding-left:40px;  width:22vw; min-height:52vh;  }   

.kredihes { display:inline-block; max-width:380px; vertical-align:top;  border-right:0px solid #E5E5E5; padding-right:35px; }      
  
.kredi { max-width:400px }
.kredi span {font-size:.8em}
.kredi div { display:inline-block; margin-bottom:10px; font-weight:700; width:145px; font-size:1.1em;  }
  
.filtrele { display:none; }   

 .hidew { display:none; } 
    

   .logos img {max-width:8vw; } 
    



    .simge a {
    display: inline-block;
    position: relative;
}

/* Normalde ikinci resim gizli olsun */
.simge .hover-resim {
    display: none;
}

/* Div ?zerine gelindi?inde (hover) */
.simge:hover .normal-resim {
    display: none; /* ?lk resmi gizle */
}

.simge:hover .hover-resim {
    display: inline-block; /* ?kinci resmi g?ster */
}



.simge {position:absolute;  right:0vw; top:30vh;  }  

.simge img {width:4vw }  



/* Normalde ikinci resim gizli olsun */
.simge2 .hover-resim {
    display: none;
}

/* Div ?zerine gelindi?inde (hover) */
.simge2:hover .normal-resim {
    display: none; /* ?lk resmi gizle */
}

.simge2:hover .hover-resim {
    display: inline-block; /* ?kinci resmi g?ster */
}




.simge2 {position:absolute;  right:4vw; top:30vh;  }  

.simge2 img {width:4vw }    
           

   .kartmap { border-left:1px solid #E2E2E2; display:inline-block; vertical-align:top; width:38vw;padding:0px 0px 25px 45px;}
    
    .kartmap div {display:inline-block; vertical-align:top; width:18vw }
    
    .foot {border-left:1px solid #E2E2E2; display:inline-block; vertical-align:top; width:68vw; padding:0px 0px 25px 35px;   color:#E6E6E6} 
 .adres {display:inline-block; vertical-align:top; width:20vw; font-size:1.2em; padding-top:3vh; }
 .map {display:inline-block;width:44vw; float:right;}








  @media (min-width:320px) and (max-width:1020px) {        
  
 
 .foot {border-left:0px solid #E2E2E2; display:inline-block; vertical-align:top; width:95vw;padding:0px;   color:#E6E6E6} 
 .adres {display:inline-block; vertical-align:top; width:85vw; font-size:1.2em; padding-top:3vh; }
 .map {display:inline-block;width:85vw; float:none; margin-top:30px }


.whatweb { position:fixed; bottom:50px;  }  



 .kartmap { border-left:0px solid #E2E2E2; display:inline-block; vertical-align:top; width:90vw;padding:0px 0px 0px 0px;}

 .kartmap div {display:inline-block; vertical-align:top; margin-top:25px; width:70vw }


.simge {position:absolute;  right:0vw; top:22vh;  }  

.simge img {width:19vw }  

.simge2 {position:absolute;  right:19vw; top:22vh;  }  

.simge2 img {width:19vw } 


.sagb { width:500px !important; }



.logos img {max-width:35vw; }

.icerik { width:100%; box-sizing: border-box; padding:10px;   }     
.icerik span {font-size:1.6em; line-height:1.7em; } 
    
.otos {width:100%; border:0px solid #FF0080 }
.otos div { margin-right:5px; margin-bottom:25px; width:95% ; max-width:800px;  }

 .hidem { display:none; }
  .hidew { display:block; }    

      
 .ozelliks div { width:40%; }
 
 .tramer { margin-left:0%; margin-top:30px;  } 
 
.anatas { width:90%; margin:0px auto; padding:2px; margin-top:60px;   box-sizing: border-box;} 

.tepe { border-bottom:1px solid #E4E4E4; width:100%; height:79px }
    

  
  .istek  { margin-top:10px;  float:none; padding:0px; }


   

.istek div {display:inline-block; background:#5a96a1; color:#FFFFFF !important;  margin-right:0px; text-align:center; font-weight:bold; font-size: clamp(10px, 1vw, 12px);   border-radius: 5px; padding:8px;    font-family: "Inter", sans-serif;  transition: all .15s ease-in-out;   -moz-transition: all .15s ease-in-out;   -webkit-transition: all .15s ease-in-out; width:24vw !important;  }
 
.filtre { display:none; width: 100%}

.filtrele  { display:block; margin-top:40px;padding:5px; background:#d4e0e2; color:#373737; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;; font-size:1.4em;    font-family: "Inter", sans-serif;  }

.araclar { display:block; width:100%; }

.arac{font-size:15px;color:#494949;   font-family: "Inter", sans-serif; width:98%; position:relative; margin:5px;  display:inline-block; vertical-align:top; line-height:1.4em; border:1px solid #E6E6E6;    }    

 
 .resimler {display:block !important;  width:99%;  } 
 
 #carousel { display:none; }  
 
 .tooltiptext  { display:none; }        
 
 .tab {margin-top:10px; width:97%; }
 
 
 .bilgiler { width:98%; margin-left:0px; display:block;  padding:10px; margin-right:0px;   }        




.sag { float:none; width:98%; display:inline-block; margin-left: 0vw; margin-right:0px !important; margin-top: 20px;  border:1px solid #E4E4E4; padding:10px; vertical-align:top;    font-family: "Inter", sans-serif; font-size:12px; color:#2C2C2C }    




.sag span i { font-size:2em }    

.kredibas { margin-top:25px; padding-left:20px;  width:70vw; min-height:2vh; border-left:0px solid #E5E5E5 !important;   }  

.kredihes {  border-right:0px solid #E5E5E5; padding-right:0px; }
                         
.exarac {  background-image:url('../imaj/expert2.png'); width:100% ; height:483px ; background-position:center center;  position:relative; font-size:1.8em;  text-shadow: 2px 2px #000000;  }

.h1 { position:absolute; top:105px; left:50px;  }   

.h5 { position:absolute; top:80px; left:240px;   }      

.h6 { position:absolute; top:190px; left:255px;   }  

.h7 { position:absolute; top:270px; left:255px;   }   

.h8 { position:absolute; top:350px; left:225px;   }  

.h11 { position:absolute; top:250px; left:145px;   }     

.h2 { position:absolute; top:195px; left:30px;   }  
     
.h3 { position:absolute; top:275px; left:35px;  }   

.h4 { position:absolute; top:345px; left:55px;    }   

.h9 { position:absolute; top:405px; left:145px;   }      

.h10 { position:absolute; top:442px; left:145px;  }  

.h12 { position:absolute; top:90px; left:145px;  }
 
.h13 { position:absolute; top:4px; left:145px;   }

}