body { font-family: 'Sarabun', sans-serif; font-size: 1rem!important; font-weight: 400; color:#000; }
a { color: inherit; text-decoration: none; } a:hover { color: inherit; }
.efekt{ transition:all .25s; } .efekt-2{ transition:all .50s; }
strong, b { font-weight: 700; }

/* ========================================== MENÜ  ======== */ 

.menu { padding: 0px; background-color: #fff; }
.menu-bosluk { margin-top: 210px; }
.navbar-brand { width: 160px; min-width: 160px; }

.menu .navbar-nav .active { }
.menu .navbar-nav .nav-link { color: #000; padding: 0px; margin: 0px; margin-right: 0px; position: relative; fill: #000;  transition:all 0s;}
.menu .navbar-nav .nav-item:last-of-type .nav-link { margin-right: 0px !important; }
.menu .dropdown:hover .nav-link, .menu .nav-link:hover { color: #ff5100 !important; fill: #ff5100 !important; }
.menu .dropdown:hover .dropdown-menu {  display: block; pointer-events: auto; opacity: 1; margin-top: 27px; }
 
.menu .navbar-nav .dropdown-menu:before { content: ''; position: absolute; top: -27px; left: 0px; width: 100%; height: 35px; background-color: transparent; z-index: 100; display: block; }
.menu .navbar-nav .dropdown-menu { display: block; width: auto; padding: 50px; border: none; opacity: 0; pointer-events: none;  background-color: purple ; color: yellow ; margin-top: 27px; margin-top: 50px; border-radius: 0px; }
.menu .navbar-nav .dropdown-menu .dropdown-item { color: blue !important; white-space: nowrap; }
.menu .navbar-nav .dropdown-menu .dropdown-item:hover, .menu .navbar-nav .dropdown-menu .dropdown-item:focus { background-color: transparent!important; color: #fff !important; text-decoration:underline; }

.menu-ust-btn { height: 40px; color: #fff !important}
.menu-ust-logo { height: 90px;}
.menu-ust-logo .navbar-brand { width: 300px; min-width: 300px; }
.menu-alt { height: 80px; border-bottom: 1px solid #e5e5e5;}

.menu .dropdown:hover .dropdown-item:before { display: block; }
 
.menu-sabit, .mobil-sabit, .menu-scrolled { background-color: rgba(255,255,255,1); }
.menu-scrolled .menu-ust, .menu-sabit .menu-ust, .mobil-sabit .menu-ust {  }
.menu-scrolled .logo-beyaz, .menu-sabit .logo-beyaz, .mobil-sabit .logo-beyaz { display: none !important; }
.menu-scrolled .logo-siyah, .menu-sabit .logo-siyah, .mobil-sabit .logo-siyah { display: block !important; }
.menu-scrolled .navbar-nav .nav-link, .menu-sabit .navbar-nav .nav-link, .mobil-sabit .navbar-nav .nav-link { color: #000; fill: #000; }

.menu-scrolled-2 { top: -130px !important; }
.menu-mobil-scrolled { height: calc(100vh - 80px) !important; margin-top:80px !important; }
 
.menu-mobil { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100vh - 120px); margin-top:120px; z-index: 999; background-color: #2c2e30; overflow: auto !important; padding: 20px; color: #fff !important; }
.menu-mobil.active {left: 0;}
.menu-mobil .nav-link { color: #fff; fill: #fff; }

.nav-mobile { position: absolute; top: 50%; margin-top: -20px; right: 20px; height: 40px; width: 40px; background-color: #fff; border-radius: 8px; }
.nav-mobile:hover { }
.ham { width: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .hamRotate.active { transform: rotate(45deg); } .hamRotate180.active { transform: rotate(180deg); } .line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#ff5100; stroke-width:4; stroke-linecap:round; } .ham7 .top { stroke-dasharray: 40 82; } .ham7 .middle { stroke-dasharray: 40 111; } .ham7 .bottom { stroke-dasharray: 40 161; } .ham7.active .top { stroke-dasharray: 17 82; stroke-dashoffset: -62px; } .ham7.active .middle { stroke-dashoffset: 23px; } .ham7.active .bottom { stroke-dashoffset: -83px; }

/* ========================================== SLIDER  ======== */ 

.swiper-button-prev:after, .swiper-button-next:after { font-size: 30px; color: #fff; }
.swiper-button-next, .swiper-button-prev { background-color: transparent; }
.swiper-button-next:hover, .swiper-button-prev:hover { transform: scale(1.30); }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }

/* ========================================== Form  ======== */ 

textarea { height: 70px !important; }
.form-control { border-radius: 0px;  padding: 0.75rem 0.75rem !important; }
.form-control:focus { box-shadow: 0 0 0 0.10rem rgba(0,0,0,.40) !important; }
.form-check-input { border: 1px solid #ccc !important; }
.form-check-input:checked { background-color: #ccc; border: none !important; }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(144,127,114,.05) !important; }
form .gonder{ border: none; width: 100%; padding: 16px 20px; background-color: #1c1d1f; transition:all .25s; color: #fff; font-size: 12px; }
form .gonder:hover { background-color: #b6b6b6; }

/* ========================================== Renkler  ======== */ 

.bg-black { background-color: #000; }
.bg-orange { background-color: #ff5100; }

.text-black { color: #000; }
.text-orange { color: #ff5100; }
.text-grey { color: #9ea2aa; }

.fill-black, .fill-black svg { fill: #000; }
.fill-white, .fill-white svg{ fill: #fff; }

.bg-to-black:hover { background-color: #000 !important; }
.bg-to-white:hover { background-color: #fff !important; }
.bg-to-orange:hover { background-color: #ff5100 !important; }
.bg-to-facebook:hover { background-color: #3b5999 !important; }
.bg-to-twitter:hover { background-color: #55acee !important; }
.bg-to-pinterest:hover { background-color: #bd081c !important; }

.text-to-black:hover { color: #000 !important; }
.text-to-orange:hover { color: #ff5100 !important; }
.text-to-white:hover, .text-to-white:hover i { color: #fff !important; fill: #fff!important; }
.fill-to-white:hover { fill: #fff; }

/* ====== Hover & Efektler & Butonlar & Animasyonlar ================================================= */ 

.efekt-ver:hover .efekt-scale, .efekt-ver:hover.efekt-scale { transform: scale(1.10); }
.efekt-ver:hover .efekt-scale-2, .efekt-ver:hover.efekt-scale-2 { transform: scale(1.35); }
.efekt-ver:hover .efekt-shadow, .efekt-ver:hover.efekt-shadow { box-shadow: rgba(17, 17, 26, 0.06) 0px 4px 16px, rgba(17, 17, 26, 0.06) 0px 8px 32px; }
.efekt-ver:hover .efekt-shadow-2, .efekt-ver:hover.efekt-shadow-2 { box-shadow: 0 0.4rem 0.5rem rgba(0, 0, 0, 0.25) !important; }
.efekt-ver:hover .efekt-grey, .efekt-ver:hover.efekt-grey { filter: grayscale(0%); }
.efekt-ver:hover .efekt-left, .efekt-ver:hover.efekt-left { margin-left: 20px;}
.efekt-ver:hover .efekt-rotate, .efekt-ver:hover.efekt-rotate { transform: rotate(360deg); }
.efekt-ver:hover .efekt-opacity, .efekt-ver:hover.efekt-opacity { opacity: 1 !important; }
.efekt-ver:hover .efekt-opacity-reverse, .efekt-ver:hover.efekt-opacity-reverse { opacity: 0 !important; }

/* ========================================== Diğer  ======== */ 

.cursor-pointer { cursor: pointer; }
.btn-underline:hover { text-decoration:underline; }

.heading { font-weight: 700; margin: 0px; }
.heading:before { content: "// ";}
.heading:after { content: " //";}

.list-1 { margin: 0px; padding: 0px; list-style-type:none;  }
.list-1 li { border-bottom: 1px solid #e2e4e5; padding: 12px 0px;}
.list-1 li a:hover { color: #ff5100;  }

.list-2 { margin: 0px; padding-left: 15px; color: #ff5100; display: grid; gap: 1rem; }
.list-2 li:hover { color: #000; }

.date { position: relative; color: #9ea2aa; margin: 0px; padding-bottom: 6px; writing-mode: vertical-lr; transform: rotate(-180deg); }
.date:after { content: ""; width: 0; height: 0px; border: 1px solid; position: absolute; bottom: 0; left: calc(50% - 1px); }

.date-2 { position: relative; color: #9ea2aa; margin: 0px; padding-right: 6px; }
.date-2:after { content: ""; position: absolute; right: 0; top: 50%; border-top: 1px solid; width: 2px; height: 0px; } 

.date-3 { position: relative; color: #9ea2aa; margin: 0px; padding: 0 6px; }
.date-3:after, .date-3:before { content: ""; position: absolute; right: 0; top: 50%; border-top: 1px solid; width: 2px; height: 1px; }
.date-3:before { right: auto; left: 0; }

.btn-1 {  padding: 10px 24px; background-color: #f1f1f1; color: #202629; border: 1px solid #ff5100; }
.btn-1:hover { background-color: #b8b6bb; border-color: #b8b6bb; transition:all .25s; color: #fff; }

.btn-2 { padding-bottom: 4px; color: #ff5100; position: relative;}
.btn-2:before { content: ""; width: 25px; height: 1px; position: absolute; background-color: #ff5100; bottom: 0; left: 0; transition:all .25s; }
.btn-2:hover:before { width: 100%; }

.font-14 { font-size: 14px; }

.heading-2 { letter-spacing: 1.4px; line-height: 1.45em;  }

/* ====== RESPONSİVE  ========================================================================================== */ 

@media (min-width: 992px) { 
    .position-lg-absolute { position: absolute; }
    .menu-alt .navbar-brand { display: none; }
    .menu-scrolled-2 .menu-alt .navbar-brand { display: block; }
    .menu-scrolled-2 .menu-alt .collapse { justify-content: flex-end!important; }
}
@media (min-width: 1201px) { .position-xl-absolute { position: absolute; } }
@media (min-width: 1401px) { .position-xxl-absolute { position: absolute; } }
@media (min-width: 1751px) { }
@media (min-width: 200px) and (max-width: 1400px) {
    .menu-bosluk { margin-top: 200px; }
    .menu-ust-logo { height: 80px;}
    .menu-scrolled-2 { top: -120px !important; }
    .menu-ust-logo .navbar-brand { width: 240px; min-width: 240px; }
}
@media (min-width: 200px) and (max-width: 1200px) {
    .sayfa-bosluk { padding: 0px 20px; }
    .fs-big-1 { font-size: calc(2.175rem + 1.5vw)!important; } .fs-big-2 { font-size: calc(1.775rem + 1.5vw)!important; } .fs-big-3 { font-size: calc(1.575rem + 1.5vw)!important; }
    
    .menu-bosluk { margin-top: 190px; }
    .menu-ust-logo { height: 70px;}
    .menu-scrolled-2 { top: -110px !important; }
    .menu-ust-logo .navbar-brand { width: 200px; min-width: 200px; }
}
@media (min-width: 200px) and (max-width: 991px) {
    .menu-bosluk { margin-top: 120px; }
    .menu-scrolled-2 { top: -40px !important; }
}