body { font-family: 'Quicksand', sans-serif; font-size: 1rem!important; font-weight: 400; color:#0b2c40; }
a { color: inherit; text-decoration: none; } a:hover { color: inherit; }
.z-index-up{ z-index:9!important; }
.z-index-important{ z-index:999999!important; }
.efekt{ transition:all.3s; }
.imaj-hover:hover .imaj { transform: scale(1.15);  }
.underline-hover:hover { text-decoration:underline; }
.fancybox-slide--image { padding: 44px; }
.fancybox-slide { padding: 44px; }
.bg-gorsel{background-repeat:no-repeat!important;background-position:center!important;background-size:cover}
.img-fit { display: block; width: 100%; height: 100%; object-fit: cover; }
.mt-n1 { margin-top: -65px !important; }
.imaj-hover:hover .imaj { transform: scale(1.10); }
.text-bullet-1:before { width: 4px;  height: 4px; left: 0px!important; border-radius: 100px; margin-top: 11px; content: "";  position: absolute; background-color: #7f1312;}

.fs-big-1 { font-size: 4rem!important; }
.fs-big-2 { font-size: 3.5rem!important; }
.fs-big-3 { font-size: 3rem!important; }

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

.menu { height: 120px; padding-bottom: 0px; padding-top: 0px; background-color: #fff; }
.menu-bosluk { margin-top: 120px; }
.navbar-brand { width: 155px; }

.menu .navbar-nav .active { }
.menu .navbar-nav .nav-link { color: #0b2c40; padding: 0px 22px; position: relative; }
.menu .dropdown:hover .nav-link, .menu .nav-link:hover { color: #8fc042 !important; }
.menu .dropdown:hover .dropdown-menu {  display: block; pointer-events: auto; opacity: 1; }

.menu .navbar-nav li{ position: relative; }
.menu .navbar-nav li:not(:last-child):before { content: ''; position: absolute; top: 50%; margin-top: -15px; right: 0; width: 1px; height: 30px; background-color: rgba(0,0,0,.25); z-index: 100; display: block; }

.menu .navbar-nav .dropdown-menu:before { content: ''; position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; background-color: transparent; z-index: 100; display: block; }
.menu .navbar-nav .dropdown-menu { display: block; width: 100%; padding: 20px 5px; border: none; opacity: 0; pointer-events: none; transition:all.3s; min-width: 200px; background-color: rgba(127,19,18,.75); margin-top: 20px; }
.menu .navbar-nav .dropdown-menu .dropdown-item { color: #fff !important; white-space: normal; }
.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 .dropdown:hover .dropdown-item:before { display: block; }


.menu-sabit, .mobil-sabit { background-color: rgba(255,255,255,1); }
.menu-scrolled { background-color: rgba(255,255,255,1); height: 100px !important; }
.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; }

.menu-mobil { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100vh - 80px); margin-top:80px; z-index: 999; background-color: rgba(11,44,64,.90); overflow: auto !important; padding: 20px; color: #fff !important; }
.menu-mobil.active {left: 0;}

.nav-mobile { position: absolute; top: 50%; margin-top: -20px; right: 20px; height: 40px; width: 40px; background-color: #0b2c40; border-radius: 8px; }
.nav-mobile:hover { background-color: #000;}
.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); }
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.main-slider { padding-top: 120px; }
.main-slider .swiper-lazy  { width: 100%; height: 100%;  background-size: cover!important;
    background-position: center center!important;
      background-repeat: no-repeat !important;  }
  /* background-repeat: no-repeat !important;  background-size: calc(100% + 20px) !important; width: calc(100% - 50px); height: calc(100% - 50px);  */

.main-slider .swiper-slide:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 125px; z-index: 2;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.55));}

.half-slider { width: 100%; max-height: 600px; min-height: 350px; height: calc(50vh); }

.thin-slider { width: 100%; height: 300px; }

.swiper-pagination-bullet { width: 20px; height: 20px; background-color: #fff; opacity: .75; margin: 0px 5px !important; }
.swiper-pagination-bullet-active { opacity: 1; background-color: #8fc042; }
.swiper-button-prev:after, .swiper-button-next:after { font-size: 30px; color: #fff; }

.kayan-slider-1 .swiper-pagination-bullet { background-color: #0b2c40; opacity: .25; }
.kayan-slider-1 .swiper-pagination-bullet-active { opacity: 1; }

.swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; border-radius: 50px; color: #7f1312; }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #7f1312; color: #fff; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }

/* ========================================== TABS  ======== */

.ornek-tabs { border-bottom: 1px solid #00000080 !important; }
.ornek-tabs .nav-link { color: #000 !important; border-bottom: 3px solid transparent !important;}
.ornek-tabs .nav-link.active { border-bottom: 3px solid #3F9CBB !important; }

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

.bg-grey { background-color: #cccccc; }
.bg-green { background-color: #8fc042; }
.bg-ulasim { background-color: #0b2440; }
.bg-blue { background-color: #0b2c40; }

.text-green { color: #8fc042; }
.text-blue { color: #0b2c40; }

.bg-to-black:hover { background-color: #000 !important; }
.bg-to-green:hover { background-color: #8fc042 !important; }
.bg-to-blue:hover { background-color: #0b2c40 !important; }
.text-to-black:hover { color: #000 !important; }
.text-to-white:hover { color: #fff !important; }
.text-to-green:hover { color: #8fc042 !important; }

.border-black { border-color: #000 !important; }

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

select { background-image: none !important;}
textarea { height: 75px !important; }
.form-control { border: none !important; color: #0b2c40 !important; background-color: #fff !important; height: 36px; }
.form-control::placeholder { color: #0b2c40 !important; }
.form-control:focus { box-shadow: 0 0 0 0.25rem rgba(11,44,64,.90) !important; }
.form-check-input{ border: 1px solid #fff !important; background-color: transparent;}
.form-check-input:checked { background-color: #0b2c40; border: none !important; }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(11,44,64,.15) !important; }

.radio-check .form-check-input{ border-radius: 4px !important; width: 18px; height: 18px; }
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.form-alani { background-color: #8fc042; }
.form-alani button { background-color: #385509;}

/* ========================================== Menü Tabs  ======== */

.menu-tabs .nav-link { color: #0b2c40 !important; position: relative; border: 1px solid #0b2c40; }
.menu-tabs .active { color: #fff !important; background-color: #0b2c40 !important; }

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

.icon-svg-container { width: 50px;  height: 50px; }
.icon-svg { width: 22px;  }
.text-1 {  max-width: 500px;}
.proje-videosu-play { background-color: #8fc042; box-shadow: 0 0 0 .6rem rgba(143,192,66,.50) !important; }

.ulasim-cizgi { padding-top: 135px; }
.ulasim-cizgi:before { width: 2px;  height: 100px; left: 50%; top: 0px; margin-left: -1px; content: "";  position: absolute; background-color: #fff;}
.ulasim-cizgi:after { width: 14px;  height: 14px; left: 50%; top: 100px; margin-left: -7px; content: "";  position: absolute; background-color: #fff; border-radius: 100px;}
.logolar { max-width: 450px;}
.footer-img { width: 60%!important; }

.kvkk { padding: 20px !important; display: none; }
.kvkk .fancybox-button { color: #8fc042 !important; right: 20px; top: 15px; width: 60px; height: 60px; }

.kvkk-scrool { height: auto; max-height: calc(50vh); overflow-y: auto; display: block !important;}
.kvkk-scrool::-webkit-scrollbar { width: 6px;}
.kvkk-scrool::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.kvkk-scrool::-webkit-scrollbar-thumb {background: #0b2c40; border-radius: 10px;}
.kvkk-scrool::-webkit-scrollbar-thumb:hover { background:#ff4e00;}

.popup{
    position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    z-index: 99991;

}
.popupOverlay::after{
    content:"";
    position: fixed;
    top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999;
}
.modal-wrapper{
    position: relative;
}
.closeModal{
    position: absolute;
    top:0;
    right: 0;

}
.closeModal svg{color:black;}
.modal-image{
        width: 100%;
    height: 100%;
    object-fit: cover;
}
.zImage{

    position: absolute;
    left:0;
    right:0;
    top:0;
   width: calc(100% - 0px); height: calc(100% - 0px);
}
.normImage{
  width: 100%;
    height:100%;
    object-fit: cover ;
}

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



@media (max-height: 800px) {
    .form-alani { height: auto; max-height: auto; overflow-y: auto; display: block !important;}
    .form-alani::-webkit-scrollbar { width: 6px;}
    .form-alani::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
    .form-alani::-webkit-scrollbar-thumb {background: #0b2c40; border-radius: 10px;}
    .form-alani::-webkit-scrollbar-thumb:hover { background:#ff4e00;}
}


@media (min-width: 1400px) { }
@media (min-width: 1200px) { }
@media (min-width: 992px) {

}

@media (min-width: 200px) and (max-width: 1400px) {
    .menu{ height: 100px; }
    .menu-bosluk { margin-top: 100px; }
    .main-slider { padding-top: 100px; }
    .navbar-brand { width: 140px; }
    .menu .navbar-nav .nav-link { padding: 0px 18px; }
}
@media (min-width: 200px) and (max-width: 1200px) {
    .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; }

    .form-alani { position: relative !important; }
}
@media (min-width: 200px) and (max-width: 991px) {
    .menu { height: 80px !important; }
    .menu-bosluk{ margin-top: 80px !important; }
    .main-slider { padding-top: 80px; }
    .navbar-brand { width: 100px; }
    .menu .container { max-width: 100%; }
    .footer-img { width: 40%!important; }
}
@media (min-width: 200px) and (max-width: 575px) { }




.kvkk-container { padding-top: 150px; }

@media (min-width: 200px) and (max-width: 1400px) {
    .kvkk-container { padding-top: 130px; }
}
@media (min-width: 200px) and (max-width: 991px) {
    .kvkk-container { padding-top: 110px; }
}


/* @media (min-width: 1920px) and (min-height: 1080px) {.main-slider .swiper-lazy{background-size: cover !important; width: 100%; height: 100% ; }} */


@media (min-width: 1440px) and (min-height: 900px) {
  /* styles go here */
  .icon-svg-container{width:4vmin; height:4vmin;}
  .fr-fix{margin-left:0.3rem !important}
  .i-fix{width:18px;}
}

@media (max-width: 767.9px) {
    .kvkk.fancybox-content{padding: 10px 0 !important;}
    .kvkk.fancybox-content p{ font-size:18px !important;}
    .fancybox-slide{padding:20px;}
    .kvkk .fancybox-button{top:0 !important; right:0 !important;}
    /* .main-slider .swiper-lazy{background-size: cover !important; width: 100%; height: 100% ; } */
    /* .swiper{height:calc(40vh);} */
    .modal-image{
     max-width: 500px;
    min-width: 300px;
   }
    .footer-fix{font-size:14px;}
    .menu-tabs .nav-link{font-size:13px;}
    .swiper-pagination-bullet{width:10px; height:10px;}
}

@media only screen and (min-device-width: 1024px) and (min-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (max-height:1366.9px){
  /* your styles go here */
  .swiper{height: calc(60vh);}
}


.iti{
    width: 100% !important;
}
.invalid-phone{
    border: red 2px solid !important;
    color: #F00 !important;
}
/* safari galeri video scale fixing */
.rounded-5{-webkit-transform: translate3d(0,0,0);}

/* fancybox button slider fixing */
.fancybox-navigation .fancybox-button{
    top: calc(60% - 10px);
}