@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
html{
    background-color:#FFF;
    font-family:'Manrope',sans-serif !important;
    overflow-x:hidden !important;
}
body{
    font-family:'Manrope',sans-serif !important;
}
.bin{
    width:1350px;
    margin:auto !important;
}
.menu1{
    position:absolute;
    left:0;
    right:0;
    z-index:999 !important;
    top:0;
}
.pushylogo img{
    width:150px;
    height:auto;
    object-fit:contain;
}
.firmalogo{
    width:120px;
    height:50px;
    object-fit:contain;
    margin:auto !important;
    margin-bottom:15px !important;
}
.menu1box{
    margin-top:20px;
    border-radius:20px;
    background-color:#FFF;
    height:80px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
    -moz-box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
    box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
} 
a{
    text-decoration:none !important;
}
.menumiddle{
    display:inline-block !important;
}
.menuright{
    display:inline-block !important;
}
.menu1logosec{
    display:inline-block !important;
    margin-right:35px;
    padding-top:8px;
    padding-left:8px;
    padding-bottom:8px;
}
.menu1logosec img{
    width:100%;
    height:50px;
    object-fit:contain;
    margin-left:15px;
}
.menu1 .menumiddle a{
    font-size:13.5px;
    font-weight:600;
    color:#070707;
    display:inline-block;
    margin-right:14px;
    line-height:80px;
    transition:0.3s ease-in;
}
.menu1 .menumiddle a:hover{
    transform:scale(1.04);
    color:#636363;
}

