body { font-family: "Instrument Sans", 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-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,.75) , 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; }
.menu-bosluk { margin-top: 120px; }
.navbar-brand { width: 160px; min-width: 160px; }

.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 { text-decoration:underline !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; border: none; opacity: 0; pointer-events: none;  background-color: inherit; color: #fff ; margin-top: 27px; margin-top: 50px; border-radius: 0px; transition:all.3s; border-radius: 7px; padding: 20px;}
.menu .navbar-nav .dropdown-menu .dropdown-item { color: #fff !important; white-space: nowrap;  text-align: left; width: auto; }
.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: linear-gradient(90deg, #000 40%, #444143 60%) !important; left:0; right:0; width:100%; margin-top:0; top: auto!important }

.menu-ust { height: 40px; border-bottom: 1px solid rgba(255,255,255,.5); }
.menu-alt { height: 80px; }
.menu .menu-iconlar img { max-width: 110px;}

.menu .dropdown:hover .dropdown-item:before { display: block; }
 
.menu-sabit, .mobil-sabit, .menu-scrolled { background-color: #f3e7d7; }
.menu-scrolled .navbar-brand { width: 140px; min-width: 140px; }
.menu-scrolled .menu-ust, .menu-sabit .menu-ust, .mobil-sabit .menu-ust { border-color: rgba(0,0,0,.5); }
.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: -40px !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: #f3e7d7; overflow: auto !important; padding: 20px; color: #fff !important; }
.menu-mobil.active {left: 0;}
.menu-mobil .nav-link, .menu-mobil .dropdown-item { color: #000; fill: #000; } 

.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:#000; 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; }
.half-slider { width: 100%; max-height: 600px; min-height: 350px; height: calc(50vh); }
.quarter-slider { width: 100%; max-height: 500px; min-height: 250px; height: calc(25vh); }


.swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100px; background-color: #000; margin: 0px 3px !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; }

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

.tabs-surdurulebilir-uyum .nav-link { color: #000; border: none; position: relative; padding: 0px; padding-bottom: 5px; }
.tabs-surdurulebilir-uyum .nav-link::after { width: 0; height: 2px; left: 50%; bottom: 0; content: ""; position: absolute; background-color: #000; transition:all.3s; }
.tabs-surdurulebilir-uyum .nav-link:hover,.tabs-surdurulebilir-uyum .nav-link.active{ color: #000; }
.tabs-surdurulebilir-uyum .nav-link:hover::after, .tabs-surdurulebilir-uyum .nav-link.active:after { width: 26px; margin-left: -13px; }

.tabs-surdurulebilir-uyum .tab-pane-ozel { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0px; top: 0px; pointer-events: none;}
.tabs-surdurulebilir-uyum .tab-pane-ozel-active { position: relative; opacity: 1; transition:all .75s; pointer-events: auto; }

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

.accordion-item { border-left: none !important; border-right: none !important;  background-color: transparent; border-color: #000; }
.accordion-item:first-of-type { border-top: none !important; }
.accordion-item:last-of-type { border: none !important; }
.accordion-button {  background-color: transparent; }
.accordion-button:not(.collapsed) { background-color: transparent; color: #000 !important;  border-color: #000; box-shadow: none !important; border-bottom: 1px solid #CCC; }

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #707070 !important; }
textarea { height: 70px !important; }
.form-control { padding: 0.75rem 0.75rem;  border:none ; border-bottom: 1px solid #707070 !important ; border-radius: 0px; color: #000 !important; border-radius: 0px; }
.form-control:focus { box-shadow: none !important; color: #000 !important;  }
.footer .form-control { max-width: 180px; color: #fff !important; border-color: #fff !important; border: 1px solid;}
.footer .form-control:focus  { color: #fff !important; }


.form-check-input { border: 1px solid #fff !important; border-radius: 3px !important; background-color: #000; }
.form-check-input:checked { background-color: #191919; /*border: none !important; */ }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(255,255,255,.05) !important; }

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

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

.bg-black { background-color: #000; }
.bg-1 { background-color: #f3e7d7; }
.bg-2 { background-color: #191919; }
.text-black { color: #000; }
.fill-black, .fill-black svg { fill: #000; }
.fill-white, .fill-white svg{ fill: #fff; }
.bg-to-white:hover { background-color: #fff !important; }
.bg-to-black:hover { background-color: #000 !important; }
.bg-to-1:hover { background-color: #f3e7d7 !important; }
.text-to-black:hover { color: #000 !important; }
.fill-to-black:hover, .fill-to-black:hover svg { fill: #000; }
/*

.text-to-white:hover { color: #fff !important; }*/

/* ====== 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 { padding-right: 15px; padding-bottom: 10px; position: relative; border-bottom: 2px solid rgba(0,0,0,.25);}
.btn-1:hover { padding-right: 35px; border-color: #000; }
/*
.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-logo{ width: 90px; height: 90px; border-radius: 100px; background-color: #000; display: flex; align-items: center; justify-content: center;}
.footer-logo img{ width: 66px; }
.footer-border { width: 1px; height: 100%; background-color: rgba(255,255,255,.25); position: absolute; }
.efekt-footer-link:hover { color: #000; }
.efekt-footer-link:after { width: 16px; height: 16px; left: -20px; top: 3px; content: ""; position: absolute; background-color: transparent; transition:all.3s; background-image: url(images/porser-favicon.webp); background-repeat:no-repeat!important;background-position:center!important;background-size:cover; display: none; }
.efekt-footer-link:hover:after { display: block; }

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

.shadow-text-1{ text-shadow: 1px 1px rgba(0,0,0,.5); }
.offcanvas { background-color: #f3e7d7; padding: 25px; }
.letter-spacing-1 { letter-spacing: 3px;}
.font-12 { font-size: 12px;}
.ozellik-icon { max-width: 56px; margin: auto; }
.iso-icon { max-width: 180px;width: 100%; }
.border-id-fine { border: 2px solid #F3E7D7; }
.menu-right-align { left: auto !important; right: 0 !important; }
.cursor-pointer { cursor: pointer; }
/* ====== RESPONSİVE  ========================================================================================== */ 

@media (min-width: 992px) { .position-lg-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 20px; } }
@media (min-width: 1201px) { .h-xl-100 { height: 100%; }.position-xl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 30px; } }
@media (min-width: 1401px) { .position-xxl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 4%; } }
@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: 140px; min-width: 140px; }
}
@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: 120px; min-width: 120px; }*/
}
@media (min-width: 200px) and (max-width: 575px) { }