@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
html {
    scroll-behavior: smooth;
}
img{max-width: 100%;}
*{box-sizing: border-box;}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.05em;
    color: #504D4C;
    font-size: 16px;
}
a{
    text-decoration: none;
    color: inherit;
}
.float-left{float: left}
.float-right{float: right}
.no-bg{background: none !important;}
ul{margin: 0;}
li{list-style: none}
.logo{width: 200px;}
.footer-logo{display: block;max-height: 80px;}
header{
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    mix-blend-mode: normal;
    backdrop-filter: blur(3px);
    padding: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    transition: all 500ms ease;
    z-index: 9;
}
header ul{
    display: flex;
    flex-direction: row;
    gap: 35px;
    align-items: center;
}
.burger-menu-icon{
    width: 24px;
    cursor: pointer;
    display: none;
}
header .logo{filter: grayscale(1) brightness(5);transition: all 500ms ease;}
header .burger-menu-icon{filter: grayscale(1) brightness(5);transition: all 500ms ease;}
.line{
    width: 32px;
    height: 1px;
    display: block;
    background-color: #fff;
    transition: all 500ms ease;
}
.header-scroll{
    background: rgba(255, 255, 255, 0.8);
    mix-blend-mode: normal;
    backdrop-filter: blur(3px);
    color: #B3B3B3;
    padding: 5px 50px ;
}
.header-scroll .logo{filter: none;}
.header-scroll .burger-menu-icon{filter: none;}
.header-scroll .line{background-color: #B3B3B3;}
.header-scroll ul li a img{filter: brightness(0.7);}

.nav-left , .nav-right{
    width: 50%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    position: fixed;
    top: 0;
    transition: all 500ms ease;
}
.nav-left{left: -50%;}
.nav-right{right: -50%;}
.--btn-1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background-color: #fff;
    color: #504D4C;
    padding: 12px 17px;
    gap: 17px;
    font-size: 14px;
    transition: all 500ms ease;
    width: fit-content;
}
.nav-left .--btn-1 , .nav-right .--btn-1{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10vh;
    opacity: 0;
    }
