.projesayfasidetay { background:#FFFFFF; padding:85px 0; padding-bottom:45px; }
#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:#32CD32;

}



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

.kutuproje { width:100%; border-radius:10px; 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.5);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:#32CD32;width: 27px;

    height: 26px;

    position: absolute;

    bottom: 4px;

    z-index: 1;

    right: -13px;

    transform: rotate(-45deg); }

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

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



.owl-nav { position: absolute; top: 0; margin-top: -60px; right: 20px; }

.owl-prev { float:left; padding-right:20px; color:#999; }

.owl-prev:hover { color:#32CD32; }

.owl-next { float:left; color:#999; }

.owl-next:hover { color:#32CD32; }



.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;
    font-size: 18px;
    margin-top: -11px;
    font-weight: 400;
}




.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:#32CD32; }



.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:#32CD32; }

.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; }