@font-face {   font-family: EnKalin;      src: url(enkalin.woff);   } 
@font-face {   font-family: Kalin;      src: url(kalin.woff);   }
@font-face {   font-family: ince;      src: url(ince.woff);   }

 
 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: ince; 
}

	  a{text-decoration:none; color:#171717}     
	  a:hover {color:#FF8000 }
	  
 .yan { font-family:ince; 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; vertical-align:top; max-width:280px;  }
 
 .forms div { margin-top:10px; }

.anatas { background:#FFFFFF; width:90%; margin:0px auto; padding:20px;  box-sizing: border-box;   }      

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

 .menuBut { display:none;  }

.menu { display:inline-block; float:right; vertical-align:top;  }
.menu div{ display:inline-block; vertical-align:top;  margin-top:33px; margin-right:30px;  font-family: Kalin;    width:100px; font-size:18px; color:#444444; transition: all .15s ease-in-out;   -moz-transition: all .15s ease-in-out;   -webkit-transition: all .15s ease-in-out; }
.menu div:hover{ color:#5a96a1 }

.istek { width:100%; text-align:center; margin-bottom:0px; background:#F0F0F0;  padding:20px 0px 20px 0px }        
.istek div {display:inline-block; margin-right:25px; background:#5a96a1; color:#FFFFFF; text-align:center; font-weight:bold; font-size:1.5em;   border-radius: 5px; padding:20px;  font-family: Kalin;  transition: all .15s ease-in-out;   -moz-transition: all .15s ease-in-out;   -webkit-transition: all .15s ease-in-out;   }
.istek div:hover {background:#1a1a18;   }       


.filtre { width:270px; display:inline-block; margin-top:10px; margin-right:20px; margin-bottom:88px;   }

   
.araclar { display:inline-block; width:75%; vertical-align:top;  border:0px solid #00FFFF }   
 
.afoto { height:270px; }


.arac{font-size:17px;color:#494949; font-family:ince; width:30%; position:relative; margin:10px;  display:inline-block; vertical-align:top; line-height:1.4em; border:0px solid #E6E6E6;   }    
.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: Kalin;  font-size:1.5em; line-height:1.7em;   }
.arac:hover > div{ color:#FFFFFF}   

.musteri { font-family: Kalin; 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:-60px; white-space: pre-line ;line-height:1.6em; border:2px solid #B5B5B5; padding:7px;  }

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

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

.sag { display:inline-block;  border:1px solid #E4E4E4; padding:25px; vertical-align:top; width:20%; font-family:ince; font-size:15px; color:#2C2C2C }    

.sag div { padding:10px; background:#5a96a1; text-align:center; color:#FFFFFF;  font-family: Kalin; ; font-size:1.3em; border-radius: 5px; margin-top:10px;   }    

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

 
.krbas  { padding:10px; max-width:200px; background:#036BA3; text-align:center; color:#FFFFFF;  font-family: Kalin; ; 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: ince; 
    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: Kalin;  
      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:#5a96a1; font-family:ince; font-weight:bold;}   

.sol { display:inline-block; padding:20px; vertical-align:top; width:170px; border-right:1px solid #DFDFDF;  }
.sol div {font-family:ince; 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:#EC7600}   
   
.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: Kalin; line-height:1em;  }


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

.altile {  font-family:ince; 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:17px;color:#494949; font-family:ince;}   


.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: ince;
  -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: #FF8000;
}

/* 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:ince;    -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:ince;   -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:ince;    -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; }    
.kredihes { display:inline-block; max-width:380px; vertical-align:top;  border-right:1px 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; } 
    
    
    
          
           
    
    
    
    
    
    
  @media (min-width:320px) and (max-width:1020px) {        
  
   .logos div {  width:30%; }       
   
   .afoto { height:150px; }

.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:95%; margin:0px auto; padding:2px;  box-sizing: border-box; } 

.tepe { border-bottom:1px solid #E4E4E4; width:100%; height:79px }
    
 .menuBut { display:block; position:absolute;right:0px; margin:200px 5px 10px 10px; }   
      
 .menu {display:none; background:#FFFFFF; padding:25px; right:0px; margin-top:0px; border-bottom:1px solid #E9E9E9; position:absolute;z-index:9999  }  
 
.menu div{ display:block; width:170px; border-bottom:1px solid #E9E9E9; padding-bottom:15px; padding-top:15px; margin:0px }
  
  .istek  { margin-top:185px;  }
   
.istek div {margin-right:5px;  font-size:1.4em;   border-radius: 5px; padding:10px;  margin:5px; width:33%; }
 
.filtre { display:none; }

.filtrele  { display:block; padding:15px; background:#FAB73A; color:#373737; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;; font-size:1.8em;  font-family: Kalin;  }

.araclar { display:block; width:100%; }
.arac{font-size:15px;color:#494949; font-family:ince; width:45%; 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:92%; margin-left:0px; display:block;  padding:10px; margin-right:0px;   }        

.sag { display:block; padding:10px; width:92%;font-size:15px; margin-top:15px;   }    
.sag span i { font-size:2em }    

.kredibas { margin-top:25px; padding-left:0px; }          
.kredihes {  border-right:0px solid #E5E5E5; padding-right:0px; }
                         
.exarac {  background-image:url('../imaj/expert2.png'); width:106% ; 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;   }

}