* {
    font-family: Quicksand, sans-serif;
    font-size: 14px;
}

.bg-white {
    background-color: #fff;
    border-bottom: 3px solid #f5f5f5;
}


/* ---- Eğimli Slider Başlangıç ---- */
.tmr-slide {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    transform: skewX(-5deg);
}

.tmr-slide img {
    opacity: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    /* filter: blur(0.8px); */
}

/* Anasayfa slider efekt ayarları */
.tmr-slide:hover img {
	opacity: 1;
	-webkit-animation: flash 5s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Anasayfa slider responsive ayarları */
@media screen and (max-width:1024px) and (min-width: 0) {
    .tmr-slide {
        position: relative;
        float: left;
        width: 100%;
        height: 600px;
        transform: skewX(0deg);
    }
}

/* ---- Eğimli Slider Bitiş ---- */


/* Menüler arasındaki boşluk */
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 40px;
    padding-left: 10px;
}

/* Menü aktif olduğundaki metin rengi */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #00479b;
}

/* Menü üzerine geldiğinde renk */
.nav-link:hover {
    color: #00479b !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #1a1a1a;
}

/* Açılır menü arkaplan rengi ve çerçeve kenarları */
.dropdown-menu {
    background: #00479b !important;
    border-radius: 0;
    border: none;
    padding: 20px;
}

/* Açılır menü içerisindeki yazı rengi */
.dropdown-item {
    color: #fff;
    font-weight: 500;
}

/* Açılır menü içerisindeki yazıların üstüne geldiğinde */
.dropdown-item:hover {
    background: none;
    font-weight: 500;
    color: #00a3ff;
}


/* ---- Footer Yukarısı DIV Ayarları Başlangıç ---- */
.footer-top {
    background: #f9f9f9;
    justify-content: center;
    height: auto;
    text-align: center;
}


.helpmenu a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    font-weight: 600;
    color: #686868;
    padding: 20px;
}

.helpmenu a:hover {
    background: #0086d2;
    text-decoration: none;
    color: #fff;
}

/* ---- Footer Yukarısı DIV Ayarları Bitiş ---- */


/* Footer Ayarları Başlangıç */
/*.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 3px solid #f5f5f5;
    margin-top: 50px;
}
*/

.footer {
    margin-top: 50px;
    padding-bottom: 100px;
}

.footer-link {
    color: #383838;
    font-weight: 600;
    font-size: 13px;
}

/* Footer Ayarları Bitiş */



/* Form Ayarları Başlangıç */
.form-control {
    box-shadow: none !important;
}

.form-control-lg {
    border-radius: 0 !important;
}

/* Form Ayarları Bitiş */


/* Sayfa İçerik Yazı Ayarı */
.lead {
    font-weight: 500 !important;
    font-size: 18px;
}

/* Hakkımızdaki Sayfadaki Icon */
.hakkimizda-icon {
    opacity: 0.6;
    height: 200px;
}

/* Tarihçe Sayfasındaki Icon */
.tarihce-icon {
    opacity: 0.6;
    height: 200px;
}

/* Vizyon ve Misyon Sayfasındaki Icon */
.vizyon-icon {
    opacity: 0.6;
    height: 200px;
}

/* Değerlerimiz Sayfasındaki Icon */
.degerlerimiz-icon {
    opacity: 0.6;
    height: 200px;
}

/* Başkanın Mesajı Sayfasındaki Icon */
.baskanin-mesaji-icon {
    opacity: 0.8;
    height: 200px;
}

/* Sosyal Sorumluluk Sayfasındaki Icon */
.sosyal-sorumluluk-icon {
    opacity: 0.8;
    height: 200px;
}

/* Arge Sayfasındaki Icon */
.arge-icon {
    opacity: 0.8;
    height: 200px;
}

/* Kurumsal Sayfasındaki Icon */
.kurumsal-icon {
    opacity: 1;
    height: 200px;
}

/* Proje Sayfasındaki Icon */
.proje-icon {
    opacity: 0.9;
    height: 200px;
}

/* Üretim Sayfasındaki Icon */
.uretim-icon {
    opacity: 0.9;
    height: 200px;
}

/* Mağaza Sayfasındaki Icon */
.magaza-icon {
    opacity: 0.9;
    height: 200px;
}

/* Anahtar Teslim Sayfasındaki Icon */
.anahtar-teslim-icon {
    opacity: 0.9;
    height: 200px;
}

/* Referans bölümündeki markaların ayarları */
.markalar {
    background: #f9f9f9;
    width: 100%;
    height: 250px;
    border: 1px solid #eee;
}