.--btn-1:hover{color: #fff;background-color: #504D4C;}
.--btn-1:hover img{filter: grayscale(1) brightness(5);}
.nav-logo{transition: filter 500ms ease;}
.nav-left:hover , .nav-right:hover{background: rgba(0, 153, 0, 0.8);}
.nav-left:hover .nav-logo , .nav-right:hover .nav-logo{filter: grayscale(1) brightness(5);}
.nav-left:hover .--btn-1 , .nav-right:hover .--btn-1{opacity: 1;}
.closebtn{
    width: 24px;
    position: absolute;
    top: 25px;
    left: 50px;
}
.me-nav.active .nav-left{left: 0;}
.me-nav.active .nav-right{right: 0;}
.banner{
    background-image: url(../images/banner.webp);
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
.banner h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 61px;
}
.banner p{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    max-width: 730px;
    margin: 20px 0 50px;
}
.banner-slider-box{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 800px;
    height: 200px;
    background: rgba(0, 0, 0, 0.7);
}
.white-arrow{filter: grayscale(1) brightness(5);margin-right: 15px;}
.banner-slider{
    margin: 0 135px -20px -135px;
}
.banner-slider-item{padding: 0 15px;}
.banner-slider-btn{
    padding: 25px 150px 25px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.home-detay-sec{
    position: relative;
    background-image: url(../images/home-dety-bg.webp);
    background-position: top center;
    background-size: cover;
    width: 100%;
    min-height: 120vh;
    padding-bottom: 100px;
}
.home-proje-detay-desc{
    position: relative;
    display: block;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    color: #504D4C;
    padding: 5% 12%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 74.17%, rgba(255, 255, 255, 0) 100%);
}
.home-proje-detay-desc .row{
    border-top: 1px solid #504D4C;
}
.home-proje-detay-desc h2{
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.1em;
    text-align: left;
    margin: 0 0 50px -10px;

}
.home-proje-desc{font-weight: 300;padding: 20px 20px 0;border-right: 1px solid #504D4C;letter-spacing: 1px}
.home-proje-desc p{margin-bottom: 0;}
.home-proje-desc p b{font-weight: 700 !important;line-height: 40px;font-size: 14px;}
.home-proje-desc:first-of-type{padding-left: 0}
.home-proje-desc:last-of-type{padding-right: 0;text-align: right;border-color: transparent}
.home-detay-sec .--btn-1{position: absolute;left: 10%;bottom: 60px;}
.sunumu-sec{
    padding: 10% 5%;
}
.sunumu-sec h3{
    font-weight: 300;
    font-size: 21px;
    line-height: 150%;
    margin-bottom: 30px;
}
.--btn-2{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: radial-gradient(47.97% 534.17% at 40.9% -253.33%, #9F9F9F 0%, #717171 40.1%, #646260 100%);
    color: #fff;
    padding: 12px 17px;
    gap: 17px;
    font-size: 14px;
    transition: all 500ms ease;
    width: fit-content;
    margin-top: 50px;
    border: 2px solid #fff;
}
.--btn-2:hover{color: #504D4C;background: #fff;border: 2px solid #504D4C;}
.--btn-2 img{filter: grayscale(1) brightness(5);}
.--btn-2:hover img {filter: none;}
.sunum-slider-item img{padding:0 15px;width: calc( 100% - 15px);}
.sunum-slider{margin: 0 15%;cursor: grab;}
.sunum-slider .slick-list{overflow: unset;}
.grey-sec{
    background: #504D4C;
    padding: 50px 150px;
    font-size: 28px;
    font-weight: 200;
    line-height: 33px;
    letter-spacing: 0.1em;
    text-align: center;
}
.grey-sec h6{font-size: 16px;font-weight: 300;color: #B3B3B3;margin-bottom: 30px}
.grey-sec ul li{display: inline-block;color: #F2F2F2;margin: 0 5px;line-height: 55px}
.grey-sec-line{width: 30px;border-bottom: 1px solid #F2F2F2;display: block;margin-bottom: 9px}
.proje-slider-sec h3{
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    margin: 100px 0 50px;
}
.proje-slider-sec-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px 0 ;
    gap: 17px;
    border-bottom: 1px solid #504D4C;
    width: 100%;
    justify-content: flex-end;
    margin: 100px 0 50px;
}
.home-proje-slider-item{padding: 0 15px;}
.home-proje-slider{margin: 0 15%;}
.home-proje-slider .slick-list{overflow: unset;}
.proje-slider-item{
    display: block;
    height: 420px;
    position: relative;
    background-position: center;
    background-size: cover;
    color: #fff;
}
.proje-slider-item h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    position: absolute;
    top: 24px;
    left: 40px;
    text-transform: uppercase;
}
.proje-slider-item img{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px !important;
}
.proje-slider-item li{
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
}
.proje-slider-item li h5{
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
}
.proje-slider-item ul{
    display: flex;
    flex-direction: row;
    gap: 28px;
    position: absolute;
    bottom: 24px;
    left: 40px;
}
footer{color: #504D4C;padding: 5% 10%;font-weight: 300;font-size: 14px;line-height: 20px;letter-spacing: 0.1em;background-color: #F2F2F2}
.footer-top-sec .col-md-3{text-align: right}
.footer-top-sec .col-md-3,
.footer-top-sec .col-md-6
{padding: 0 15px}
.footer-top-sec h6{font-weight: 700;letter-spacing: 1px}
.footer-top-sec p{
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
}
.footer-top-sec h6,
.footer-top-sec img
{margin-bottom: 30px}
.footer-mid-sec{padding: 35px 15px}
.footer-mid-sec .col-md-6 a b{float: right;font-size: 21px;font-weight: 400}
.footer-mid-sec .col-md-6{border: 1px solid #B3B3B3;padding: 30px 50px}
.footer-mid-sec .col-md-6:first-of-type{border-left: none;padding-left: 0}
.footer-mid-sec .col-md-6:last-of-type{border-right: none;padding-right: 0;border-left: none}
footer ul{font-weight: 400;padding: 0 ;display: flex;justify-content: space-between}
footer ul li{display: inline-flex;}
footer ul li:nth-child(5),
footer ul li:nth-child(6),
footer ul li:nth-child(7)
{font-weight: 300}
.copy-right{
    padding: 20px 10%;
    background: radial-gradient(47.97% 534.17% at 40.9% -253.33%, #504D4C 0%, #4F4E4E 40.1%, #868483 100%);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
}
.copy-right ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
}
.me-nav2{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    top: -120vh;
    transition: top 500ms ease;
    color: #fff;
}
.me-nav2::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #9A7A69;
    opacity: 0.9;
    z-index: -1;
}
.closebtn2{
    position: absolute;
    top: 25px;
    right: 25px;
}
.me-nav2 ul li{
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin: 30px 0;
}
.me-nav2.active{top: 0;}
.burger-menu-icon2{
    display: none;
    filter: grayscale(1) brightness(5);
    transform: scaleX(-1);
}
.other-page-banner{width: 100%;height: 70vh;object-fit: cover;position: relative}
.other-page-banner img{object-fit: cover;width: 100%;height: 100%}
.other-page-banner-content{position: absolute;width: 100%;height: 50vh;bottom: -1px;left: 0;    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 54.17%, rgba(255, 255, 255, 0) 100%);display: block}
.other-page-banner-content h1{
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #504D4C;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
}
.other-page-banner-content p{
    max-width: 730px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    width: 70%;
    letter-spacing: 0.1em;
    text-align: left;
    color: #504D4C;
    position: absolute;
    left: 10%;
    bottom: 5px;
}
.proje-detay-2sec{padding: 5% 15%;color: #504D4C;font-weight: 300}
.proje-detay-2sec b{font-weight: 700}
.proje-detay-2sec .col-md-6:last-of-type{display: flex;flex-wrap: wrap;align-content: center;background-color: #F2F2F2;padding: 50px}
.proje-detay-slider{position: relative;height: 100%;}
.proje-detay-slider .slick-list , .proje-detay-slider .slick-track{height: 100%;}
.proje-detay-slider .slick-slide img{height: 100%;object-fit: cover;}
.proje-detay-slider-item{position: relative}
.slick-arrow img{filter: brightness(4);width: 25px}
.slick-arrow{
    position: absolute;
    z-index: 1;
    width: 68px;
    height: 68px;
    border: none;
    background: rgba(0, 0, 0, 0.6);
}
.slick-prev{bottom: 0;left: 0}
.slick-next{top: 0;right: 0}
.proje-detay-sec{padding: 5% 15%;color: #504D4C;font-weight: 300}
.proje-detay-sec .row{
    border-top: 1px solid #504D4C;
}
.proje-detay-sec .home-proje-desc:last-of-type{
    text-align: left;
}
.proje-detay-slider-holder h2{
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.1em;
    text-align: left;
    margin-bottom: 30px;
}
.proje-detay-slider-holder{margin-bottom: 50px}
.slick-dots{position: absolute;top: -55px;right: 0;width: unset;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px}
.slick-dots li{display: inline-block;position: relative}
.slick-dots li button::before{content: 'TİP';position: absolute;top: 0;left: 20px;letter-spacing: 1px}
.slick-dots li button{background: none;border-width: 0 0 1px 0;width: 110px;color: #B3B3B3;border-color: #B3B3B3;content: 'TIP'}
.slick-dots .slick-active button{color: #504D4C;border-color: #504D4C}
.slick-dots .slick-active li button::before{color: #504D4C}
.hakk-img{padding: 5% 10% 0;}
.sunumu-sec.hakk{padding: 5%;}
.projeler-listing-sec{padding: 5% 10%;}
.proje-card{
    display: block;
    height: 420px;
    position: relative;
    background-position: center;
    background-size: cover;
    color: #fff;
    margin-bottom: 30px;
}
.proje-card h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    position: absolute;
    top: 24px;
    left: 40px;
    text-transform: uppercase;
}
.proje-card img{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px !important;
}
.proje-card li{
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
}
.proje-card li h5{
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
}
.proje-card ul{
    display: flex;
    flex-direction: row;
    gap: 28px;
    position: absolute;
    bottom: 24px;
    left: 40px;
}
.ilet-page-sec{width: 100%;height: 100vh;background-position: center;background-size: cover;position: relative;background-image: url("../images/map2x.webp");background-position-y: -100px}
.ilet-page-banner{object-fit: cover;width: 100%;height: 150vh;object-position: center;}
.pin{width: 35px;height: unset;position: absolute;left: 50%; top: 25%; transform: translate(-50%,-50%)}
.ilet-form-bg{position: absolute;width: 100%;height: 50vh;bottom: 0;left: 0;    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 54.17%, rgba(255, 255, 255, 0) 100%);display: block}
.ilet-form-holder{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    margin: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 4% 8%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #504D4C;
}
.ilet-form-holder h2{font-weight: 700;margin-bottom: 35px}
.ilet-form-holder form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ilet-form-holder form input{border-color:#504D4C;width: 45%;border-width: 0 0 1px 0;padding: 10px 25px;margin-bottom: 35px;font-weight: 500}
.ilet-form-holder form input::placeholder{font-weight: 300}
.ilet-form-holder form textarea::placeholder{font-weight: 300}
.ilet-form-holder form textarea{border-color:#504D4C;width: 100%;border-width: 0 0 1px 0;padding: 10px 25px;margin-bottom: 35px;font-weight: 500;height: 120px}
.ilet-form-holder form textarea:active{border: none}
.ilet-form-holder p span{font-weight: 700;}
.ilet-form-holder p {font-weight: 300;font-size: 13px;margin-bottom: 25px;line-height: 17px}
.ilet-form-holder p a{color: #009900;border-bottom: 1px solid #009900}
.ilet-form-holder p a.dark-a{color: #504D4C;border: none;}
.form-btn{
    height: 40px;
    background-color: #fff;
    color: #B3B3B3;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 20px;
    border: none;
    transition: all 500ms ease;
}
.form-btn img{margin-right: 20px;filter: brightness(2.5);}
.form-btn:hover{color: #fff;background-color: #9A7A69}
.form-btn:hover img{filter: brightness(4);}
.header2{
    background: rgba(255, 255, 255, 0.8);
    mix-blend-mode: normal;
    backdrop-filter: blur(3px);
    color: #B3B3B3;
    padding: 25px 50px ;
}
.header2 .logo{filter: none;}
.header2 .burger-menu-icon{filter: none;}
.header2 .line{background-color: #B3B3B3;}
.header2 ul li a img{filter: brightness(0.7);}
.mobile-block{display: none;}
.banner-box{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-left: 10%;
    justify-content: center;
    backdrop-filter: brightness(0.7);
}
.banner-360{
    width: 100%;
    height: 100vh;
    margin-bottom: 50px;
}
.banner-iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-iframe.mobile{display: none;}
@media screen and (max-width:1400px) {
    .ilet-page-sec{height: 120vh;}
    header{padding: 40px 30px;}
    header ul{gap: 20px;}
    .banner h1{font-size: 40px;line-height: 45px;}
    .banner p{margin: 20px 0;}
    .banner-slider-btn{padding: 10px 150px 10px 0;}
    .banner-slider-box{height: 170px;}
    .grey-sec{padding: 5% 2%;font-size: 17px;}
    .proje-detay-sec{padding: 5%;}
}
@media screen and (max-width:991px) {
    .burger-menu-icon2{display: block;}
    .header-nav{display: none;}
    .header-scroll .burger-menu-icon2{filter: grayscale(1) brightness(3);}
    .header2 .burger-menu-icon2{filter: grayscale(1) brightness(3);}
    .banner-slider{margin: 0 0 -20px;width: 100%;}
    .banner-slider-item{padding: 0 5px;}
    .home-detay-sec{min-height: 100vh;}
    .proje-slider-sec h3{font-size: 30px;}
    footer{padding: 4%;}
    .copy-right{padding: 20px 4%;}
    .ilet-form-holder{width: 100%;padding: 4% 2%;}
    .other-page-banner-content h1{font-size: 36px;line-height: 40px;}
    .proje-detay-slider-holder h2{margin-bottom: 70px;}
    .banner-iframe.mobile{display: block;}
    .banner-iframe.desktop{display: none;}
}
@media screen and (max-width:767px) {
    .nav-left, .nav-right{width: 100%;height: 50vh;top: unset;}
    .nav-left{top: -70vh;left: unset;}
    .nav-right{bottom: -70vh;right: unset;}
    .me-nav.active .nav-left{top: 0;left: unset;}
    .me-nav.active .nav-right{bottom: 0;right: unset;}
    .nav-left .--btn-1, .nav-right .--btn-1{opacity: 1;bottom: 20px;}
    .--btn-1{padding: 6px 8px;}
    header{padding: 20px 20px;}
    header ul{gap: 15px;}
    .logo{width: 200px;}
    .header-scroll{padding: 10px;}
    .header2{padding: 10px;}
    .banner h1{font-size: 24px;line-height: 28px;}
    .banner p{font-size: 14px;font-weight: 500;margin: 10px 0;}
    .banner-box{padding:0 5% ;}
    .banner-box{margin-bottom: 20vh;}
    .banner-slider-box{width: 100%;height: unset;}
    .banner-slider-item{padding: 0 40px;}
    .banner-slider-btn{padding: 20px 0;justify-content: center;}
    .home-proje-detay-desc{padding:50px 20px 20px;}
    .home-proje-detay-desc h2{font-size: 18px;line-height: 20px;margin-bottom: 20px;}
    .home-detay-sec{background: #fff;}
    .home-proje-desc{font-weight: 300;padding: 20px 10px 0;border: 1px solid #504D4C;letter-spacing: 1px;border-right: none;border-bottom: none;}
    .home-proje-desc p{margin-bottom: 0;}
    .home-proje-desc p b{font-weight: 700 !important;line-height: 14px;font-size: 12px;}
    .home-proje-desc:first-of-type{padding-left: 10px}
    .home-proje-desc:last-of-type{padding-right: 0;text-align: left;border-color: #504D4C;border-bottom: 1px solid #504D4C;}
    .home-proje-detay-desc .row{border-top: none;}
    .home-detay-sec .--btn-1{left: 5px;}
    .mobile-none{display: none;}
    .mobile-block{display: block;}
    .sunum-slider{margin: 0;}
    .sunum-slider-item img{padding: 0;}
    .grey-sec ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .proje-slider-sec h3 , .proje-slider-sec-btn{margin: 20px 0;}
    .home-proje-slider{margin: 0;}
    .home-proje-slider-item{padding: 0;}
    .proje-slider-item h4{left: 10px;width: 90%;}
    .proje-slider-item ul{left: 10px;}
    .footer-top-sec .col-md-3{text-align: center;}
    .footer-mid-sec{padding: 10px;}
    .footer-mid-sec .col-md-6{border: none;text-align: center;padding: 30px;border-top: 1px solid #504D4C;}
    .footer-mid-sec .col-md-6:last-of-type{padding: 30px;border-bottom: 1px solid #504D4C;}
    footer ul{flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
    .copy-right{flex-direction: column;justify-content: center;align-items: center;gap: 15px;}
    .copy-right ul{flex-direction: column;justify-content: center;align-items: center;gap: 15px;}
    .other-page-banner-content h1{font-size: 18px;line-height: 20px;}
    .other-page-banner-content p{font-size: 14px;font-weight: 500;line-height: 16px;}
    .hakk-img{padding: 0;}
    .ilet-form-holder form{margin-bottom: 50px;}
    .ilet-form-holder , .ilet-form-bg{position: relative;}
    .ilet-page-sec , .ilet-form-bg{height: fit-content;}
    .ilet-form-holder{padding: 80px 30px 20px;background: #fff;}
    .projeler-listing-sec {padding: 5% 20px;}
    .proje-card h4{left: 10px;width: 70%;}
    .proje-card ul{left: 10px;}
    .slick-dots{flex-direction: row;width: 100%;justify-content: center;}
    .slick-dots li button{width: 50px;text-align: left;}
    .main-proje-detay-slider{height: 420px;}
    .main-proje-detay-slider .slick-list{height: 100%;}
    .main-proje-detay-slider .slick-track{height: 100%;}
    .main-proje-detay-slider .slick-slide img{height: 100%;object-fit: cover;}
    .proje-detay-sec .row{border: none;}
    .proje-detay-2sec{padding: 5% 0 0;}
    .proje-detay-2sec .col-md-6:last-of-type{padding: 20px 40px;}
    .--btn-1.kat-button{background-color: #504D4C;color: #fff;}
    .--btn-1.kat-button img{filter: grayscale(1) brightness(5);;}
    
}

.detail-galeri{padding-bottom: 100px;}
.detail-galeri .galeri-buttons{display: flex; justify-content: center; align-items: center; gap: 25px;flex-wrap: wrap;}
.detail-galeri .detail-galeri .nak-gallery-poster{filter: none;}
.detail-galeri .detail-galeri .container{max-width: 1170px;}
.detail-galeri .revGallery-anchor, .gal-overlay, .nak-gallery-poster{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.detail-galeri .revGallery-anchor{overflow: hidden;position: relative;width: calc(100% / 4);display: block;float: left;padding: 15px;}
.detail-galeri .gal-overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: background .4s ease;-webkit-transition: background .4s ease;}
.detail-galeri .revGallery-anchor:hover .gal-overlay{background: rgba(27,27,27, 0);}
.detail-galeri .nak-gallery {display: block;width: 100%;position: relative;margin-top: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.detail-galeri .nak-gallery-poster{padding-bottom:100%;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transition: all .4s ease;-webkit-transition: all .4s ease;}
.detail-galeri .revGallery-anchor:hover .nak-gallery-poster{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}
.detail-galeri .img-responsive{display:none;}
.detail-galeri .button{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;font-weight: 500;font-size: 16px;color: #909090;letter-spacing: 0;text-align: center;width: fit-content;background-color: transparent;border: none;}
.detail-galeri .button:hover {color: #9A7A69;}
.detail-galeri .button:active,
.detail-galeri .button.is-checked {color: #9A7A69;}
.detail-galeri .button.is-checked {color: #9A7A69;}
.detail-galeri .revGallery-anchor-width1{width: 40%}
.detail-galeri .revGallery-anchor-width2{width: 30%}
.detail-galeri .revGallery-anchor-width3{width: 20%}
.detail-galeri .nak-gallery-height1{padding-bottom: 400px}
.detail-galeri .nak-gallery-height2{padding-bottom: 300px}
.detail-galeri .nak-gallery-height3{padding-bottom: 200px}



.more-btn{display: none;}

@media screen and (max-width: 768px){
	/* .detail-galeri .galeri-buttons{display: block;} */
	/* .detail-galeri .galeri-buttons button{margin-bottom: 15px; padding: 0; width: 48%;} */
	.detail-galeri .revGallery-anchor{width: calc(100% / 2);}
	.detail-galeri .nak-gallery{margin-top: 0;}
	.detail-galeri{padding-bottom: 70px;}
    .more-btn img{transform: rotate(90deg);transition: transform 500ms ease;}
    .more-div.active .more-btn img {transform: rotate(-90deg);}
    .home-detay-sec .--btn-1.more-btn {right: 0;left: 0;bottom: 0;display: block;width: 100%;text-align: center;}
    .more-div.active .more-btn {top: unset;bottom: 0;}
    .more-div{height: 525px;overflow: hidden;transition: height 750ms ease;}
    .more-div.active{height: 1650px;padding-bottom: 150px;}
}

.whatsap-float{
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 99999;
    background-color: #9A7A69;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.call-float{
    position: fixed;
    right: 25px;
    bottom: 100px;
    z-index: 99999;
    background-color: #9A7A69;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.location-float{
    position: fixed;
    right: 25px;
    bottom: 175px;
    z-index: 99999;
    background-color: #9A7A69;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}