/*
    birincil renk siyahımsı : #000
    ikincil renk kırmızı : #e34342 
    hover rengi : #cf3433  
*/

.btn-thm {
    background-color: #000 !important;
}

    .btn-thm :hover {
        background-color: #720000 !important;
    }

.btn-thm-yeni {
    color: #fff !important;
    margin: 2px !important;
    background-color: #720000 !important;
}

    .btn-thm-yeni :hover {
        color: #fff !important;
        background-color: #e34342 !important;
    }

.site-logo-bottom {
    width: 300px !important;
}

.site-logo-top {
    width: 305px;
}

    .site-logo-top a {
        padding-left: 35px;
    }

.menu-open {
    color: #333333;
}

@media (max-width: 576px) {


    .site-logo-top a {
        padding-left: 0px;
    }

    .site-logo-top {
        width: 250px;
        margin: 0px;
    }

    .site-logo-bottom {
        width: 250px !important;
    }
}

.mail-list-btn {
    margin: -4px 5px 0 0;
}

.thm-bg-3 {
    background-color: #282828;
}

.fixed-top {
    backdrop-filter: blur(10px);
    background: #ffffffb3 !important;
}

.navbar-top-noindex {
    backdrop-filter: blur(10px);
    background: #ffffffb3;
}

.navbar-top:hover {
    background: rgba(96, 96, 96, .6);
    transition: all .3s;
}

#genelFooterResim .container-fluid {
    /*background-color: rgba(96, 96, 96, .6) !important;*/
}

/*Slider daki yeşilli kısım için eklendi*/
.gallery-fligran-01 {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgb(20, 96, 113);
    background: linear-gradient(180deg, rgba(96, 96, 96, 0) 0%, rgba(96, 96, 96, 0) 48%, rgba(96, 96, 96, 1) 100%);
}

.social-media-bottom a:hover span {
    color: #e34342;
}

.bottom-menu-01 a:hover {
    color: #fff;
    border-bottom: 1px solid #e34342;
}

.top-btn {
    color: #e34342;
    border: 3px solid #e34342;
}

.mail-list-btn i {
    color: #e34342;
}

.swiper-button-next-01 {
    color: #e34342;
}

.btn-thm-1 {
    background-color: #e34342 !important;
}

    .btn-thm-1:hover {
        background-color: #720000 !important;
    }

.img-effect {
    background-color: rgba(96, 96, 96, 0.2);
}


@media screen and (max-width: 993px) {
    .nav-dropdown.opened {
        color: #e34342 !important;
        border-bottom: 1px solid #e34342 !important;
    }

    .collections {
        display: block;
        width: unset !important;
    }

    .top-btn {
        z-index: 8 !important;
    }
}

@media (max-width: 576px) {
    .display-1, .display-1 b {
        font-size: 25px;
        padding-right:5px;
    }

    .swipper-nav {
        right: 25px;
    }
}

@media (max-width: 576px) {
    .carousel-item {
        height: 300px !important;
    }
}