.teklif-al{
    width: 124px;
    height: 54px;
    background-color: rgb(134, 29, 29);
    background-color:#FC721E;
    padding:15px;
    text-align:center;
    font-size:15px;

}
i{
    margin-right:5px;
}
.teklif-al:hover {
    cursor:pointer;
    background-color: rgb(189, 8, 8);
}
.teklif-al a{

 color:white;

}
.ttr-box img{
    width:100%;
    height:200px;
    margin-top:20px;
    object-fit:cover;
    transition:all .5s;
}
.ttr-box img:hover{
   transform: scale(1.1);
   overflow: hidden; 
box-shadow: 1px 1px 2px ;
}

.foto-galeri-resim a img {
    height: 190px;
    width: 100%;
    object-fit: cover;
    border-bottom: 1px solid rgba(224, 224, 224, 0.1);
    box-shadow: 1px 1px;
}

.foto-galeri-resim h4 {
    font-size: 17px;
    padding: 20px;
    text-align: center;
    overflow: hidden;
}

.signature img{
    border-radius:10px;
    padding:1px;
}
.inner-box{
    width:100%;
    height:240px;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:space-around
}
.inner-box-2{
    margin-top:-10px;
    height:auto;
    display:flex;
    flex-direction:column;

    padding:5px;
}
.inner-box-2 a{
    color:black;
}
.inner-box-2 a:hover{
    color:firebrick;
}
.footer-link a{
    color:white;
    text-transform:uppercase;
}
  .page-title p {
      color:red;
      font-size:33px;
      display:block;
      text-align:center;
      background-color:antiquewhite;
      left:50%;
    }
   .innerResim img {
        width: 100%;
        height: 400px;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        box-shadow: 10px 10px 1px rgba(0,0,0,.5);
    }

.innerBaslik {
    margin-bottom: 10px;
    color: #123274;
    font-weight: bold;
    position: relative;
    margin-left: 2px;
    padding-left: 30px;
}

    .innerBaslik:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 35px;
        top: 0;
        left: 0;
        background-color: #123274;
    }
    .media-post {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    justify-content: space-between;
    color: black;
}

    .media-post li {
        margin-right: 10px;
        font-size: 14px;
        color:darkgray !important;
    }
    .digerYaziBox{
    margin-bottom:10px;

}
.digerYaziStats{
    display:flex;
    justify-content:space-between;
        
}
.galeriResimBox{
     width:100%;
    height:150px;
   overflow: hidden; 
      margin-bottom:20px;
}
.galeriResimBox img{
    width:100%;
    height:150px;
    object-fit:cover;
    margin-bottom:20px;
    transition:all .5s;
     
}
    .galeriResimBox img:hover {
    
      transform: scale(1.2); 
  
    }
.digerYaziBaslik{
    margin-top:0px;
    color:black;
    display:block;
    text-align:left;
    min-height:40px;
    background-color:#f1bc31;
    padding:10px;
    transition:.5s;
}
.digerYaziBaslik:hover {
     background-color:#e6a400;
     color:black;
     border-bottom: 10px solid rgba(224, 224, 224, 0.1);
}
    .digerYaziBaslik:hover.digerYaziBaslik::after {
      width:15px;
    }
  .digerYaziBaslik-alani{
         position:relative;
     }
.digerYaziBaslik::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    background-color:#b22222;
    width:10px;
    height:100%;
    transition:.5s;
}
.widget-title{
    font-weight:bold;
    margin-bottom:30px;
}
.title{
    background-color:#f6f6f6;
    height:50px;
    padding:10px;
    font-size:22px;
}
.content a{
    color:black;
    margin-top:20px;
    display:block;
        
}
.content h1{
    color:black;
    margin-top:-20px;
    display:block;
    margin-bottom:20px;
    font-size:32px;
        
}



.map{
    margin-bottom:40px;
    width:100%;
    
}
.widget ul{
    position:relative;
}
.widget ul li{
   background-color:#FC721E;
   margin-top:5px;
   padding:5px;
   padding-left:40px;
   border-radius:3px;
   transition:all .5s;
}
.widget ul li:hover{
   background-color:#FC221E;
   margin-top:5px;
   padding:5px;
   padding-left:50px;
   border-radius:3px;
}
.widget ul li::before{
content:"";
width:20px;
height:37px;
position:absolute;
left:0;
top:0;
background-color:black;
}
.widget ul li a{
    color:wheat;
}

#mobil-icon{
    font-size:30px;
    display:block;
 right:0;
    color:white;
    float:right;
}