/* General Styling*/

/*-------------------------------------------------HEADER(NAVBAR)SECTION--------------------------------------*/


.navbar{
    border-bottom:#3878E5 1px solid;
    
}
.navbar-brand {
    font-family: 'Audiowide', cursive;
}


.navbar-brand p{
    font-size:24px;
    color:#3878E5;
}

.navbar-brand p:hover{
    
    color:#fff;
}
.nav-link{
    font-family: 'Audiowide', cursive;
    color:white !important;
    font-size:18px;
    
}


.nav-link:hover{
    color:#3878E5 !important;
    transition: .7s ease;
}

.bg-dark{
    background-color: rgba(0, 0, 0, .7) !important;
}



/*---------------------------------------------------HEADER SLIDER-----------------------------------------------------------------*/


#anasayfa .row{
  
    font-family: 'Audiowide', cursive; 
    height: 100vh;
}






#anasayfa h1{
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}





#anasayfa p{
    font-size:24px ;
    font-family: 'Audiowide', cursive;
    color:#F77B00;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

/*---------------------------------------------------------BİZ KİMİZ---------------------------------------------------------------------*/

#whatWeDo {

    background:linear-gradient(
    rgba(0,0,0, .7),
    rgba(0,0,0, .1)
    ),
    url(../images/parallax.jpg);
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 450px;
}
#whatWeDo h2{
    color: white;
}
#whatWeDo p{
    color: white;
}

/*--------------------------------------------------------- SECTION------------------------------------------------------------------------*/


#hizmetlerimiz .imageContainer{
    max-width:200px;
    min-height:200px;
}

#hizmetlerimiz img {
    max-width:200px;
    min-height:200px;     
}


#hizmetlerimiz p{
    color: black;
}
#hizmetlerimiz p:hover{
    transition: 0.5s ease;
}
#hizmetlerimiz p:hover{
    color: #3878E5;
}
#hizmetlerimiz h5{
    color:black;
}
#hizmetlerimiz h5:hover{
    transition: 0.5s ease !important;
}
#hizmetlerimiz h5:hover{
    color: #3878E5 !important;
}

#hizmetlerimiz a:hover{
    text-decoration: none;
    
    
}
/*---------------------------------------------------------REFERANS SLİDER------------------------------------------------------------------------*/




#referanslarimiz .row{
    margin: 0;
    padding: 0;
    
}
    * {
      box-sizing: border-box;
    }
	
	#referanslarimiz .row {
		background-color: #ececec;
		background-color: rgba(233,230,230,0.79);
		padding: 2% 0;
	}


/*---------------------------------------------------------HAKKIMIZDA------------------------------------------------------------------------*/


#hakkimizda{
    background-color: #f4f5f9;
    line-height: 28px;
    padding-top: 70px;
}
.caseArea {
    background-color: #fff;
    margin-top:40px;
    margin-right:-40px;
    z-index: 100;
    position:relative;
    min-height:420px;
    
}

#hakkimizda h3{
    font-size:18px;
    margin-top:20px;
    
  
}

#hakkimizda fa{
    
    font-size:40px;
   
    
}

.caseimg{
   
    max-height: 400px;
   
}
.caseimg img{
   max-height: 500px;
   
   
}





/*-----------------------------------------------------MİSYON VİZYON----------------------------------------------------------------------------*/




#aboutUs .fa{
    font-size:40px;
    
}
#aboutUs .feature-header{
    color:#fff;
}
#aboutUs p{
    color:#fff;
}

.feature-header:hover{
    transition: .5s;
}
#aboutUs .feature-header:hover{
   color:#3878E5;
   cursor: pointer;

}


#aboutUs{
   
    background:linear-gradient(
    rgba(0,0,0, .1),
    rgba(0,0,0, 1)
    );
    background-color:skyblue;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    
}




/*---------------------------------------------------------FOOTER------------------------------------------------------------------------*/



#iletisim{
    background-color: #f4f5f9;
    
}
#iletisim .container{
    
    margin-bottom: 50px;
    
}
#iletisim .input-group-addon{
    width:55px;
    background-color: #3878E5;
}
#iletisim .input-group-addon .fa{
    color:#fff;
}

#iletisim h2{
    
    color:#3878E5;
}

#iletisim .input-group-addon{
    
    background-color:#3878E5;   
    
}




/*---------------------------------------------------------KAPI GİYDİRME SECTION------------------------------------------------------------------------*/




#kapiGiydirme .imageContainer{
    max-width:200px;
    min-height:200px;
}

#kapiGiydirme img {
    max-width:200px;
    min-height:200px;
    
 
}


#kapiGiydirme p{
    color: black;
}
#kapiGiydirme p:hover{
    transition: 0.5s ease;
}
#kapiGiydirme p:hover{
    color: #3878E5;
}
#kapiGiydirme h5{
    color:black;
}
#kapiGiydirme h5:hover{
    transition: 0.5s ease !important;
}
#kapiGiydirme h5:hover{
    color: #3878E5 !important;
}

#kapiGiydirme a:hover{
    text-decoration: none;
}