.menu1 .dropdown{
    display:inline-block !important;
}
.menu1 .dropdown .btn{
    margin-top:20px;
    border:1px solid #333;
    height:41px;
    border-radius:50%;
    background-color:transparent;
    color:#333;
    font-size:14px;
}
.menu1 .dropdown-menu{
    padding:0px !important;
    border-radius:4px;
    background-color:#FFF !important;
}
*:focus{
    box-shadow:none !important;
    outline:none !important;
}
.menu1 .dropdown-menu a{
    color:#333;
    font-size:13.4px;
    font-weight:600;
    border-bottom:1px solid #d9d9d9 !important;
    line-height:40px;
}
.menu1 .dropdown-menu a:last-child{
    border:none !important;
}
.menu1 .dropdown-menu a:hover{
    background-color:transparent;
}
.menuright button{
    font-size:14px;
    font-weight:600;
    color:#333;
    display:inline-block;
    margin-right:24px;
    height:80px;
    border:none;
    background-color:transparent;
}
.topinfo2 h1{
    font-size:20px;
    color:#000;
    font-weight:600;
    margin-bottom:16px;
    font-family:'Manrope',sans-serif !important;
    line-height:30px;
}
.topinfo2 p{
    font-size:13.2px;
    line-height:24px;
    font-family:'Manrope',sans-serif !important;
    display:block;
    margin:auto !important;
    color:#0A0A0A;
}
.topinfo2 hr{
    width:100%;
    height:1px;
    background-color:#D9D9D9;
    margin-top:25px;
    margin-bottom:25px;
    border:none !important;
    display:block !important;
}
.topinfo{
    text-align:center;
    margin-bottom:30px;
}
.topinfo h1{
    font-size:20px;
    color:#000;
    font-weight:600;
    margin-bottom:16px;
    font-family:'Manrope',sans-serif !important;
    line-height:30px;
}
.topinfo p{
    width:80%;
    font-size:13.2px;
    line-height:24px;
    font-family:'Manrope',sans-serif !important;
    display:block;
    margin:auto !important;
    color:#0A0A0A;
}
.topinfo{
    text-align:center;
    margin-bottom:30px;
}
.Blog{
    margin-top:45px;
    margin-bottom:45px;
}
.Blog img{
    width:100%;
    height:190px;
    transition:0.3s ease-in;
    object-fit:cover;
}
.Blog img:hover{
    transform:scale(1.02);
}
.Blog p{
    font-size:13px;
    line-height:24px;
    display:block;
    font-family:'Manrope',sans-serif !important;
    margin:auto !important;
    color:#0A0A0A;
}
.Blog h2{
    font-family:'Manrope',sans-serif !important;
    margin-top:15px;
    margin-bottom:10px;
    font-weight:600;
    font-size:14.6px;
    color:#000;
}
.kucukfoto{
    display:none !important;
}
.Ustgorsel img{ 
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}
.inblock992{
    display:none !important;
}
.pushy a{
    font-size:14px;
    color:#333 !important;
    font-weight:500;
    border-bottom:1px solid #D9D9D9;
    line-height:48px;
    display:block !important;
}
.pushy a:last-child{
    border:none !important;
}
.ilet{
    margin-top:30px;
}
.ilet a{
    font-size:13.3px;
    display:block;
    font-weight:400;
    color:#484848;
}
.ilet span{
    margin-right:12px;
}
.ilet h6{
    font-size:13.3px;
    font-weight:400;
    color:#484848;
}
.ilet i{
    color:#636363;
}
.Ustgorsel {
    position: relative;
}
.projeust{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin-bottom:45px;
}
.projeustbox {
    width: 200px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(8px);      
    -webkit-backdrop-filter: blur(8px);
    border-radius: 8px;                
}
.projeustbox h2{
    font-family:'Manrope',sans-serif;
    font-size:23px;
    color:#FFF;
    line-height:30px;
    font-weight:600;
}
.projeustbox span{
    font-size:13.5px;
    color:#FFF;
    font-weight:600;
    line-height:21px;
    margin-bottom:9px;
}
.ustgorsel-yazi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; 
    font-size: 45px; 
    font-weight:800;
    text-align: center;
    padding: 10px 20px;
    text-transform:uppercase;
    border-radius: 5px;
    margin-top:30px;
}
.Hizmetler img{
    width:100%;
    height:250px;
    object-fit: cover;
}
.pad0{
    padding:0px !important;
}
.hizmetbox{
    height:300px;
    padding:20px;
}
.container-fluid {
    padding: 0;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.hizmetbox, .hizmet-gorsel {
    height: 350px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    color: #fff;
}
.hizmet-gorsel {
    background-size: cover;
    background-position: center;
}
.hizmet-kahve {
    background-color: #AA9460 !important;
}
.hizmet-sari {
    background-color: #636363 !important;
}
.hizmetbox p{
    color:#FFF;
    font-weight:400;
    font-size:13.4px;
    line-height:24px;
}
.hizmetbox h6{
    font-size:13px;
    line-height:13px;
    color:#FFF;
    font-weight:500;
    margin-bottom:5px;
}
.hizmetbox h2{
    font-size:17.5px;
    line-height:20px;
    font-weight:600;
    color:#FFF;
    margin-bottom:15px;
}
.Hakkimizda h6{
    color:#D0D0D0;
    opacity:60%;
    font-size:80px;
    font-weight:800;
    margin-bottom:12px;
    line-height:60px;
}
.Hakkimizda img{
    width:100%;
    object-fit:cover;
    height:100%;
    min-height:400px;
}
.Hakkimizda h1{
    font-size:20px;
    line-height:20px;
    font-weight:600;
    color:#282828;
    margin-bottom:22px;
}
.Hakkimizda{
    margin-top:45px;
    margin-bottom:45px;
}
.Hakkimizda p{
    color:#0A0A0A0;
    font-weight:400;
    font-size:13.4px;
    line-height:24px;
}
.Hakkimizda2{
    margin-top:40px;
    margin-bottom:40px;
}
.Hakkimizda2 h3{
    font-family:'Manrope',sans-serif;
    font-weight:700;
    font-size:45px;
    line-height:45px;
    margin-top:20px;
}
.Hakkimizda2 h3 > span{
    color:#636363;
}
.Hakkimizda2 p{
    color:#0A0A0A0;
    font-weight:400;
    font-size:13.4px;
    line-height:24px;
}
.main-banner {
    width: 100%;
    min-height: 70vh; 
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center; 
    justify-content: flex-start; 
    padding: 50px 0; 
}
.banner-content {
    margin-top:120px;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
    padding: 30px;
    color: #fff;
    width:450px;
    border-radius: 5px;
}
.banner-content h1 {
    font-size:17px;
    color:#FFF;
    line-height:28px;
    font-weight: 500;
}
.banner-content h1 > span {
    line-height:20px;
    font-size: 32px;
    font-weight: 600;
    display:block !important;
    margin-bottom: 20px;
}
.banner-content p {
    color:#FFF;
    font-weight:400;
    width:100%;
    font-size:13.4px;
    line-height:24px;
}
.banner-content .btn {
    font-size:14px;
    font-weight:500;
    border:none !important;
    border-bottom:1px solid #FFF !important;
    border-radius: 0;
    height:35px;
    text-align:left !important;
    width:150px;
    padding:0px !important;
    color:#FFF !important;
    transition:0.3s ease-in;
}
.banner-content .btn:hover{
    transform:scale(1.03) !important;
    border-bottom:3px solid #636363 !important;
    background-color:transparent !important;
    color:#FFF !important;
}
.Projeler img{
    height:330px;
    width:100%;
    object-fit:cover;
    margin-bottom:15px;
    transition:0.3s ease-in;
}
.Projeler img{
    transform:scale(1.03);
}
.Projeler{
    margin-top:45px;
    margin-bottom:45px;
}
.Projeler h1{
    line-height:22px;
    margin-top:6px;
    font-size:17.5px;
    color:#000;
    font-weight:600;
}
.Projeler h6{
    display:inline-block;
    font-size:13px;
    margin-right:12px;
    font-weight:600;
    color:#282828;
    padding-left:22px;
    padding-right:22px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:13px;
    border:1px solid #D9D9D9;
    border-radius:10px;
}
.Projedetay{
    margin-top:45px;
    margin-bottom:45px;
}
.Projedetay h1{
    margin-bottom:30px;
    font-size:20px;
    color:#282828;
    font-weight:600;
}
.disnon{
    display:none !important;
}
.projesag{
    border-left:1px solid #D9D9D9;
    padding-left:15px;
}
.projesag h6{
    font-size:15.5px;
    color:#AA9460;
    font-weight:600;
    margin-bottom:20px;
}
.projesagbox h5{
    font-size:#535353 !important;
    font-weight:600 !important;
    font-size:13.2px !important;
    margin-bottom:5px !important;
    line-height:15px !important;
}
.projesagbox h4{
    font-size:14.6px !important;
    color:#000 !important;
    line-height:24px !important;
    font-weight:600 !important;
}
.projesagbox{
    border-bottom:1px solid #D9D9D9;
    padding-top:10px;
    padding-bottom:5px;
}
.Projedetay p{
    color:#000;
    font-weight:400;
    width:100%;
    font-size:13.4px;
    line-height:24px;
}
.projegal {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Hücre genişliği */
    gap: 15px;
}
.projegal a {
    display: block;
}
.projegal img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    transition: transform .3s ease;
}
.projegal img:hover {
    transform: scale(1.03);
}
.leftsag{
    display:none !important;
}
.Iletisim{
    margin-top: 45px;
    margin-bottom:50px;
}
.Iletisim2{
    margin-top: 0px;
    margin-bottom:45px;
}
.Iletisim2 iframe{
    border:none !important;
    width:100%;
    height:450px;
}
.Iletisim2 h4{
    font-family: 'Poppins',sans-serif;
    font-size:18px;
    font-weight: 500;
    margin-bottom: 20px;
    color:#FFF !important;
}
.formkutusu{
    padding:30px !important;
    padding-bottom:0px !important;
}
.Iletisim2 input{
    width:100%;
    height:45px;
    border:none;
    font-size:13.2px;
    color:#000;
    padding-left: 10px;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px !important;
}
.Iletisim2 textarea{
    width:100%;
    height:150px;
    border:none;
    font-size:13.2px;
    color:#000;
    padding-left: 10px;
    padding-top: 10px;
    border:1px solid rgba(28,28,28,0.1);
}
.Iletisim2 button{
    background-color: #FFF;
    color:#1C1C1C;
    border:none;
    width:100%;
    height:45px;
    font-size:13.2px;
    text-align: center;
    font-weight:500;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
}
.Iletisim2 input:focus{
    background-color: #FFF;
}
.Iletisim2 textarea:focus{
    background-color: #FFF;
}
.bgcolor{
    height:450px !important;
    background-color: #636363;
}
.kutu-3{
    background-color: #FAFAFA;
    min-height:200px;
    width:100% !important;
    border:1px solid rgba(28,28,28,0.2);
    border-radius: 5px !important;
    position:relative !important;
    padding:10px;
}
.kutu-3 a{
    font-weight:500;
    font-size:13.5px;
    color:#1C1C1C;
    display:block !important;
    margin-top:15px;
}
.kutu-3 .white{
    width:75px;
    border:1px solid rgba(28,28,28,0.1);
    height:75px;
    background-color:#FFF;
    border-radius:50%;
    display: block !important;
    text-align: center;
    margin:auto !important;
    margin-top:15px !important;
    position:relative !important;
}
.kutu-3 .i1 i{
    font-size:25px;
    color:#636363;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 30.3%;
    transform: translate(30.3%, -50%);
}
.kutu-3 .i2 i{
    font-size:25px;
    color:#636363;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(23%, -50%);
}
.kutu-3 .i3 i{
    font-size:25px;
    color:#636363;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 27%;
    transform: translate(23%, -50%);
}
.Iletisim .fa-globe{
    color:#636363 !important;
}
::placeholder{
    font-weight:600 !important;
    color:#787878 !important;
    font-size:12.2px !important;
}
.Galerix2{
    margin-top:50px;
}
.Galerix2 img{
    width:100%;
    height:230px;
    object-fit:cover !important
}
.Sliderlar{
    position:relative !important;
}
.Sliderlar img{
    width:100%;
    height:90vh;
    object-fit:cover;
}
.Slideryazialani p{
    color:#FFF;
    font-weight:400;
    width:100%;
    font-size:14.2px;
    line-height:24px;
    width:400px;
}
.Slideryazialani h2{
    font-size:45px;
    line-height:55px;
    color:#FFF;
    width:400px;
    margin-top:30px;
    margin-bottom:10px;
    font-weight:800;
}
.Slideryazialani {
    position: absolute;
    top: 50%;
    left: 0;
    right:0;
    transform: translate(0%, -50%);
    color: white; 
    font-size: 45px; 
    padding: 10px 20px;
    border-radius: 5px;
}
.footer h5{
    color:#FFF;
    font-size:16px;
    font-weight:600;
    margin-bottom:22px;
}
.footer h3{
    color:#636363;
    font-size:16px;
    font-weight:600;
    margin-bottom:22px;
}
.footer a{
    font-size:14px;
    color:#000;
    display:block;
    font-weight:500;
    transition:0.3s ease-in;
    margin-bottom:12px;
}
.footer a:hover{
    transform:scale(1.03);
}
.footerright{
    height:100% !important;
    padding:12px;
    padding-top:20px;
    border-radius:12px;
    background-color:#636363;
}
.footer{
    border-top:1px solid #D9D9D9;
    padding-top:15px;
}
.footer img{
    width:140px;
    height:auto;
    object-fit:contain;
    margin-bottom:15px;
}
.speciallinks a{
    color:#FFF !important;
    font-weight:600;
    font-size:14px;
}
.footer span{
    margin-right:12px;
}
.footer p{
    color:#000;
    font-weight:400;
    width:100%;
    font-size:13.4px;
    line-height:24px;
}
.footer h6{
    color:#000;
    font-weight:400;
    width:100%;
    font-size:13.4px;
    line-height:24px;
}
.copyright hr{
    width:100%;
    height:1px;
    border:none !important;
    background-color:#D9D9D9;
    margin-top:5px;
    margin-bottom:13px;
}
.copyright span{
    color:#636363;
    margin-right:0px !important;
}
.copyright h4{
    color:#000;
    font-weight:400;
    width:100%;
    font-size:13.2px;
    line-height:24px;
}
.social-icons {
    display: flex;
    gap: 10px;
}
.social-icons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #ccc !important;
    border-radius: 50% !important;
    color: #FFF !important;
    font-size: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.social-icons a:hover {
  background-color: #636363 !important;
  border-color: #636363 !important;
  color:#FFF !important;
}
.pozrel{
    position:relative !important;
}
.Giris img{
    width:100%;
    object-fit:cover;
    height:100vh;
}
.Girisalani {
    position: relative; 
}
.projeustbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    text-align: center;
    color: #fff; 
    background: rgba(255, 255, 255, 0.2); 
    padding: 20px 30px;
    border-radius: 10px;
}
.Girisalani h2 {
    color:#FFF;
    font-weight:600;
    font-size:24px;
}
.Girisalani a{
    font-size:13.4px;
    color:#FFF;
    font-weight:600;
    display:block;
    margin-top:12px;
}
.Girisalani p{
    color:#FFF;
    font-weight:500;
    width:100%;
    font-size:13.4px;
    line-height:24px;
}
.projeustbox img{
    height:50px !important;
    width:auto !important;
    object-fit:contain;
    margin-bottom:15px !important;
}
@media screen and (max-width: 1400px) {
    .bin{
        width:92% !important;
    }
    .pushy{
        width:45% !important;
    }
}
@media screen and (max-width: 1100px) {
    .menu1 .menumiddle a{
        font-size:13.4px;
        font-weight:600;
        color:#333;
        display:inline-block;
        margin-right:14px;
        line-height:80px;
    }
    .menuright button{
        font-size:13.4px;
        font-weight:600;
        color:#333;
        display:inline-block;
        margin-right:24px;
        height:80px;
        border:none;
        background-color:transparent;
    }
    .meenbut:hover{
        background-color:#1070b7 !important;
        color:#FFF;
    }
}
@media screen and (max-width: 992px) {
    .Projeler img{
        height:270px;
        width:100%;
        object-fit:cover;
        margin-bottom:15px;
        transition:0.3s ease-in;
    }
    .banner-content {
        margin-left:20px;
    }
    .menu1 .dropdown .btn{
        margin-top:0px;
    }
    .menu1logosec img{
        width:100%;
        height:50px;
        object-fit:contain;
        margin-left:15px;
        margin-top:7px;
    }
    .inblock992{
        display:inline-block !important;
    }
    .block992{
        display:block !important;
    }
    .disnon992{
        display:none !important;
    }
    .inblock992{
        display:inline-block !important;
    }
    .menumiddle{
        display:none !important;
    }
    .martopsep{
        margin-top:8px !important;
    }
    .leftsag{
        display:block !important;
    }
}
@media screen and (max-width: 767px) {
    .Giris img{
        width:100%;
        object-fit:cover;
        height:50vh;
    }
    .Slideryazialani p{
        color:#FFF;
        font-weight:400;
        width:100%;
        font-size:14.2px;
        line-height:24px;
        width:450px;
    }
    .Slideryazialani h2{
        font-size:35px;
        line-height:35px;
        color:#FFF;
        width:450px;
        margin-top:30px;
        margin-bottom:10px;
        font-weight:800;
    }
    .Sliderlar img{
        width:100%;
        height:auto;
        min-height:65vh;
        object-fit:cover;
    }
    .bgcolor{
        height:550px !important;
        background-color: #636363;
    }
    .projeustbox {
        width: 350px;
        padding: 10px;
        background: rgba(255,255,255,0.2);
        backdrop-filter: blur(8px);      
        -webkit-backdrop-filter: blur(8px);
        border-radius: 8px;                
    }
    .projeustbox h2{
        font-family:'Manrope',sans-serif;
        font-size:19px;
        color:#FFF;
        line-height:30px;
        font-weight:600;
    }
    .projesagbox h5{
        font-size:#535353 !important;
        font-weight:600 !important;
        font-size:13px !important;
        margin-bottom:5px !important;
        line-height:15px !important;
    }
    .projesagbox h4{
        font-size:13.4px !important;
        color:#000 !important;
        line-height:24px !important;
        font-weight:600 !important;
    }
    .Projeler img{
        height:auto;
        width:100%;
        object-fit:cover;
        margin-bottom:15px;
        transition:0.3s ease-in;
    }
    .main-banner {
        width: 100%;
        min-height: 60vh; 
        background-size: cover; 
        background-position: center center;
        background-repeat: no-repeat;
        align-items: center; 
        justify-content: flex-start; 
        padding: 50px 0; 
    }
    .banner-content {
        margin-left:20px;
        margin-top:60px;
        background-color: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px); 
        -webkit-backdrop-filter: blur(10px); 
        padding: 30px;
        color: #fff;
        width:350px;
        border-radius: 5px;
    }
    .Hakkimizda2 h3{
        font-family:'Manrope',sans-serif;
        font-weight:700;
        font-size:35px;
        line-height:35px;
        margin-top:20px;
    }
    .topinfo p{
        width:100%;
    }
    .block767{
        display:block !important;
    }
    .disnon767{
        display:none !important;
    }
    .pushy{
        width:70% !important;
    }
    .kucukfoto{
        display:block !important;
    }
    .buyukfoto{
        display:none !important;
    }
}
@media screen and (max-width: 576px) {
    .Slideryazialani p{
        color:#FFF;
        font-weight:400;
        width:100%;
        font-size:14.2px;
        line-height:24px;
        width:100%;
    }
    .Slideryazialani h2{
        font-size:35px;
        line-height:35px;
        color:#FFF;
        width:100%;
        margin-top:30px;
        margin-bottom:10px;
        font-weight:800;
    }
    .Galerix2 img{
        width:100%;
        height:260px;
        object-fit:cover !important
    }
    .Blog img{
        width:100%;
        height:230px;
        transition:0.3s ease-in;
        object-fit:cover;
    }
    .menuright i{
        font-size:16px !important;
    }
    .disnon576{
        display:none !important;
    }
    .block576{
        display:block !important;
    }
}