body,a,ul,li {margin: 0;padding: 0;font-family: 'Hind Siliguri', sans-serif;}
h1{font-size: 2rem;} h2{font-size: 1.8rem;} h3{font-size: 1.6rem;} h4{font-size: 1.5rem;} h5{font-size: 1.4rem;} h6{font-size: 1.3rem;}
a {outline: none;text-decoration: none;} button {outline: none;}
body {overflow-x: hidden;counter-reset: say;background: #1c1c1c;}body.ovh {overflow: hidden;}
.ovh::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2;}
a:hover {text-decoration: none;color: unset;}img { max-width: 100%;}

i.ikon {display: flex;justify-content: center;}
i.ikon::before {content:"";width: 30px;height: 30px; display: block; background-position: center!important;background-repeat: no-repeat!important;background-size: contain!important;}
i.ikon.balkon::before {background: url("../ikon/balkon.svg");}
i.ikon.villa::before {background: url("../ikon/villa.svg");}
i.ikon.tamekran::before {background: url("../ikon/tamekran.svg");}

.container {max-width: calc(100% - 14%);padding: 0;}

header {position: fixed;background: rgba(65, 65, 65, 0.5);z-index: 6;left: 0;width: 100%;backdrop-filter: blur(5px);border-bottom: 1px solid rgb(112, 112, 112,0.5);}
header.bg {background: rgb(226, 175, 9,0.9);border-color: transparent;}
header .kutu {display: flex;flex-wrap: wrap;align-items: center;}
header .logo img {height: 55px;}
header .menu > ul {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 0 40px;}
header .menu > ul > li {display: flex;list-style: none;align-items: center;position: relative;}
header .menu > ul > li > a{display: block;color: #ffffff;padding: 35px 0;font-size: 15px;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
header.bg .menu > ul > li > a {padding: 25px 0;}
header .menu > ul > li:not(.ara,.katalog,.dil)::after{content: "";position: absolute;left: 0; bottom: -1px;width: 0%;height: 2px;background: #E2AF09;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
header .menu > ul > li:hover::after{width: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
header .menu > ul > li.aktif::after{width: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
header .menu > ul > li.dil {gap:10px;font-size: 14px;}
header .menu > ul > li.dil a{color: #AFAFAF;font-size: 14px;position: relative;height: max-content;}
header.bg .menu > ul > li.dil a {color: #f5f5f5;}
header .menu > ul > li.dil a.aktif{color: #ffffff;}
header .menu > ul > li.dil a:last-child:before {content: "";position: absolute;left: -5px;top: calc(50% - 7px);background: #7e7e7e;width: 1px;height: 14px;}
header .menu > ul > li.katalog{margin-left: 40px;}
header .menu > ul > li.katalog a{background: #E2AF09; color: #ffffff;padding: 5px 30px;font-size: 14px;}
header.bg .menu > ul > li.katalog a {background: #fff;color: #E2AF09;}
header .menu > ul > li.acilir > a {pointer-events:none;}
header .menu > ul > li.acilir ul {position: absolute;opacity: 0;visibility: hidden; top: 100%;background: #262626;transform: translateY(50px);-webkit-transform: translateY(50px); transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
header .menu > ul > li.acilir > a::after {content: "\f282";display: inline-block;font-family: bootstrap-icons !important;line-height: 1;vertical-align: -.125em;padding-left: 5px;}
header .menu > ul > li.acilir ul > li {display: block;list-style: none;border-bottom: 1px solid rgb(183, 183, 183,0.5);padding: 10px;}
header .menu > ul > li.acilir ul > li:last-child {border-bottom: unset;}
header .menu > ul > li.acilir ul > li a{display: block;color: #ffffff;font-size: 14px;white-space: nowrap;}
header .menu > ul > li.acilir ul > li:hover a{color: #E2AF09;}
header .menu > ul > li.acilir:hover ul {opacity: 1;visibility: visible; transform: translateY(0px);-webkit-transform: translateY(0px); transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

header .menu li.ara .sitedeara {position: absolute;right: 0;display: none;top: 100%;}
header .menu li.ara .sitedeara .form-group {display: flex;}
header .menu li.ara .sitedeara .form-group input{border: 1px solid #e2af09;outline: none;padding: 10px 15px;font-size: 15px;box-shadow: unset;}
header .menu li.ara .sitedeara .form-group .btn-ara{border: 1px solid #e2af09;background: #e2af09;color: #fff;font-size: 14px;padding: 0 10px;font-weight: 600;}

footer {padding: 20px 0 0 0;background: #F5F5F5;}
footer .row {margin: auto;align-items: center;}
footer .sag {display: flex;justify-content: space-between;gap: 0 50px;}
footer .sag .k:first-child {flex: 6;}
footer .sag .k {flex: 4;}
footer .sag .kutu {font-size: 13px;color: #6D6D6D;}
footer .sag .kutu a{color: #6D6D6D;}
footer .sag .kutu span.b {display: block;font-size: 15px;width: 100%;margin-bottom: 15px;}
footer .sag .kutu.sos ul {display: flex;flex-wrap: wrap;gap:0 20px;width: 100%;font-size: 20px;}
footer .sag .kutu.sos ul li {display: block;list-style: none;}

footer .alt {border-top: 1px solid #cacaca;margin-top: 15px;padding: 15px 0;font-size: 13px;}
footer .alt .kutu {justify-content: flex-end;}
footer .alt .kutu a{color: #262626;}
footer .alt .kutu ul {width: 100%;display: flex;align-items: center;gap: 0 30px;}
footer .alt .kutu ul li {display: block;list-style: none;}
footer .alt .kutu .sagk {font-size: 12px;color: #6D6D6D;}
footer .alt .kutu .sagk a{color: #6D6D6D;}
.algoJS {text-align: center;margin-top: 10px;}

.anaSlayt .slayt {position: relative;z-index: 2;height: 100%;}
.anaSlayt .slayt.slick-slider .kutu {display: block!important;position: relative;}
.anaSlayt .slayt .kutu::before {content: "";background: rgba(0, 0, 0, 0.5);background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;display: block;}
.anaSlayt .slayt .resim img {width: 100%;height: 100%;object-fit: cover;}
.anaSlayt .slayt .metin {display: none;}
.anaSlayt .slayt.slick-slider .metin {color: #ffffff;z-index: 3; display: block;width: 100%;max-width: 450px; position: absolute; height: auto;left: 7%;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.anaSlayt .slayt.slick-slider .metin span.b {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;;width: 100%; font-size:40px;font-weight: 600;line-height: 46px;opacity: 0;-webkit-opacity: 0; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.anaSlayt .slayt.slick-slider .metin p.p {font-size: 20px;opacity: 0;-webkit-opacity: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

.anaSlayt .slayt .slick-arrow {position: absolute;right: 7%;z-index: 3;font-size: 0; border:1px solid ;background: unset;color: #E2AF09;border-radius: 0;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.anaSlayt .slayt .slick-arrow:hover ,.anaSlayt .slayt .slick-arrow:focus {background: #E2AF09;color: #ffffff;border-color: #E2AF09; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.anaSlayt .slayt .slick-arrow::after {font-size: 1rem; font-family: bootstrap-icons !important;display: inline-block;}
.anaSlayt .slayt .slick-prev{bottom: calc(50% - 25px);}
.anaSlayt .slayt .slick-prev::after {content: "\f284";}
.anaSlayt .slayt .slick-next{bottom: calc(50% + 25px);}
.anaSlayt .slayt .slick-next::after {content: "\f285";}
.anaSlayt .slayt .slick-dots {position: absolute;bottom: calc( 50% - 100px);display: flex;justify-content: center;left: 7%;gap: 10px;}
.anaSlayt .slayt .slick-dots li {display: block;list-style: none;}
.anaSlayt .slayt .slick-dots li button{font-size: 0;width: 8px;height: 8px;background: #B7B7B7;border: unset;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;border-radius: 50%;padding: 0;display: block;}
.anaSlayt .slayt .slick-dots li.slick-active button{background: #E2AF09; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

@-webkit-keyframes yukariKay {0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translateY(300px);transform: translateY(300px); } 100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}}
@keyframes yukariKay {0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translateY(300px);transform: translateY(300px);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}}

.anaSlayt .slick-active .kutu .metin span.b {animation-name: yukariKay; animation-duration: 1s;opacity: 1;-webkit-opacity: 1;}
.anaSlayt .slick-active .kutu .metin p.p{animation-name: yukariKay; animation-duration: 1.5s;opacity: 1;-webkit-opacity: 1;}

section.hakkimizda {background: #1c1c1c;color: #ffffff;padding: 100px 0 0 0;font-size: 15px;}
section.hakkimizda .kutu {display: flex;max-width: calc(100% - 7%);margin: 0 0 0 auto;}
section.hakkimizda .kutu .sol img{position: sticky;align-self: self-start;padding-top: 0;z-index: 3;top: 150px;margin-top: -100%;}
section.hakkimizda .kutu .metin {display: flex;flex-wrap: wrap;align-items: flex-end;padding: 15px 20px 0 20px;height: max-content;align-self: flex-end;}
section.hakkimizda .kutu .metin b.b {display: block;width: 100%;font-size: 30px;}
section.hakkimizda .kutu .metin ul {display: flex;flex-wrap: wrap; gap: 15px;margin: 25px 0;}
section.hakkimizda .kutu .metin ul li{display: block;list-style: none;}
section.hakkimizda .kutu .metin ul li::before{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #E2AF09;margin-right: 10px;}
section.hakkimizda .kutu .metin p {display: block;margin-bottom: 20px;}
section.hakkimizda .kutu .metin p:last-child{margin: 0;}
section.hakkimizda .kutu .metin p.p{font-size: 1.1rem;}
section.hakkimizda .kutu .resim img{width: 100%;max-height: 500px;object-fit: cover;}

section .hbaslik {display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;margin-bottom: 40px;}
.hbaslik .tumu {display: block;color: #e2af09;font-size: 15px;font-weight: 600;}
section .hbaslik .b {font-size: 28px;font-weight: 600;}
section.projelerimiz {padding: 100px 0; background: url("../img/proje.png") #1c1c1c no-repeat;background-position: bottom;background-size: 100%; color: #ffffff;}
section.projelerimiz .tablar {width: calc(100% - 80px);position: relative;margin-bottom: 50px;}
section.projelerimiz .tablar #pills-tab{width: 40px;position: absolute;gap: 10px; right: -80px;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
section.projelerimiz .tablar .nav-pills .nav-link{border-radius: 0;color: #e2af09;border: 1px solid #e2af09;display: block;width: 40px;height: 40px;padding: 0;}
section.projelerimiz .tablar .nav-pills .nav-link.active{background: #e2af09;color: #ffffff;}

section.projelerimiz .tablar .row .sol .carousel-indicators button {width: 8px;height: 8px;border-radius: 50%;border: unset;background: #B7B7B7;}
section.projelerimiz .tablar .row .sol .carousel-indicators button.active {background: #E2AF09;}
section.projelerimiz .tablar .row .sag .baslik {display: flex;justify-content: space-between;border-bottom: 1px solid #AFAFAF;margin-bottom: 20px;padding-bottom: 5px;}
section.projelerimiz .tablar .row .sag .baslik span.konum{color: #AFAFAF;}
section.projelerimiz .tablar .row .sag .icerik {display: flex;flex-wrap: wrap;}
section.projelerimiz .tablar .row .sag .icerik .yazi {margin-bottom: 15px;}
section.projelerimiz .tablar .row .sag .icerik .solk{color: #AFAFAF;}
section.projelerimiz .tablar .row .sag .icerik .solk ul {width: 100%;display: flex;flex-wrap: wrap;gap: 30px 0; margin: 20px 0;}
section.projelerimiz .tablar .row .sag .icerik .solk ul li{list-style: none;display: flex;align-items: center;width: 100%;}
section.projelerimiz .tablar .row .sag .icerik .solk ul li .ikon {margin-right: 15px;}
section.projelerimiz .tablar .row .sag .icerik .plans .nav-tabs {border-bottom: 1px solid rgb(183, 183, 183,0.3);gap: 0 50px;}
section.projelerimiz .tablar .row .sag .icerik .plans .nav-tabs .nav-item .nav-link{color: #afafaf;border: unset;border-bottom: 3px solid transparent;padding: 10px 0;}
section.projelerimiz .tablar .row .sag .icerik .plans .nav-tabs .nav-item .nav-link.active {background: unset;border-color: #e2af09;color: #fff;font-weight: 600;}

section.projelerimiz .projeBilgi .sol {display: flex;flex-wrap: wrap;align-items: center;}
section.projelerimiz .projeBilgi .sol span.b {display: block;font-size: 2rem;font-weight: 600;}
section.projelerimiz .projeBilgi .sol span.b a{color: #e2af09;}

section.projelerimiz .projeBilgi .sag {padding-left: 50px;}
section.projelerimiz .projeBilgi .sag .iform {background: #262626;padding: 40px;box-shadow: 0 0 20px -5px black;}
section.projelerimiz .projeBilgi .sag .iform span.b {font-size: 20px;display: block;margin-bottom: 20px;font-weight: 600;}
section.projelerimiz .projeBilgi .sag .iform .form-group {margin-bottom: 20px;}
section.projelerimiz .projeBilgi .sag .iform .form-group label {font-size: 14px;}
section.projelerimiz .projeBilgi .sag .iform .form-group .form-control {border-radius: 0;}
section.projelerimiz .projeBilgi .sag .iform .form-group .form-control::placeholder {font-size: 13px;}
section.projelerimiz .projeBilgi .sag .iform .btn-warning {display: block;background: #E2AF09; margin: 0 0 0 auto;color: #fff;border-radius: 0;padding: 5px 20px;}

.sayfaKusak {padding: 200px 0 120px 0; min-height: 300px;clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 70%);position: relative;background: url("../img/sayfa-bg.jpg") no-repeat;background-position: center;background-size: 100%;}
.sayfaKusak::before {content: "";position: absolute;left: 0;top: 0;z-index: 2; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);clip-path: polygon(100% 0px, 100% 75%, 75% 90%, 40% 70%, 0px 70%, 0px 0px);}
.sayfaKusak::after {content: "";position: absolute;left: 0;top: 0;background:  rgb(112, 112, 112,0.5);width: 100%;height: 100%;}
.sayfaKusak .container {position: relative;z-index: 3;}
.sayfaKusak h1.baslik {color: #fff;position: relative;width: max-content;margin: auto;font-size: 2.2rem;font-weight: 600;}
.sayfaKusak h1.baslik::before{content: "";width: 8px;height: 8px;background: #E2AF09;position: absolute;top: calc(50% - 4px);left: -15px;border-radius:50%;}
.sayfaKusak h1.baslik::after{content: "";width: 8px;height: 8px;background: #E2AF09;position: absolute;top: calc(50% - 4px);right: -15px;border-radius:50%;}
.sayfaKusak .breadcrumb .breadcrumb-item a {color: #6c757d;}
.sayfaKusak .breadcrumb .breadcrumb-item {color: #ffffff;}

.sayfaDetay {color: #ffffff;}
.sayfaDetay.hakkimizda .ozet {padding: 50px 0;}
.sayfaDetay.hakkimizda .ozet .sagk{display: flex;align-items: center;padding-left: 50px;font-size: 15px;}
.sayfaDetay.hakkimizda .ozet .sagk span.baslik {display: block;font-size: 2rem;margin-bottom: 15px;}
.sayfaDetay.hakkimizda .hakkimizdaKusak {position: relative; background: url("../img/sayfaKusak.jpg") no-repeat;background-size: cover;min-height: 300px;align-items: center;display: flex;}
.sayfaDetay.hakkimizda .hakkimizdaKusak::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.sayfaDetay.hakkimizda .hakkimizdaKusak .container {position: relative;z-index: 2;}
.sayfaDetay.hakkimizda .hakkimizdaKusak .kutu {justify-content: space-between;align-items: center;}
.sayfaDetay.hakkimizda .hakkimizdaKusak .kutu .solk span {display: block;font-size: 3rem;font-weight: 600;}
.sayfaDetay.hakkimizda .hakkimizdaKusak .kutu .sagk .btn {display: block;width: max-content;border-radius: 0;background: #e2af08;color: #ffffff;}
.sayfaDetay.hakkimizda .hBox {padding: 40px 0;}
.sayfaDetay.hakkimizda .hBox .k {padding: 15px;height: 100%; color: #ffffff;background: url("../img/mask.png") #e2af08;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: center;}
.sayfaDetay.hakkimizda .hBox .k  span.b{display: block;font-size: 24px;margin-bottom: 15px;}

.sayfaDetay.projeDet .projeler .proje {padding: 75px 0 25px 0}
.sayfaDetay.projeDet .projeler .proje .metin {background: url("../img/mask.png") #e2af08;padding: 50px;background-size: cover;position: relative;background-position: center;height: 100%;}
.sayfaDetay.projeDet .projeler .proje .metin .k {display: block;max-width: 80%;padding-left: 50px;font-size: 15px;}
.sayfaDetay.projeDet .projeler .proje .metin h3.baslik {font-size: 2rem;font-weight: 600;margin-bottom: 15px;}
.sayfaDetay.projeDet .projeler .proje .metin span.alt {color: #ab8405;font-size: 2rem;position: absolute;font-weight: 600;right: 5px;bottom: 0;line-height: 2rem;}
.sayfaDetay.projeDet .projeler .proje .tablar {padding-left: 60px;}
.sayfaDetay.projeDet .projeler .proje .tablar .tab-content {padding-top: 10px;}
.sayfaDetay.projeDet .projeler .proje .tablar .nav-tabs {border-bottom: 1px solid rgb(183, 183, 183,0.3);gap: 0 50px;}
.sayfaDetay.projeDet .projeler .proje .tablar .nav-tabs .nav-item .nav-link{color: #afafaf;border: unset;border-bottom: 3px solid transparent;padding: 10px 0;}
.sayfaDetay.projeDet .projeler .proje .tablar .nav-tabs .nav-item .nav-link.active {background: unset;border-color: #e2af09;color: #fff;font-weight: 600;}
.sayfaDetay.projeDet .projeler .proje .tablar ul.bi {display: flex;width: 100%;justify-content: space-evenly;text-align: center;padding: 10px 0 0 0;}
.sayfaDetay.projeDet .projeler .proje .tablar ul.bi li {display: block;list-style: none;}
.sayfaDetay.projeDet .projeler .proje .tablar ul.bi li .s {display: block;margin-top: 5px;color: #AFAFAF;font-size: 15px;}
.sayfaDetay.projeDet .projeler .proje .tablar .carousel-indicators {width: max-content;display: block; right: -20px; left: unset;margin: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);top: 50%;height: max-content;}
.sayfaDetay.projeDet .projeler .proje .tablar .carousel-indicators [data-bs-target] {display: block; background-color: #ffffff;width: 5px;height: 15px;padding: 0;margin:5px 0;border: unset; transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.sayfaDetay.projeDet .projeler .proje .tablar .carousel-indicators [data-bs-target].active {background-color: #E2AF09;height: 25px;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}

.sayfaDetay.projeDet .projeler .proje .galeriler {padding: 20px 0;}
.sayfaDetay.projeDet .projeler .proje .galeriler .col-12 {padding:calc(var(--bs-gutter-x) * .5);}
.sayfaDetay.projeDet .projeler .proje .galeriler .resim {position: relative;overflow: hidden;}
.sayfaDetay.projeDet .projeler .proje .galeriler .resim img {width: 100%;height: 215px;object-fit: cover; transform: scale(1);transition: 1s ease all;-moz-transition: 1s ease all;-webkit-transition: 1s ease all;}
.sayfaDetay.projeDet .projeler .proje .galeriler .resim a::before {content: "";opacity: 0;visibility: hidden;position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0); transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all; }
.sayfaDetay.projeDet .projeler .proje .galeriler .resim a::after {content: "\f14d";opacity: 0;visibility: hidden;transform: scale(0.5);display: inline-block;font-family: bootstrap-icons !important;color: #fff;font-size: 2rem;position: absolute;left: calc(50% - 1rem);top: calc(50% - 1rem);z-index: 2;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all; }
.sayfaDetay.projeDet .projeler .proje .galeriler .resim:hover img {transform: scale(1.1);transition: 1s ease all;-moz-transition: 1s ease all;-webkit-transition: 1s ease all;}
.sayfaDetay.projeDet .projeler .proje .galeriler .resim:hover a::before {opacity: 1;visibility: visible;background: rgba(0, 0, 0, 0.5); transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all; }
.sayfaDetay.projeDet .projeler .proje .galeriler .resim:hover a::after {opacity: 1;visibility: visible;transform: scale(1);transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;}

.sayfaDetay.galeriDet .galeriler {padding: 50px 0;}
.sayfaDetay.galeriDet .galeriler .filtre {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;border-bottom: 1px solid rgb(183, 183, 183,0.5);max-width: calc(100% - 150px);margin: 0 auto 30px auto;}
.sayfaDetay.galeriDet .galeriler .filtre li{list-style: none;display: block;width: max-content;}
.sayfaDetay.galeriDet .galeriler .filtre li a {display: block;color: #6D6D6D;font-size: 18px; cursor: pointer;padding: 5px 0;position: relative;}
.sayfaDetay.galeriDet .galeriler .filtre li.aktif a::after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #E2AF09;}
.sayfaDetay.galeriDet .galeriler .filtre li.aktif a {color: #ffffff;}
.sayfaDetay.galeriDet .galeriler .resimler .resim {width: 25%;height: 240px;overflow: hidden;padding: 5px;}
.sayfaDetay.galeriDet .galeriler .resimler .resim a {display: block;overflow: hidden;position: relative;left: 0;top: 0;width: 100%;height: 100%;}
.sayfaDetay.galeriDet .galeriler .resimler .resim img {width: 100%; height: 240px; object-fit: cover;transform: scale(1);transition: 1s ease all;-moz-transition: 1s ease all;-webkit-transition: 1s ease all;}
.sayfaDetay.galeriDet .galeriler .resimler .resim a::before{content: "";opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0, 0, 0,0.5);transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;}
.sayfaDetay.galeriDet .galeriler .resimler .resim a::after{content: "\f14d";opacity: 0;visibility: hidden;transform: scale(0.5); display: inline-block;font-family: bootstrap-icons !important;color: #fff;font-size: 2rem;position: absolute;left: calc(50% - 1rem);top: calc(50% - 1rem);z-index: 2;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfaDetay.galeriDet .galeriler .resimler .resim:hover img {transform: scale(1.1);transition: 1s ease all;-moz-transition: 1s ease all;-webkit-transition: 1s ease all;}
.sayfaDetay.galeriDet .galeriler .resimler .resim:hover a::before{opacity: 1;visibility: visible; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfaDetay.galeriDet .galeriler .resimler .resim:hover a::after{opacity: 1;visibility: visible;transform: scale(1); transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;}

.sayfaDetay.ilDet .bilgiler {padding: 50px 0;}
.sayfaDetay.ilDet .bilgiler > div {display: flex;margin: auto;gap: 0 100px;text-align: center;align-items: flex-end;justify-content: center;}
.sayfaDetay.ilDet .bilgiler .kutu{position: relative;color: #ffffff;}
.sayfaDetay.ilDet .bilgiler .kutu::after{content: "";width: 2px;height: 80px;background: #E2AF09;position: absolute;bottom: 0;right: -50px;}
.sayfaDetay.ilDet .bilgiler .kutu:last-child::after{display: none;}
.sayfaDetay.ilDet .bilgiler .kutu p.p {font-size: 14px;margin: 0;color: #aaaaaa;}
.sayfaDetay.ilDet .bilgiler .kutu i {color: #aaaaaa;}
.sayfaDetay.ilDet .bilgiler .kutu a {color: #ffffff;}
.sayfaDetay.ilDet .harita {width: 100%;height: 500px;}
.sayfaDetay.ilDet .harita iframe{width: 100%;height: 500px;filter: invert(90%) grayscale(100%);}
.sayfaDetay.ilDet .iform{background: #262626;max-width: 590px;width: 100%; padding: 40px;box-shadow: 0 0 30px -5px black;margin: -50px auto -10px auto;position: relative;z-index: 4;}
.sayfaDetay.ilDet .iform span.b {font-size: 20px;display: block;margin-bottom: 20px;font-weight: 600;}
.sayfaDetay.ilDet .iform .form-group {margin-bottom: 20px;}
.sayfaDetay.ilDet .iform .form-group label {font-size: 14px;}
.sayfaDetay.ilDet .iform .form-group .form-control {border-radius: 0;}
.sayfaDetay.ilDet .iform .form-group .form-control::placeholder {font-size: 13px;}
.sayfaDetay.ilDet .iform .btn-warning {display: block;background: #E2AF09; margin: 0 0 0 auto;color: #fff;border-radius: 0;padding: 5px 20px;}
.form-group.hata .h{display: block;font-size: 12px;color: #cea00c;;}
.form-check-label a{color: white;}
.recaptchaform .cevap {display: block;text-align: center;background: #398310;padding: 10px;border-radius: 5px;font-size: 15px;margin-top: 10px;}
.pd-10{padding: 10px 0 20px 0;}
.iform{margin-top: 90px;}
.iform span.b{font-size: 20px}
.projeBilgi .sol span.b {
    display: block;
    font-size: 2rem;
    font-weight: 600;
}
.projeBilgi .sol span.b a {
    color: #e2af09;
}

section.tesekkur {padding: 50px 0;font-size: 20px; text-align: center;color: #fff;}
section.tesekkur .cevap{display: block;text-align: center;background: #398310;padding: 10px;border-radius: 5px;font-size: 18px;max-width: 500px;margin: auto;}
.yapiskanIletisim {display: block;position: fixed;right: 0;top: 50%;z-index: 55;background: #e2af09;color: #fff;box-shadow: -3px 3px 10px -3px black;border-radius: 10px 0 0 10px;padding: 10px;font-size: 20px;line-height: 20px;cursor: pointer;  }
.siziArayalim {opacity: 0;visibility: hidden;position: fixed;background: #fff;transform: translate(0%,-50%);top: 50%;z-index: 99;max-width: 350px;padding:30px 20px;right: -350px;transition: 0.3s ease all;}
.siziArayalim.goster {opacity: 1;visibility: visible;right: 0;transition: 0.3s ease all;}
.siziArayalim .kapat {display: flex;position: absolute;right: 15px;top: 15px;font-size: 24px;line-height: 24px;cursor: pointer;}
.siziArayalim label {font-size: 14px; display: block;color: black;}
.siziArayalim .form-check-label a {color: black;text-decoration:underline ;}
.siziArayalim .form-group {margin-bottom: 5px;}

@media (max-width: 1200px) {
    .container {max-width: calc(100% - 30px);}
    header .menu > ul { gap: 0 20px;}
    header .menu > ul > li > a { padding: 25px 0;font-size: 14px;}
    header .menu > ul > li.katalog {margin-left: 0;}
    header .menu > ul > li.katalog a {padding: 5px 15px;}
    .anaSlayt .slayt.slick-slider .metin span.b {font-size: 30px;line-height: 36px;}
    .anaSlayt .slayt.slick-slider .metin p.p {font-size: 18px;}
    .anaSlayt .slayt .slick-prev {bottom: calc(40% - 25px);}
    .anaSlayt .slayt .slick-next {bottom: calc(40% + 25px);}
    section.hakkimizda {padding: 50px 0 0 0;}
    section.hakkimizda .kutu {max-width: 100%;padding: 0 0 0 15px;}
    section.hakkimizda .kutu .metin b.b {font-size: 24px;}
    section.hakkimizda .kutu .metin ul {gap: 10px;margin: 15px 0;}
    section .hbaslik .b {font-size: 24px;}
    section.projelerimiz {padding: 50px 0; }
    section.projelerimiz .tablar .row .sag .icerik .solk ul li {flex-wrap: wrap;}
    section.projelerimiz .projeBilgi .sol span.b {font-size: 24px;}
    section.projelerimiz .projeBilgi .sag .iform {padding: 30px;box-shadow: 0 0 15px -5px black;}
    section.projelerimiz .projeBilgi .sag .iform span.b {margin-bottom: 15px;}
    section.projelerimiz .projeBilgi .sag .iform .form-group {margin-bottom: 10px;}
    footer .row {width: 100%;}
    footer .alt .kutu > div {width: 50%;}
    .sayfaKusak {padding: 90px 0;min-height: 200px;}
    .sayfaKusak h1.baslik { font-size: 24px;}
    .sayfaDetay.hakkimizda .ozet .sagk {padding-left: 20px;}
    .sayfaDetay.hakkimizda .hakkimizdaKusak {min-height: 200px;}
    .sayfaDetay.hakkimizda .hakkimizdaKusak .kutu .solk span {font-size: 30px;}
    .sayfaDetay.projeDet .projeler .proje {padding: 50px 0;}
    .sayfaDetay.projeDet .projeler .proje .metin { padding: 20px;}
    .sayfaDetay.projeDet .projeler .proje .metin .k {max-width: 100%;padding-left: 0;}
    .sayfaDetay.projeDet .projeler .proje .metin h3.baslik {font-size: 26px;margin-bottom: 10px;}
    .sayfaDetay.projeDet .projeler .proje .metin span.alt {font-size: 26px;line-height: 26px;}
    .sayfaDetay.projeDet .projeler .proje .tablar {padding-left: 0;}
    .sayfaDetay.galeriDet .galeriler .resimler .resim {width: 33.34%;}
    .sayfaDetay.ilDet .bilgiler > div {gap: 0px 80px;width: 100%;}
    .sayfaDetay.ilDet .bilgiler .kutu::after {right: -40px;}
    .sayfaDetay.ilDet .harita {height: 400px;}
    .sayfaDetay.ilDet .harita iframe {height: 400px;}
    .sayfaDetay.ilDet .iform {padding: 30px;box-shadow: 0 0 15px -5px black;max-width: 450px;}
    .sayfaDetay.ilDet .iform span.b {margin-bottom: 15px;}
    .sayfaDetay.ilDet .iform .form-group {margin-bottom: 10px;}

}

@media (max-width: 768px) {
    .iform{margin-top:0px;}
    .baslik2{font-size: 1.2rem;}
    .breadcrumb {flex-wrap: unset;overflow: auto hidden;}
    .fancybox__container .fancybox__nav {display: none;}
    .fancybox__container .fancybox__slide {padding: 15px;}
    .breadcrumb {padding: 15px 0;margin: 5px 0;}
    .breadcrumb .breadcrumb-item {white-space: normal;flex-shrink: 0;font-size: 14px;}
    header {position: relative;padding: 15px 0;border: unset;}
    header .logo img {height: 45px;}
    header .menu > ul {display: block; opacity: 0;visibility: hidden;overflow-y: auto; position: absolute;left: -100%;top: 75px;background: #fff;width: 100%; height: calc(100vh - 75px);z-index: 99;max-height: calc(100vh - 75px);padding: 30px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .menu > ul > li {flex-wrap: wrap;width: 100%;order: 3;}
    header .menu > ul > li:not(.ara, .katalog, .dil) a{color: #0a0a0a;padding: 20px 0;display: block;width: 100%;border-bottom: 1px solid #e6e6e6;}
    header .menu > ul > li.acilir > a {pointer-events: all;}
    header .menu > ul > li.aktif a {font-weight: 600;}
    header .menu > ul > li:not(.ara, .katalog, .dil)::after {display: none;}
    header .menu > ul > li.acilir ul > li a {color: #272727;border-bottom: unset;font-weight: 400;padding: 15px;}
    header .menu > ul > li.acilir ul > li:hover a {color: #272727;}
    header .menu > ul > li.acilir > a::after { position: absolute;right: 5px;}
    header .menu.ac > ul {left: 0;opacity: 1;visibility: visible; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .menu > ul > li.acilir ul {display: none; width: 100%;opacity: 1;visibility: visible;position: relative;top: 0;background: #f4f4f4;transform: translateY(0px);-webkit-transform: translateY(0px);transition: unset;-moz-transition: unset;-webkit-transition: unset;}
    header .menu > ul > li.acilir:hover ul {transform: unset;-webkit-transform: unset;transition: unset;-moz-transition: unset;-webkit-transition: unset;}
    header .menu > ul > li.acilir ul > li {border-bottom: unset;padding: 0;}
    header .menu > ul > li.katalog {margin: 15px 0 0 0;}
    header .menu > ul > li.katalog a{width: 100%;color: #E2AF09;background: unset;border: 1px solid;padding: 10px;text-align: center;}
    header .menu > ul > li.ara {display: none;}
    header .menu > ul > li.ara > a {display: none;}
    header .menu li.ara .sitedeara{display: block;position: relative;top: 0;width: 100%;}
    header .menu li.ara .sitedeara .form-group input {flex: 10;}
    header .menu li.ara .sitedeara .form-group .btn-ara {flex: 2;}
    header .menu > ul > li.dil {gap: 40px;justify-content: center;}
    header .menu > ul > li.dil a {color: #272727;}
    header.bg .menu > ul > li.dil a {color: #272727;}
    header .menu > ul > li.dil a.aktif {color: #000;font-weight: 600;}
    header .menu > ul > li.dil a:last-child::before {left: -20px;}
    header .mobilMenu {display: block; width: 24px;text-align: left; height: 26px; position: absolute;top: calc(50% - 13px);right: 15px;}
    header .mobilMenu span{width: 100%;height: 2px;border-radius: 2px;background: #ffffff;position: absolute; top: calc(50% - 1px);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .mobilMenu span::before{display: block;content: "";width: 24px; height: 2px;background: #ffffff;position: absolute;border-radius: 2px; transform: translateY(-8px);-webkit-transform:translateY(-8px);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .mobilMenu span::after {display: block;content: "";width: 24px; height: 2px;background: #ffffff;position: absolute;border-radius: 2px; transform: translateY(8px); -webkit-transform:translateY(8px);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .menu.ac .mobilMenu span {width: 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
    header .menu.ac .mobilMenu span::before {transform:rotate(-45deg) translate(0px);-webkit-transform:rotate(-45deg) translate(0px);}
    header .menu.ac .mobilMenu span::after  {transform:rotate(45deg) translate(0px);-webkit-transform:rotate(45deg) translate(0px);}

    footer .sag {gap: 0 30px;flex-wrap: wrap;}
    footer .logo {margin-bottom: 15px;}
    footer .logo div {margin: auto;max-width: 200px;}
    footer .sag .k {flex: unset; width: 100%;text-align: center;margin-bottom: 15px;}
    footer .sag .k:first-child {flex: unset;}
    footer .sag .kutu span.b {margin-bottom: 0;}
    footer .sag .kutu.sos ul {justify-content: center;}
    footer .alt .kutu > div {width: 100%;}
    footer .alt .kutu .solk {margin-bottom: 15px;}
    footer .alt .kutu ul {flex-wrap: wrap;justify-content: center;}

    section.hakkimizda {padding: 20px 0 0 0;}
    section.hakkimizda .kutu {padding: 0;flex-wrap: wrap;}
    section.hakkimizda .kutu .sol {text-align: center;}
    section.hakkimizda .kutu .sol img {position: relative;top: 0;margin-top: 0;max-width: 120px;}
    section.projelerimiz {padding: 30px 0;}
    section .hbaslik {margin-bottom: 20px;}
    section .hbaslik .b {font-size: 20px;margin: 0;}
    section .hbaslik .tumu {font-size: 14px;}
    section.projelerimiz .tablar {width: 100%;margin-bottom: 30px;}
    section.projelerimiz .tablar #pills-tab {width: 100%;position: relative;gap: 10px;right: 0;top: 0;-webkit-transform: unset; transform: unset; margin-bottom: 15px;justify-content: center;}
    section.projelerimiz .tablar .row .sag .icerik .solk ul {gap: 15px 0;margin: 15px 0; }
    section.projelerimiz .tablar .row .sag .baslik { margin: 15px 0;padding-bottom: 5px;flex-wrap: wrap;}
    section.projelerimiz .tablar .row .sag .baslik .bas {display: block;width: 100%;}
    section.projelerimiz .projeBilgi .sol span.b {font-size: 20px;}
    section.projelerimiz .projeBilgi .sag {padding: 0 calc(var(--bs-gutter-x) * .5);}

    .anaSlayt .slayt.slick-slider .metin { max-width: calc(100% - 70px); left: 15px;top: unset;-webkit-transform: unset;transform: unset;bottom: 15px;}
    .anaSlayt .slayt.slick-slider .metin span.b {font-size: 26px;line-height: 30px;}
    .anaSlayt .slayt.slick-slider .metin p.p {font-size: 16px;}
    .anaSlayt .slayt .slick-list {height:300px;}
    .anaSlayt .slayt .slick-list * {height:100%;}
    .anaSlayt .slayt .slick-arrow {right: 15px;}

    .sayfaKusak {padding: 20px 0;min-height: 130px;background-size: cover;}
    .sayfaKusak h1.baslik {font-size: 22px;max-width: calc(100% - 30px);text-align: center;}
    .sayfaDetay.hakkimizda .ozet {padding: 30px 0;}
    .sayfaDetay.hakkimizda .ozet ul {padding-left: 15px;}
    .sayfaDetay.hakkimizda .ozet .solk {margin-bottom: 15px;}
    .sayfaDetay.hakkimizda .ozet .sagk {padding: 0 calc(var(--bs-gutter-x) * .5);}
    .sayfaDetay.hakkimizda .ozet .sagk span.baslik { font-size: 26px;margin-bottom: 10px;}
    .sayfaDetay.hakkimizda .hakkimizdaKusak .kutu .solk span {font-size: 24px;text-align: center;}
    .sayfaDetay.hakkimizda .hakkimizdaKusak .kutu .sagk .btn {margin: auto;}
    .sayfaDetay.hakkimizda .hBox .row > div {margin-bottom: 15px;}
    .sayfaDetay.hakkimizda .hBox .row > div:last-child {margin-bottom: 0;}
    .sayfaDetay.projeDet .projeler .proje {padding: 50px 0 0 0;margin: 0;}
    .sayfaDetay.projeDet .projeler .proje > .col-12 {padding: 0;}
    .sayfaDetay.projeDet .projeler .proje .metin h3.baslik {font-size: 22px;}
    .sayfaDetay.projeDet .projeler .proje .metin span.alt {font-size: 22px;line-height: 22px;}
    .sayfaDetay.projeDet .projeler .proje .tablar ul.bi {padding: 10px 0;gap: 10px;overflow-x: auto;justify-content: flex-start;}
    .sayfaDetay.projeDet .projeler .proje .tablar ul.bi li{flex-shrink: 0; width: 40%;display: flex;flex-wrap: wrap;border-right: 1px solid #777676;align-items: center;flex-direction: column;justify-content: space-between;}
    .sayfaDetay.projeDet .projeler .proje .tablar ul.bi li:last-child{border: unset;}
    .sayfaDetay.projeDet .projeler .proje .tablar ul.bi li .s { font-size: 12px;}
    .sayfaDetay.galeriDet .galeriler .filtre {max-width: 100%; flex-wrap: unset;justify-content: flex-start;padding: 10px;overflow: auto;scrollbar-width: none;gap: 20px;}

    .sayfaDetay.galeriDet .galeriler .resimler {justify-content: space-between;}
    .sayfaDetay.galeriDet .galeriler .resimler .resim {width: 50%;height: 140px;}
    .sayfaDetay.galeriDet .galeriler .resimler .resim img{height: 140px;}
    .sayfaDetay.ilDet .bilgiler {padding: 30px 0;}
    .sayfaDetay.ilDet .bilgiler > div {flex-wrap: wrap;gap: 15px 0;}
    .sayfaDetay.ilDet .bilgiler .kutu{width: 100%;}
    .sayfaDetay.ilDet .bilgiler .kutu::after {display: none;}
    .sayfaDetay.ilDet .harita {height: 300px;}
    .sayfaDetay.ilDet .harita iframe{height: 300px;}

    .yapiskanIletisim {top: unset;bottom: 30px;font-size: 18px;line-height: 18px;}
    .siziArayalim {height: 100%;}

}

@media (max-width: 400px) {

}
.grecaptcha-badge{display: none;}