body { font-family: "Montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 1rem!important; 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,.25); } .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-huge-1 { font-size: 7rem!important; } .fs-big-1 { font-size: 4rem!important; } .fs-big-2 { font-size: 3.5rem!important; } .fs-big-3 { font-size: 3rem!important; } strong, b, .fw-bold { font-weight: 500; font-style: normal!important; } .fw-light { font-family: BrandonTextWeb-Light; font-weight: normal; font-style: normal;} .fs-big-1, .fs-big-2, .fs-big-3, .fs-1  { line-height: 1.25 !important; } /* ========================================== MENÜ  ======== */ .menu { height: 140px; padding-bottom: 0px; padding-top: 0px; background-color: transparent; } .menu-bosluk { margin-top: 140px; } .navbar-brand { width: 190px; max-width: 190px; background-color: #faffeb; padding: 40px 15px; } .navbar-brand-2 { width: 120px; } .menu .nav-link { position: relative; padding: 0px 15px; } .menu .nav-link:before { content: ''; position: absolute; top: 50%; margin-top:-9px; right: -3px;  width: 1px; height: 18px; background-color: #000; z-index: 100; display: block; } .menu .nav-link:last-child { padding-right: 0px; } .menu .nav-link:last-child:before { display: none !important; } .menu .navbar-nav .active { color: #f79033 !important; } .menu .navbar-nav .nav-link { color: #0b4790; padding: 0px 22px; position: relative; } .menu .dropdown:hover .nav-link, .menu .nav-link:hover { color: #0b4790 !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: -20px; right: 0; margin-right: -1px; width: 2px; height: 40px; background-color: rgba(0,0,0,.75); 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 .menu-list-1 li:not(:last-child):before { display: none !important; } .menu-content::after { content: attr(value);  position: absolute; left: 0px; top: 0px; margin-top: -20px; font-size: 14px; color: #dededc; transition:all.3s; } .menu .dropdown:hover .menu-content::after, .menu .nav-link:hover .menu-content::after { color: #f79033 !important; } .menu-sabit, .mobil-sabit { background-color: rgba(255,255,255,1); } .menu-scrolled { background-color: inherit; 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-scrolled  .navbar-brand { max-width: 165px; } .menu-mobil { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100vh - 80px); margin-top:80px; z-index: 999; background-color: rgba(247,144,51,.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: #f79033; 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; } /* .main-slider .swiper-slide:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(rgba(0,0,0,.60), rgba(0,0,0,.60));}*/ .swiper-pagination-bullet { width: 20px; height: 20px; background-color: #fff; opacity: .75; margin: 0px 5px !important; } .swiper-pagination-bullet-active { opacity: 1; background-color: #9e855d; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 30px; color: #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; } .btn-underline:hover { text-decoration:underline; } /* ========================================== Renkler  ======== */ .bg-blue { background-color: #0b4790; } .bg-1 { background-color: #5c7327; } .bg-2 { background-color: #878336; } .bg-3 { background-color: #535235; } .text-1 { color: #5c7327; } .text-2 { color: #878336; } .text-3 { color: #535235; } .bg-to-dark-grey:hover { background-color: #50504f !important; } .fill-white, .fill-white svg{ fill: #fff; } /* ========================================== Form  ======== */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #746a68 !important; } textarea { height: 100px } .form-control { padding: 0.75rem 0.75rem !important;  border-radius: 10px; border: 2px solid #746a68 !important;  color: rgba(0,0,0,.5) !important; background-color: transparent; } .form-control:focus { box-shadow: none !important; color: rgba(0,0,0,.5) !important;  } .form-check-input { border: 1px solid #000; background-color: transparent; } .form-check-input:checked { background-color: #0b4790; border: none !important; } .form-check-input:focus { box-shadow: none !important; } .form-check { font-size: 12px;} form .form-btn {  background-color: rgba(0,0,0,.10); color: rgba(0,0,0,.25); color: #000; border-radius: 10px; cursor: pointer;  border: none; width: 100%;} form .form-btn:hover { background-color: #535235; color: #fff; } .select-rapor { min-width: 200px; border: 1px solid #000 !important; color: #000 !important;} .select-rapor::-webkit-input-placeholder, .select-rapor:focus{ color: #000 !important; } .kvkk { display: none; width: 100%; max-width: 1400px; max-height: 75vh; padding: 25px; } /* ========================================== Diğer  ======== */ .video-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden; } .video-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-center { height: 100%; object-position: center; object-fit: cover; } .line-desktop { width: 100%; height: 1px; background-color: #50504f ;  } .line-mobil { width: 1px%; height: 1px; background-color: #50504f ;  } .brand-norul { width: 150px; max-width: 150px;} .brand-prokar { width: 130px; max-width: 130px;} .brand-urla { width: 320px; max-width: 320px;} /* ====== RESPONSİVE  ========================================================================================== */ .form-alani::-webkit-scrollbar { width: 6px;  } .form-alani::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px; margin-top: 20px; margin-bottom: 20px;} .form-alani::-webkit-scrollbar-thumb {background: #0b2c40; border-radius: 10px;} .form-alani::-webkit-scrollbar-thumb:hover { background:#ff4e00;} .qPhoneE1 { width:26%; float:left; border-bottom-right-radius: 0; border-top-right-radius: 0; } .qPhoneE2 { width:74%; 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} @media (max-height: 800px) { .form-alani { overflow-y: auto; display: block !important;} } @media (min-width: 200px) and (max-width: 1800px) { .form-alani { overflow-y: auto; display: block !important;} } @media (min-width: 1400px) { } @media (min-width: 1200px) { .position-xl-fixed { position: fixed;} .form-alani { background-color: rgba(255,255,255,.80); border-radius: 25px; margin-right: 25px; margin-top: 25px; height: calc(100vh - 50px); } } @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: 125px; max-width: 125px;} .menu .navbar-nav .nav-link { padding: 0px 18px; } .ayar-1 { height: 55px; } .brand-urla { width: 230px; max-width: 230px;} .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: 1200px) { .fs-big-1 { font-size: calc(1.675rem + 1.5vw)!important; } .fs-big-2 { font-size: calc(1.275rem + 1.5vw)!important; } .fs-big-3 { font-size: calc(1.075rem + 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; max-width: 100px;} .brand-norul { width: 125px; max-width: 125px;} .brand-prokar { width: 110px; max-width: 110px;} .brand-urla { width: 170px; max-width: 170px;} } @media (min-width: 200px) and (max-width: 575px) { }