#projelerimizhome { background:#FFFFFF; padding:85px 0; padding-bottom:45px; }







.main-heading.style2 { padding: 0 0 0 129px; }



.main-heading { z-index: 1; color: #252424; font-weight: 300; position: relative;}



.main-heading.style2:before { left: 0; right: auto;}



.main-heading:before {



    background: #323031;



    width: 108px;



    height: 1px;



    position: absolute;



    content: "";



    z-index: -1;



    left: auto;



    top: 22px;



    bottom: auto;



    right: 0;



}



.main-heading .heading {



    margin: 0;



    color: #323031;



    font-weight: 300;



    font-size: 32px;



    line-height: 34px;



}



.text-uppercase, .initialism {



    text-transform: uppercase;



}







.main-heading .clr, .main-heading .clr2 {



    font-weight: 700; color:#A52A2A;



}







#homekutuproje { width:90%; margin:0 auto; padding:50px 10px; }



.kutuproje { width:100%; border-radius:3px; overflow:hidden;  }



.kutuic { padding:0% 0%; position:relative;transition:all .5s ease-in-out;cursor:pointer; }



.kutuic img { width:100%;}



.arkaplansiyahproje { position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; background:rgba(0,0,0,0.2);transition:all .5s ease-in-out;cursor:pointer; }



.aciklamaproje { position:absolute; top:45%; left:15%; right:15%; text-align:center; font-weight:700; font-size:23px; color:#FFF; z-index:2; transition:all .5s ease-in-out;cursor:pointer; }



.yuvarlak { position:absolute; bottom:10%; left:0; right:0; text-align:center; font-weight:700; font-size:28px; color:#FFF; z-index:2; transition:all .5s ease-in-out;cursor:pointer; }







.ovel { width:25px; height:25px; border:1px solid rgba(255,255,255,1); border-radius:100px; margin:0 auto; font-size:13px; padding:5px;transition:all .5s ease-in-out;cursor:pointer;  }







.boslukalt { padding-bottom:25px; }



.kutuic:hover .arkaplansiyahproje { background:rgba(0,0,0,0.0);  }



.kutuic:hover .aciklamaproje { top:10%; text-shadow: 2px 2px 2px #404040;  }



.kutuic:hover .yuvarlak { bottom:20%;  }



.kutuic:hover .ovel {  width:50px; height:50px; font-size:25px; padding-top:10px; background:rgba(50,205,50,.6); }



.projekat { 



    position: absolute;



    bottom: 70px;



    color: #FFF;



    left: -58px;



    z-index: 99;



    -ms-transform: rotate(-90deg);



    transform: rotate(-90deg);



    background: #293133;



    padding: 5px 15px;



    padding-right: 28px;



} 



.kose { background:#A52A2A;width: 27px;



    height: 26px;



    position: absolute;



    bottom: 4px;



    z-index: 1;



    right: -13px;



    transform: rotate(-45deg); }



.devameden {  bottom: 98px; left: -79px; }



.altrenk { height:10px; width:100%; background:#A52A2A; position:absolute; bottom:0px; left:10px;  z-index:99; }











.projedetayresim { width:100%; }



.projedetayresim img { width:100%; }







.genel-title-wrapper span {



    color: #c89a0c;



    font-size: 18px;



    text-align: left;



    margin-left: 0;



    display: table;



    font-weight: bold;



}



.genel-title-wrapper h2 {



    color: #000;



    font-size: 33px;



    font-weight: bold;



    text-align: left;



    margin-top: 10px;



    margin-bottom: 25px;



}



.genel-title-wrapper p {



    max-width: 100%;



    width: auto;



    display: table;



    margin-left: 0;



    margin-bottom: 10px;



    font-size: 16px;



    text-align: left;



    line-height: 24px;



    font-weight: normal;



    font-style: normal;



    color: #000;



}







 .kunye-wrapper {



    align-items: center;



    display: flex;



    margin-top: 20px;



}



 .kunye-wrapper i {



    float: left;



    background: #ddd;



    width: 50px;



    height: 50px;



    text-align: center;



    padding-top: 14px;



    color: #333;



    font-size: 22px;



    margin-right: 10px;



}



.fa-calendar-check-o:before {



    content: "";



}



.kunye-wrapper h2 {



    margin: 0;



    padding: 0;



    font-size: 16px;



    font-weight: bold;



    margin-bottom: 0px;



}



.kunye-wrapper p {



    margin: 0;



}











.projemenu .list-inline > a li { display: inline-block; padding-left: 20px; padding-right: 20px; color:#FFFFFF; font-weight:500; }



.list-inline > li a { color:#000000; }



.list-inline > li:hover a { color:#A52A2A; }







.projemenu { text-align:center; padding:15px; padding-top:0px; padding-bottom:50px; }



.projemenu li { padding:10px; border:1px solid rgba(204,204,204,1); border-radius:5px; background:#A52A2A; }



.projemenu li a { padding:0px 20px;}



.projemenu li.aktifproje { background: #293133; }



.projemenu li:hover { background: #293133; }



.projemenu .list-inline > li:hover  a { color:#FFF; }



.projemenu .list-inline > li a {  color:#FFF; font-weight:500; }



.projemenu .list-inline > li.aktifproje a {  color:#FFF; }