html {
    scroll-behavior: smooth;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:hover {
    transition: all 0.66s;
}

.mrgnx {
    margin-left: 5rem;
    margin-right: 5rem;
}

.pdngx {
    padding-left: 5rem;
    padding-right: 5rem;
}

.banner {
    background-color: #606470;
}

.banners {
    background-color: #c06114bb;
}

.turuncu {
    background-color: #C06014;
}

.yesil {
    background-color: #a09f57;
}

.acikgri {
    background-color: #eeeeee;
}

.txtwhite {
    color: #ffffff !important;
    text-decoration: none;
}

.txtwhite:hover {
    color: #ffffff;
}

.linkler:hover {
    background-color: #853c00;
}

.medikallink:hover {
    background-color: #706f37;

}

#slayt img {
    width: 100%;
    height: auto !important;
}

.carousel-item {
    text-align: center;
}

.medikal-1 {
    background-color: #557174;
}

.bgrey {
    background-color: #eeeeeeaa;
}

.grafdi {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7511379551820728) 0%, rgba(1, 110, 150, 0) 20%, rgba(106, 106, 106, 0) 80%, rgba(0, 0, 0, 0.7511379551820728) 100%) !important;
    width: 100%;
    height: 100%;
}

.kusak {
    background: #00000080 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 31%;
}

.textclr {
    color: #5c5c5c !important;
    text-decoration: none;
}

.fb {
    border-bottom: 1px solid rgba(255, 255, 255, 0.205);
}

.bbb {
    border-bottom: 1px solid #dddddd;
}

.btb {
    border-top: 1px solid #dddddd;
}

.bb {
    border-bottom: 1px solid #C06014;
}

.bbottomgray {
    border-bottom: 3px solid #606470;
}

.bbottomorg {
    border-bottom: 3px solid #C06014;
}

.bbottomyes {
    border-bottom: 3px solid #a09f57;
}

.bbt-lg {
    border-bottom: 5px solid #C06014;
}

.bby-lg {
    border-bottom: 5px solid #a09f57;
}

.btn-warning,
.btn-danger {
    background-color: white !important;
    color: #606470 !important;
    border-color: white !important;
}

.btn-warning:hover {
    background-color: #a09f57 !important;
    color: white !important;
    border-color: white !important;
}

.btn-danger:hover {
    background-color: #C06014 !important;
    color: white !important;
    border-color: white !important;
}

.btn-info {
    background-color: #C06014 !important;
    color: white !important;
    border-color: white !important;
}

.btn-info:hover {
    background-color: white !important;
    color: #C06014 !important;
    border-color: #C06014 !important;
}

.genislik {
    max-width: 1920px;
}

.ref img {
    width: 96px;
    filter: grayscale(100%);
}

.ref img:hover {
    transform: scale(1.2);
    filter: grayscale(0%);
}

.referance {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%), url(../img/referances.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#up {
    border-radius: 1.25rem;
    color: #ffffff;
    background-color: #c7cfb783;
    padding: 0.5rem;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

#up:hover {
    background-color: #b554007c;
}

.admin:hover {
    color: #C06014 !important;
}

.glr:hover {
    transform: scale(1.66)
}

.glrb:hover {
    transform: scale(1.33)
}

.h-resim {
    background-image: url(../img/showroom.png);
    background-position: center;
    background-size: cover;
    min-height: 256px;
}

.bt-resim {
    background-image: url(../img/bilalt-tarih.png);
    background-position: top;
    background-size: cover;
    min-height: 256px;
}

.bgmutfak {
    background: linear-gradient(0deg, rgba(192, 96, 20, 1) 10%, rgba(255, 255, 255, 0) 50%, rgba(192, 96, 20, 1) 90%), url(../img/bgmutfak.png);
    background-position: center;
    background-size: cover;
}

.bgmedikal {
    background: linear-gradient(0deg, rgba(160, 159, 87, 1) 10%, rgba(255, 255, 255, 0) 50%, rgba(160, 159, 87, 1) 90%), url(../img/bgmedikal.png);
    background-position: center;
    background-size: cover;
}

.urun-aciklama {
    list-style-type: none;
}

.urun-aciklama li:hover {
    background-color: #dddddd90;
}

.yesil-txt {
    color: #a09f57;
}

.turuncu-txt {
    color: #C06014;
}