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; }
.z-index-important{ z-index:999999!important; }
.efekt{ transition:all .25s; } .efekt-2{ transition:all .50s; } .efekt-3{ transition:all .75s; } .efekt-4{ transition:all 1s; }
.fancybox-slide--image { padding: 44px; } .fancybox-slide { padding: 44px; }
.bg-gorsel{background-repeat:no-repeat!important;background-position:center!important;background-size:cover}
.bg-gorsel-right{background-repeat:no-repeat!important;background-position:right!important;background-size:cover}
.bg-parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.img-fit { display: block; width: 100%; height: 100%; object-fit: cover; }
.golge:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,.50); }
.alt-golge:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 25%; z-index: 2; background-image: linear-gradient(to top, rgba(0,0,0,.25) , rgba(0,0,0,0)) }
.fs-big-1 { font-size: 4rem!important; } .fs-big-2 { font-size: 3.5rem!important; } .fs-big-3 { font-size: 3rem!important; }
strong, b { font-weight: 700; }

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

.menu { padding: 0px; background-color: transparent;  height: 120px;  }
.menu-bosluk { margin-top: 120px; }
.navbar-brand { width: 135px; min-width: 135px; }

.menu .navbar-nav .active { }
.menu .navbar-nav .nav-link { color: #fff; padding: 0px; margin: 0px; margin-right: 0px; position: relative; fill: #fff; }
.menu .navbar-nav .nav-item:last-of-type .nav-link { margin-right: 0px !important; }
.menu .dropdown:hover .nav-link, .menu .nav-link:hover { }


.menu .navbar-nav .nav-link:before { content: ''; position: absolute; bottom: -5px; left: 50%; width: 0px; height:2px; background-color: #fff; z-index: 100; display: block;  transition:all .25s;  }
.menu .navbar-nav .nav-link:hover:before { left: 0; width: 100%;}

.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: 20px 30px; border: none; opacity: 0; pointer-events: none;  background-color: rgba(0,0,0,.90) ; color: #fff ; margin-top: 27px; margin-top: 50px; border-radius: 0px; transition:all.3s; border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; }
.menu .navbar-nav .dropdown-menu .dropdown-item { color: #fff !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; }

.navbar .has-megamenu{ position:static!important; }
.navbar .megamenu{ background-color: red !important; left:0; right:0; width:100%; margin-top:0; color: yellow; text-align: center; }

.menu .dropdown:hover .dropdown-item:before { display: block; }
 
.menu-scrolled { height: 100px;  }
.menu-sabit, .mobil-sabit, .menu-scrolled { background-color: #000; }
.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: #fff; }

/*
.menu-scrolled-2 { top: -40px !important; }
.menu-mobil-scrolled { height: calc(100vh - 80px) !important; margin-top:80px !important; }
*/

.menu-right-align { right: 0 !important; left: auto !important;  }
.menu-language { width: 30px; border-radius: 50%; }
.after-none:after { display: none !important }
 
.menu-mobil { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100vh - 80px); margin-top:80px; z-index: 999; background-color: rgba(230,47,47,.98); 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: 0px; height: 40px; width: 40px; background-color: #E62F2F; 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:#fff; 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 { width: 100%; height: calc(100vh); }
.main-slider .swiper-lazy { width: 100%; height: 100%; background-size: cover!important; background-position: center center!important; }
.detay-slider { width: 100%;  min-height: 350px; }

.swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #A14C09; margin: 0px 5px !important; }
.swiper-pagination-bullet-active { opacity: 1; }

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

.kayan-slider-1-text { height: 65px; padding: 0px 10px;}

/* ========================================== Tabs  ======== */ 

.urun-tabs nav { border-bottom: none !important; }
.urun-tabs .nav-tabs { border: none !important; }
.urun-tabs .nav-link { color: #000; border: none !important; border-radius: 0px; position: relative;}
.urun-tabs .nav-link div{ border: 1px solid #fff !important;}
.urun-tabs .nav-link:hover div, .urun-tabs .nav-link.active div{ background-color: #fff; border: 1px solid #000 !important;  }
.urun-tabs-thumb { max-width: 80px;}


/* ========================================== Accordion  ======== */ 


.accordion-header  { border-radius: 20px !important; background-color: #fff; }

.accordion-button { border-radius: 20px !important; }
.accordion-button:not(.collapsed) { box-shadow: none !important; }
.accordion-item { border: none !important; border-right: none !important; background-color: transparent;}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button {  }
.accordion-item:first-of-type {  }
.accordion-item:last-of-type { }
.accordion-button { color: #707070; padding: 10px 20px !important; }
.accordion-button:not(.collapsed) { background-color: transparent !important; color: #4d5159 !important; }
.accordion-button::before { width: 16px; height: 2px; content: ""; position: absolute; right: 12px; background-color: #4d5159; z-index: 99; }
.accordion-button::after { display: block; width: 2px; height: 16px; content: ""; position: absolute; right: 19px; background-color: #4d5159; z-index: 99; }
.accordion-button:not(.collapsed)::after { display: none; }
.yuvarlak { width: 40px; height: 40px; background-color: transparent; } 

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: rgba(0,0,0,.5) !important; }
textarea { height: 140px }
.form-control { padding: 0.75rem 0.75rem !important;  border: none !important; border-bottom: 1px solid rgba(0,0,0,.25) !important; border-radius: 0px; color: rgba(0,0,0,.5) !important; }
.form-control:focus { box-shadow: #004A40 !important; color: rgba(0,0,0,.5) !important;  }
.form-check-input { border-color: #004A40;  }
.form-check-input:checked { background-color: #004A40 ; border: none !important; }
.form-check-input:focus { box-shadow: none !important; }


.kvkk { display: none; width: 100%; max-width: 1400px; max-height: 75vh; padding: 25px; }

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

.bg-black { background-color: #000; } 
.bg-grey { background-color: #EAEAEA; } 
.bg-grey-2 { background-color: #2A2F3A; } 
.bg-grey-3 { background-color: #4d5159; }
.bg-grey-5 { background-color: #1C2528; }
.bg-red { background-color: #E62F2F; }
.bg-green { background-color: #004A40; }
.bg-green-2 { background-color: #00FF58; }
.bg-blue { background-color: #4A90E2; }

.text-black { color: #000; }
.text-green { color: #004A40; }
.text-red { color: #E62F2F !important; }

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

.border-grey-4 { border-color: #909090 !important; }

.bg-to-black:hover { background-color: #000 !important; }
.bg-to-white:hover { background-color: #fff !important; }
.bg-to-grey-2:hover { background-color: #2A2F3A !important; }
.text-to-black:hover { color: #000 !important; }
.text-to-white:hover { color: #fff !important; }
.fill-to-white:hover { fill: #fff; }

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

.slider-text-1, .slider-text-2, .slider-text-3 { transition:all.5s; margin-bottom: 75px; opacity: 0; }
.swiper-slide-active .slider-text-1 { transition-delay: 1.2s; margin: 0px; opacity: 1; }
.swiper-slide-active .slider-text-2 { transition-delay: 1s; margin: 0px; opacity: 1; }
.swiper-slide-active .slider-text-3 { transition-delay: .8s; margin: 0px; opacity: 1; }

.index-slider .swiper-slide img { transition:all 1s linear; }
.index-slider .swiper-slide-active img { transform: scale(1.10); transition:all 5s linear; transition-delay: 1.2s ease; }

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

.btn-1::after { width: 0; height: 100%; left: 0; top: 0; content: ""; position: absolute; background-color: #222; transition:all.3s;}
.btn-1:hover::after { width: 100%; }
.btn-1:hover {color: #fff; }

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

/* ========================================== Footer  ======== */ 

.footer { background-color: #000; }
.footer .navbar-brand { width: 240px;}
/* ========================================== Diğer  ======== */ 
.map { max-height: 700px; }

.navbar-brand-magma { max-width: 120px;}

.indirmeler-box { max-width: 260px;}
.bosluk-ayar-1 { padding-top: 64px; }
.icon-1 { width: 80px; }
.icon-2 { width: 40px; }
.icon-3 { width: 25px; }
.arrow-btn { width: 24px; height: 24px; }
.radius-ayar-1 { border-radius : 100%; transform: scale(1.80); right: -15%; margin-top: 100px;}


.qPhoneE1 { width:16%; float:left; border-bottom-right-radius: 0; border-top-right-radius: 0; text-align: center;}
.qPhoneE2 { width:84%; border-bottom-left-radius: 0; border-top-left-radius: 0; }

.has-error::-webkit-input-placeholder{color:#e10313!important}.has-error:-moz-placeholder{color:#e10313!important}.has-error::-moz-placeholder{color:#e10313!important}.has-error:-ms-input-placeholder{color:#e10313!important}



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

@media (min-width: 576px) { 
	.urun-tabs-thumb { max-width: 100px;}
}
@media (min-width: 992px) { 
    .position-lg-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 20px; } 
    .bosluk-ayar-2 { margin-top: -70px !important; }
}
@media (min-width: 1201px) { 
    .position-xl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 30px; } 
    .bosluk-ayar-2 { margin-top: -100px !important; }
    .detay-slider {  max-height: 600px;  height: calc(70vh); }
}
@media (min-width: 1401px) { 
    .position-xxl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 4%; } 
    .bosluk-ayar-2 { margin-top: -140px !important; }
}
@media (min-width: 1751px) { .sayfa-bosluk { padding: 0px 7%; } }



@media (min-width: 200px) and (max-width: 1400px) {
 
    .menu{ height: 100px; }
    .menu-bosluk { margin-top: 100px; }
    .navbar-brand { width: 115px; min-width: 115px; }
    .footer .navbar-brand { width: 200px;}
    
    
}
@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; }
    
    
    
}
@media (min-width: 200px) and (max-width: 991px) {
    .menu { height: 80px !important; }
    .menu-bosluk{ margin-top: 80px !important; }
    .navbar-brand { width: 100px; min-width: 100px; }
    .footer .navbar-brand { width: 160px;}
    textarea { height: 100px }
    
}
@media (min-width: 200px) and (max-width: 575px) { }