html {
    font-size: 16px;
    position: relative;
    min-height: 100%;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #f65000 !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    height: auto;
    margin: 0px;
    padding: 0px;
}


.headerRow {
    background-image: url("/images/headerBg6.jpg");
    background-position-x: center !important;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer {
    background-image: url("/images/footerbg.jpg");
    background-position-x: center !important;
    background-position-y: bottom !important;
    background-repeat: no-repeat;
    background-size: cover;
}






.carousel-indicators button {
    background-color: #333333 !important;
    border: 1px solid #ffffff !important;
}

.carousel-indicators .active {
    background-color: #ff0000 !important;
}







/*__________________________________________________________________Gallery Start */

.photo-gallery {
    color: #313437;
    background-color: #fff;
}

.photo-gallery p {
    color: #7d8285;
}

.photo-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit;
}

@media (max-width:767px) {
    .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
    }
}

.photo-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
}

    .photo-gallery .intro p {
        margin-bottom: 0;
    }

.photo-gallery .photos {
    padding-bottom: 20px;
}

.photo-gallery .item {
    padding-bottom: 30px;
}

/*__________________________________________________________________Gallery End */







.kayarak-gelen {
    opacity: 0; /* Başlangıçta görünmez */
    transform: translateX(100%); /* Sağdan dışarıda başlasın */
    transition: all 1s ease-out;
    position: relative;
}

.soldan-gelen {
    transform: translateX(-100%); /* Soldan kayarak gelir */
}

.sagdan-gelen {
    transform: translateX(100%); /* Sağdan kayarak gelir */
}

.goster {
    opacity: 1; /* Görünür hale gelir */
    transform: translateX(0); /* Kayarak yerine gelir */
}








/* Mobil cihazlar için sticky-top */
@media (max-width: 768px) {
    .navbar {
        position: sticky;
        top: 0;
        z-index: 1030; /* Z-index ile menünün üstte kalmasını sağlıyoruz */
    }
}

/* Masaüstü cihazlar için fixed-top */
@media (min-width: 769px) {
    .navbar {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1030; /* Menünüzün üstte kalmasını sağlar */
    }
}






#phone {
    position: fixed;
    right: 0px;
    bottom: 100px;
    z-index: 1000;
}

#whatsapp {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 1000;
}