html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.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;
}

html {
  position: relative;
  min-height: 100%;
}

li, a {
    list-style-type: none;
    text-decoration: none;
}

footer {
    background-color: rgb(0, 0, 0);
}

.navbar {
    background-color:#fff !important;
}

.card-size {
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: all .2s ease-in-out;
}

.link-product {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.link-title {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}

.nav-item {
    display: flex;
    align-items: center;
    margin: auto;
}

.nav-link {
    color: #000 !important;
    font-weight: 700;
    letter-spacing: 0.75px;
}

.logo {
    color: #c84d50;
    margin: 0;
}

.carousel-size {
    height: 475px;
    background-size: cover !important;
}

.hvr-sweep-to-top:before {
    background-color: #c84d50 !important;
}


.hvr-sweep-to-top:before .link-title {
    color: #fff !important;
}

.title-product {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    font-weight: 600;
}

    .title-product:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 70%;
        border: 1px solid #c84d50;
        z-index: 2;
        animation: fadeInRight .6s cubic-bezier(.25,1.1,.5,1.35) .3s both;
        animation-delay: .8s;
    }

#breadcrumb {
    background: #000;
    padding: 10px 0;
    margin-bottom: 0  !important
}
.breadcrumb {
    margin-bottom: 0 !important;
    padding: 15px 0;
}

    .breadcrumb a {
        color: #fff !important;
    }

.background-section {
    position: relative;
    color: #d34d50;
    z-index: 1;
    overflow: hidden;
}

    .background-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); /* siyah overlay, 0.5 opacity */
        z-index: 2;
    }

    .background-section > * {
        position: relative;
        z-index: 3;
    }


.breadcrumb-item.active {
    color: #d34d50;
}