/*general settings*/

@font-face { 
   font-family : 'Raleway';
   src:url('../fonts/Raleway-Regular.ttf');

  }
  
  body{ 
      background-color:#fff;
	  color:#3f3f3f;
	  font:14px/28px arial;
    font-family : 'Raleway';
  }
  
  h1{ 
    font-size:52px;
	letter-spacing:4px;
	margin-bottom:20px;
  
  }
  
  h3{ 
  
     font-size:16px;
	letter-spacing:2px;
	margin:5px;
	color:#500d16;
	font-weight:800;
  transition:all .5s ease;
  }
  
 .sectionHeader{ 
  
      background-color:#500d16;
	 border-bottom:6px solid#000;
	 height:60px;
	 color:#fff;
	 display:inline-block;
	 line-height:60px;
	 font-size:24px;
	 padding:5px 40px;
	 letter-spacing:2px;
	 margin-bottom:20px;
  
  }
  
  .sectionArea{ 
  padding:80px 0;
  
  
  }
  /*grid settings*/
  
  .container{ 
    width:90%;
	margin:0 auto;
	display:flex;
	/*border:1px solid#111;*/
  
  }
  
 	.featuresBody  .container{ 
	justify-content:space-between;
	
	}
  
  .col4{ 
     flex-grow:1;
     width:25%;
  }
  
 .engineBody  .container{ 
	justify-content:space-between;
	
	}
  
  
    .col3{ 
     flex-grow:1;
     width:33.33%;
	 padding:10px;
  }
  
      .col1{ 
     flex-grow:1;
     width:100%;
	  padding:10px;

  }
  
  
    /*anasayfa settings*/
  
  header .logo{margin-right:auto;}
  header .logo img{display:block;width:95px;  height:85px;}
  .menu li{float:left;}
  .menu li a{

	  padding:27px 17px; 
	   display:block;
	  text-decoration:none;
	  letter-spacing:2px;
	  color:#333333;
	  	 
	  font:18px/28px arial;
    font-family : 'Raleway';
	  transition: all .5s ease;
  
  }
  
 .menu li:hover a{
		
		background-color:#500d16;
		color:#fff;
		font-weight:600;
		
	}
  
  #mainSlider{ 
   
        height:500px;
		background: url('../img/aras_deneme2.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
   
  }
  
  .slider{width:100%;}
  
  #mainCaption{
	  height:500px;
	  background:rgba(0,0,0, .7);
  }
  .caption{ 
  
     display:flex;
	 flex-direction:column;
	 align-items:center;
	 justify-content:center;
	 width:100%;
	 color:#fff;
  
  }
  
 /*features settings*/
  
  .featuresTop{ 
  text-align:center;
  
  
  }
  
 .item{ 
 
 padding:10px 10px;
 
 } 
  
  .zoom{ 
  position:relative;
  overflow:hidden;
  display:inline-block;
  width:100%;
  vertical-align:top;
  
  }
  
  .zoom img{ 
  
      display:block;
	  width:100%;
	  height:auto;
       transition:all .5s ease;
/*margin-bottom:10px;*/
  }
  
  .item .itemText{ 
   text-align:center;
   padding:5px;
   border:1px solid #500d16;
  
  }
   .item .itemText p{ 
    height:800px;
   
   
   }
  .item:hover .zoom img{ 
    transform:scale(1.25);
  
  }
  
 .item:hover h3{color:#fff;}  
 .item:hover .itemText{  background-color:#500d16;  color:#fff; transition:all .5s ease;}  
  
 .btnDetails{ 
 color:#500d16;
 padding:5px 10px;
 text-decoration:none;
 border:1px solid#500d16;
  transition:all .5s ease;
 }
  
   .item:hover .btnDetails{ 
     color:#fff;
	 border:1px solid#fff;
	 
   
   }
  .item-Text p{margin:20px 0;}   
  
     /*features settings bitti�*/
     /*parallax settings */
	 
	#parallax{ 
	background:linear-gradient( 
						rgba(0,0,0, .7),
						rgba(0,0,0, .7)
						),
						 url('../img/4.jpg');
						 background-attachment:fixed;
						 background-size:cover;
						 background-position:center;
						 background-repeat:no-repeat;
						 text-align:center;
						
						

	} 
	 
	 #parallax p{color:#fff;}
	 
     /*parallax settings bitti�*/
     /*engine settings*/
	 	 
	 .engineTop{ 	text-align:center; }	 
	 .enginContainer{ 
	 position:relative;
	 width:100%;
	 	 }
	.imgOver{
		display:block;
		width:100%;
		 height:auto;
		}
.enginOverlay{
	
	  position:absolute;
       bottom:0;
       left:0;
       right:0;
background-color:rgba(80,13,22, .7);	   
   overflow:hidden;
   width:0;
   height:100%;
   transition:.5s ease;
	
}

.enginContainer:hover .enginOverlay{width:100%;}
.engineText{ 
white-space:nowrap;
color:#fff;
font-size:20px;
position:absolute;
left:50%;
top:50%;

/*ortalama*/
transform:translate(-50%,-50%);

}

/*engine Overlay 1*/

.enginContainer:hover .enginOverlay1{height:100%; top:0;}
.enginOverlay1{
	
	  position:absolute;
       top:0;
       bottom:0;
       left:0;
       right:0;
background-color:rgba(80,13,22, .7);	   
   overflow:hidden;
   width:100%;
   height:0;
   transition:.5s ease;
	
}


/*engine Overlay 2*/

.enginContainer:hover .enginOverlay2{width:100%; left:0;}
.enginOverlay2{
	
	  position:absolute;
      
       bottom:0;
       left:100%;
       right:0;
background-color:rgba(80,13,22, .7);	   
   overflow:hidden;
   width:0;
   height:100%;
   transition:.5s ease;
	
}

  /*engine settings bitti�*/
  /*cars settings*/
  
    #carSlider{ 
   
        height:250px;
		background: url('../img/slider-1.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
   
  }
    
  #carCaption{
	  height:250px;
	  background:rgba(0,0,0, .6);
  }
 #inspect{ 
  
  background-color:#f5f5f5;
  
  }
  .inspectTop{text-align:center;}
  .inspectBody .col2{ 
  
  display:flex;
  
  }
  .inspectImage{ 
  
     width:40%;
  }
  
   .inspectImage img{width:100%; height:auto; }
  .inspectText{   padding-left:10px; }
  
  .date{color:#333; font-size:12px; font-style:italic;}
  h4{color:#500d16; font-size:14px; font-weight:800;}
  .inspectText a{float:right; text-decoration:none; color:#500d16;}
  .inspectText a:hover{text-decoration:underline; }
  
/*cars settings bitti�*/
  /*projectx section*/
  
  #projectx{background-color:#f5f5f5; }
  
  .projectxTop{text-align:center;}
  h2.projectxHeader{font-size:48px; font-weight:800; color:#500d16;}
 #projectx  .containerFluid{ 
          height:500px;
		background: url('../img/slider-1.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
  
  
  }
  .captionPX{display:flex;height:500px; width:100%; background:rgba(0,0,0, .7);}
  .projectxInfo{position:relative; top:50%; left:50%; transform:translate(-50%,-50%); margin-left:5%; padding-right:5%;}
  .projectxTitle{font-size:24px; letter-spacing:2px; margin-bottom:20px;}
  .projectxBTN{cursor:pointer;background-color: #500d16; color:#fff; padding:20px 40px; border:none; margin-top:20px; transition:all .5s ease;}
  .projectxBTN:hover{background-color:#fff; color:#500d16;}
 .projectxText{color:#fff;}
 /*2.b�l�m*/
 
.projectxHighlight{
	margin:0;
	padding:0;
	display:inlineblock; 
	background-color: #500d16; 
	padding:30px;	
	}
.containerFluid .col2{padding:0;}
.projectxDetail li{color:#fff;}


 /*projectx section bittiş*/
 /*about section */
 
 
    #hakkimizdaSlider{ 
   
          height:250px;
		background: url('../img/slideImage1.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
   
  }
    
  #hakkimizdaCaption{
	  height:250px;
	  background:rgba(0,0,0, .6);
  }
  
  /*Hizmetlerimiz detay*/
 
    
     #hizmetdetaySlider{ 
   
          height:250px;
		background: url('../img/slider-hizmet.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
   
  }
    
  #hizmetdetayCaption{
	  height:250px;
	  background:rgba(0,0,0, .6);
  }
  
   #hizmetHistory{ 
 background-color:#f5f5f5;

 
 }

  .hizmetHistoryImage{flex:1;   uzunluk padding-bottom:50px; text-align:center; } 
  .hizmetHistoryImage img{width:870px; height:535px; margin-bottom: 30px; } 
 
 /* .hizmetHistoryBody .col1{ 

width:100%;
margin-left:10px;
margin-right:10px;
 
 
 }*/
 .content  .hizmetHistory p{ 
white-space:wrap;
color:#111;
font-size:20px;
position:absolute;
left:50%;
top:50%;

/*ortalama*/
transform:translate(-50%,-50%);

}

 

 #ourHistory{ 
 background-color:#f5f5f5;
 
 
 }
 .ourHistoryTop{text-align:center;}
 .ourHistoryBody  .containerFluid{ 
  display:flex;
  justify-content:space-between;
  margin-bottom:25px;
 
 }
 	
	

	
 /*.ourHistoryBody	.col2{ display:flex; }*/
 .ourHistoryBody	.col2{ 
 flex-direction:column;
width:100%;
margin-left:10px;
margin-right:10px;
 
 
 }
 .ourHistorydate{ 

  flex:1;
  text-align:center;
  background-color:#500d16;
  color:#fff;
   padding:15px;
}
 .ourHistorydate p{ 

  font-size:30px;
  letter-spacing:2px;
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50% ,-50%);
 }
 
 .ourHistoryImage{    flex:2;   /*uzunluk*/ margin-bottom:130px; }
  .ourHistoryImage img{width:100%; height:100%;}
 .outHistoryText{flex:3; margin-left:10px;  margin-top:50px; font-size:16px; font-weight:800;  }
 .outHistoryText p{	 
position:relative;
  top:50%;
  left:50%;
  transform:translate(-50% ,-50%); 
	 
	 
 }
 

 /*about section bittiş*/
 /*team section*/
 
 .teamTop{text-align:center;}
 .teamBody .containerFluid{display:flex; width:100%;}
.teamMember{ 
    position:relative;
     width:100%;
   }
 
 .teamMemberImg{display:block; width:100%; height:100%;}
 .teamMemberOverlay{ 
 
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 text-align: center;
 height:100%;
 width:100%;
 opacity:1;
 background-color:#500d16;
 transition: .5s ease;
 
 }
 
 .teamMember:hover   .teamMemberOverlay{ 
 
   opacity:0;
 
 }
 
 
  .teamMember:hover .teamMemberInfo{ 
  
      color:#fff;
	  font-size:20px;
	  position:absolute;
	  top:50%;
	  left:50%;
	  transform:translate(-50%,-50%;);
  
  }
 
 .teamTitle{ 
       color:#fff;
	  font-size:20px;
 	  position:absolute;
	  top:50%;
	  left:50%;
	  transform:translate(-50%,-50%;);

 }
 
 .teamMemberInfo{ 
 
   color:#fff;
   background-color:rgba(80,13,22, .7);
    	  position:absolute;
	  top:0;
	  left:50%;
	  transform:translateX(-50%;);
	  transition: .5s ease;
	  padding:20px;
	  text-align:center;
 
 }
 
 .memeberSocialLinks{ text-align:center; }
 .memeberSocialLinks li{
	 display:inline;
   float:left;
     margin-left:5px;
     margin-right:5px;
	
 }
  .memeberSocialLinks  .fa{color:#fff;  margin-right:5px;}
 
 /*team section bittiş*/
 /*contact section */
 #gallery{background-color:#f5f5f5;}
  #contactSlider{ 
   
          height:250px;
		background: url('../img/slideImage2.jpg') center center no-repeat;
		background-size:cover;
		margin-bottom:20px;
   
  }
    
  #contactCaption{
	  height:250px;
	  background:rgba(0,0,0, .6);
  }
 
 .galleryTop{text-align:center;}
 
 .gallerySlider{ 
   overflow:hidden;
   width:100%;
   margin:0 auto;
 
 }
 .gallerySliderItem{ 
 width:400%;
 position:relative;
 left:0;
 animation:slideAnimation 30s infinite;

 
 }
  .gallerySliderItem img{
	  width:25%;
	  float:left;
	  height:auto;
 }
 @keyframes  slideAnimation{ 
 
         0%{left:0;}
         25%{left:-100%;}
         50%{left:-200%;}
         75%{left:-100%;}
         100%{left:0%;}
       
 
   }
 .contactTop{text-align:center;}
 .wrapper{margin:0 auto; width:100%;}
 .contactForm{ 
 margin:0 auto; 
 width:60%;
 
 }
 /*Adres*/
 
 #addres{background-color:#f5f5f5;}
  .addresTop{text-align:center;}
   .addresBody  .container{ 
	justify-content:space-between;
	position:relative;
	}
  
.adresBody .col2{ 
flex-direction:column;
width:100%;
margin-left:10px;
margin-right:10px;


}
 .adreswrapper{margin:0 auto; width:100%;} 
 .adresItem{ 
    margin-bottom:10px;
	width:100%;
 
 }
  .adresShape{ 
   color:#111;
   float:left;
   background-color:none;
   padding:8px;
   width:8%;
    text-align:center;
  } 
  .adresField{ 
  color:#111;
   background-color:none;
   border:none;
   padding:15.5px;
   width:92%;
   display:block;
   font-size:14px;
   font-weight:800;
 }
 
 
 
 
 .formItem{ 
    margin-bottom:10px;
	width:100%;
 
 }
 
 .formShape{ 
   color:#fff;
   float:left;
   background-color:#500d16;
   padding:8px;
   width:8%;
    text-align:center;
  }  
 .formField{ 
  color:#fff;
   background-color:#500d16;
   border:none;
   padding:15.5px;
   width:92%;
   display:block;
   font-size:14px;
 }
.formBtn{ 

display:block;
border:none;
background-color:#500d16;
color:#fff;
padding:12px 25px;
cursor:pointer;
text-decoration:none;
font-weight:800;

}

.formBtn:hover{ 
background-color:#841916;
}
/*contact section bittiş*/
 
	 
     /*footer  settings*/
	 
	 footer{ 
	 	 background-color:#500d16;
	 color:#fff;
	 	 
	 }
	 .footerItem{ 
	 padding:20px;
	 
	 }
	 
   .footerItem img{ 
	height:85px;
	 opacity:.5;
	 }
	 
 footer h3{ 
   color:#fff;
   font-size:18px;
   letter-spacing:2px;
  margin-bottom:10px;
 }	 
	
 footer .fa{ 
 font-size:30px;
 color:#95a5a6;
 line-height:50px;
 transition: .3 ease;
 }	
	 
footer .fa:hover{color:#fff;}	 
footer p{color:#95a5a6; line-height:20px;} 
.footerLinks a{ 
text-decoration:none;
color:#95a5a6;
letter-spacing:2px;
transition: .3 ease;

} 
.footerLinks a:hover{color:#fff; text-decoration:underline;}		 
.socialLinks li{
	display:inline-block;
	width:50px;
	height:50px;
	
	}	 
	 
 /*footersettings bitti�*/
  
  .hakkimizda{ 
  flex:1;
  text-align:center;
  background-color:none;
  color:#111;
   padding:15px;
   font-size:18px;
   font-weight:800;
 
  }
 .hakkimizda p{	 
position:relative;
  top:50%;
  left:50%;
  transform:translate(-50% ,-50%); 
 width:60%;	 
	text-align:justify; 
 }
  
  
  
  
  
  
  

  	 /*MEDİA QUERİS RESPONSİVE HAZIRLIK*/
	 
	 
@media screen and (max-width:960px){ 

 .caption h1{
	
	 font-size:32px;
	 letter-spacing:2px;
	 
	 }
footer .fa{ 
   font-size:24px;
   
}

footer h3{ 
   font-size:16px;
  
}


.inspectBody .container{ 
    flex-direction:column;

}


.inspectBody .container .col2{ 
   width:100%;

}

.ourHistoryBody .col2{ 
flex-direction:column;
width:100%;
margin-left:10px;
margin-right:10px;


}

.ourHistorydate{padding:10px;}




}	
  @media screen and (max-width:720px){  
   header .container{ 
   flex-direction:column;
   justify-content:center;
   align-items:center;
   	padding:0;

   }
   
   header .logo{margin:0 auto;}
   .sectionHeader{font-size:24px;}
  
   .caption h1{

	 font-size:28px;
	 letter-spacing:2px;
	 
	 }
	.featuresBody  .container{ 
	 flex-direction:column;
	
	
	
	}
 
	 .featuresBody .container .col4{width:90%; margin:0 auto;}
	 
.engineBody .container{flex-direction:column;} 
.engineBody .container .col3{
	width:90%; 
	padding-left:0;
	padding-right:0;
	padding-top:0;

	} 

	 
footer .container{ 
flex-direction:column;

}
  
  footer .container .col3{ 
width:100%;

}
  
  .inspectBody  .container .col2{ 
  
  padding-left:0;
  padding-right:0;
  
  
  }
.teamMemberInfo{ 
 font-size:14px;
 padding:10px;
 
 } 
.teamTitle{ font-size:14px;}
 .formShape{display:none;} 
}

 @media screen and (max-width:540px){  
   header .container{ 
   flex-direction:column;
   justify-content:center;
   align-items:center;
   	padding:0;

   }
   
   header .logo{margin:0 auto;}
   .sectionHeader{font-size:18px;}
 
 .menu li{float:left;}
  .menu li a{

	  padding:20px 10px; 
	   display:block;
	  text-decoration:none;
	
	  color:#333333;
	  	 
	  font-size:12px ;
    font-family : 'Raleway';
	  transition: all .5s ease;
  
  }
  

  
  
    .menu li:hover a{
		
		background-color:#500d16;
		color:#fff;
		font-weight:600;
		
	}
 
   .caption h1{
  color:red;
	 font-size:20px;
	 letter-spacing:0px;
	 
	 }
 .featuresBody .container .col4{width:100%; margin:0 auto;}
	 
	 .engineBody .container .col3{
	width:100%; 
	padding-left:0;
	padding-right:0;
	padding-top:0;

	} 
	 .contactForm{width:80%;}
	 
}