.popup99, .popup99 a.git99 { width: 100%; height: 100% } .popup99 { padding: 50px 10px; position: fixed; left: 50%; z-index: 1000000; background: rgba(0,0,0,.6) } .popup99 { text-align: center } .popup99 a.git99 img { max-width: 100%; max-height: 100% } .popup99 a.git99:hover { opacity: 1 } .popup99 a.kapat99 { color: #fff; font-size: 35px; position: absolute; left: 50%; top: 10px } .popup99 img { max-height: 100% } .popup99 a.git99, .popup99 img { display: inline-block } .popup99 { top: 50%; transform: translate(-50%,-50%) } .popup99 a.git99 { position: relative } /********/ footer { position: relative; } footer .satir1 { transition: all 400ms; padding: 118px 0 0; position: relative; } footer .satir1 .footContact { } footer .satir1 .footContact .kap { margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; } footer .satir1 .footContact .kap .title { font: 500 18px var(--icerik-fontu); color: #000; } footer .satir1 .footContact .kap .info { margin: 0; display: block; width: fit-content; } .altiniciz { text-decoration: underline; } footer .satir1 .footSocial { display: flex; align-items: center; justify-content: flex-start; gap: 0; } footer .satir1 .footSocial .linkGit { width: 44px; height: 44px; display: flex; align-items: center; /* justify-content: center; */ margin: 0; } footer .satir1 .footSocial .linkGit svg { width: 18px; height: auto; } footer table { width: 100%; border: none; padding-left: 80px; } footer table tbody { } footer table tbody tr { } footer table tbody tr td { width: 50%; vertical-align: text-top; } footer h2 { font: 500 18px var(--icerik-fontu); color: #000; margin: 0 0 10px; } footer p { margin: 0 0 15px; font: 400 16px var(--icerik-fontu); color: #252525; cursor: pointer; } footer table a { position: relative } footer table a:after { background-color: #333; bottom: -.1em; content: ""; height: .1em; left: 0; min-height: 1px; position: absolute; right: 0; transform: scaleX(0); transform-origin: right; transition: transform .75s cubic-bezier(.19,1,.22,1); } footer table a:hover:after { transform: scaleX(1); transform-origin: left; } footer .satir2 { padding: 75px 0 0 0; } footer .satir2 .footLogo { background: #f6f6f6; padding: 10px; border-radius: 10px; display: flex; gap: 10px; } footer .satir2 .footLogo .kap { width: 100%; background: #fff; padding: 20px 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; } footer .satir2 .footLogo .kap:hover { opacity: .8 } footer .satir2 .footLogo .kap embed { } footer .satir3 { padding: 75px 0; } footer .satir3 .kap { display: flex; align-items: center; justify-content: flex-start; } footer .satir3 .copy { color: #000; font: 300 16px var(--icerik-fontu); } footer .satir3 .kap .imza { text-align: left; letter-spacing: .5px; font: 500 15px var(--icerik-fontu); margin-right: 8px; } footer .satir3 .kap .imza a { color: #818d96; font: 500 16px var(--icerik-fontu); } /*********/ .nedirIcerik { font: 400 16px var(--icerik-fontu); color: #252525; line-height: 28px; margin: 35px 0; } .nedirIcerik iframe { margin: 30px 0 } .nedirIcerik p { margin: 0 0 10px; } .nedirIcerik .icerik { line-height: 30px } .nedirIcerik h1 { color: #58585a; font-weight: 700; font-size: 24px; margin: 0 0 20px; height: auto; padding: 0 0 10px } .nedirIcerik h1 span { display: block; font-size: 14px; font-weight: 700; letter-spacing: 0; color: #6e6e6e; line-height: 13px } .nedirIcerik h1 strong { font-weight: 700; color: #c48012; font-size: 22px } .nedirIcerik .donanim { margin: 50px 0 10px } .nedirIcerik .donanim div { width: auto; float: left; margin: 0 0 20px 30px; text-align: center } .nedirIcerik .donanim div span { display: block; font-weight: 700; font-size: 14px; color: #002657 } .nedirIcerik .donanim div em { font-style: normal; font-size: 13px } .nedirIcerik .donanim div img { width: 26px; display: inline-block } .nedirIcerik h2 { color: var(--tema-renk2); font: 600 26px var(--baslik-fontu); } .nedirIcerik ul { list-style: circle; margin-left: 30px } .nedirIcerik ul li { /* padding-left: 30px; */ padding-bottom: 3px; position: relative; line-height: 30px } .nedirIcerik ul li::marker { color: var(--tema-renk1); } .nedirIcerik .itemN { margin: 10px; max-height: 400px; overflow: hidden } .nedirIcerik figcaption { text-align: center; margin-bottom: 20px; font-weight: 700; font-size: 15px; color: #c1c1c1 } .nedirIcerik .videoNedir { width: 50%; float: left; padding-right: 20px; position: relative } .nedirIcerik img { height: auto !important; margin: 0 25px 20px 0 } /*****/ .deveTab a.aktif { color: #c81518 } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none } .aktifTab { display: block } .urunTab { margin: 30px 0px; } .urunTab .bilgi { line-height: 30px; font-size: 15px; color: #111; padding: 30px 15px; background: transparent; border: none; } .urunTab .bilgi h2 { margin: 0 0 15px 0; font-size: 18px; font-weight: 600 } .urunTab .deveTab { border-bottom: 1px solid #f2f2f2; position: relative; } .urunTab .deveTab a { border-radius: 0; font-size: 14px; padding: 10px 15px; background: transparent; display: inline-block; margin-right: 0; letter-spacing: .5px; font-weight: 600; } .urunTab .deveTab a.aktif { color: var(--tema-renk1); background: transparent; border-bottom: 2px solid var(--tema-renk1); } /****/ iframe { max-width: 100% } /****/ .fotorama { max-width: 800px; margin: 0 auto } /*****************/ .katicerik { margin: 50px 0; line-height: 25px; font-size: 15px; color: #58585a } /*****/ #faqTop { padding: 70px 0; display: block; } #faqTop .faqForm { } #faqTop .faqForm .formtitle { font-weight: 700; text-transform: uppercase; font-size: 25px; line-height: 1.2em; word-wrap: break-word; color: #222; margin: 0 0 15px; } #faqTop .faqForm .satir { margin-bottom: 15px; } #faqTop .faqForm .satir textarea, #faqTop .faqForm .satir input { position: relative; display: inline-block; width: 100%; vertical-align: top; cursor: pointer; outline: 0; padding: 0; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; background-color: transparent; color: #222; border-color: #222; margin: 0 !important; font: 400 15px var(--icerik-fontu); line-height: 36px; border: none; border-bottom: 1px solid #222; } #faqTop .faqForm .satir textarea::placeholder, #faqTop .faqForm .satir input::placeholder { color: #222; font: 400 15px var(--icerik-fontu); } #faqTop .faqForm .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; } #faqTop .faqForm .satir.guvenlik label { width: 28% !important; position: relative !important; transform: none !important; opacity: 1 !important; padding: 0 !important; margin: 0 10px 0 0 !important; } #faqTop .faqForm .satir.guvenlik label img { width: 100%; } #faqTop .faqForm .satir.guvenlik input { width: 70% !important; margin: 0; } #faqTop .faqForm .satir button { font: 700 15px var(--baslik-fontu); line-height: 20px; position: relative; display: inline-flex; vertical-align: middle; width: auto; margin: 0; text-decoration: none; border-radius: 0; outline: 0; padding: 11px 36px; cursor: pointer; background-color: transparent; border: 1px solid #222; background-image: linear-gradient(0deg,rgb(255 255 255) 0,rgb(255 255 255) 100%),linear-gradient(0deg,rgb(0 0 0 / 0%) 0,rgb(0 0 0 / 0%) 100%); transition: background-size .58s cubic-bezier(.45,.8,.02,.91),color .2s ease-out,border-color .2s ease-out; background-position: 100% calc(100% + 2px),center; background-size: 100% 0,100% 100%; background-repeat: no-repeat; color: #222; border-color: #222; margin-top: 25px !important; } #faqTop .faqForm .satir button:hover { background-position: 100% 0,center; background-size: 100% 100%,100% 100%; color: #121212; } #faqTop .faqContact { margin: 45px 0; } #faqTop .faqContact .kap0 { margin: 15px 0; } #faqTop .faqContact .kap0:before { content: "\26AC" } #faqTop .faqContact .kap0 span { margin-bottom: 15px; font: 500 16px var(--icerik-fontu); color: #222; background-image: linear-gradient(#222, #222), linear-gradient(#222, #222); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 82%; background-repeat: no-repeat; transition: background-size 0.4s linear; margin-left: 10px; } #faqTop .faqContact .kap0 a { } #faqTop .faqContact .kap0 span:hover { background-size: 0% 1px, 100% 1px; } #faqTop .kapsul { } #faqTop .kapsul a.link .item:before { display: none; } #faqTop .kapsul .item { padding: 0; border: none; } #faqTop .kapsul .item h3 { margin: 0 } #faqTop .kapsul .item a { color: #222; padding: 28px 34px 30px 0; position: relative; color: #222; margin: 0; transition: padding .2s ease-out; cursor: pointer; border-top: 1px solid #222; font: 400 18px var(--baslik-fontu); text-transform: uppercase; line-height: 30px; width: 100%; display: block } #faqTop .kapsul .item h3 a:before { content: "+"; position: absolute; right: 0; font-size: 43px; font-weight: 400; top: 50%; transform: translateY(-50%); } #faqTop .kapsul .item h3 a.active:before { content: "-"; top: 36%; } #faqTop .kapsul .item .cevap { color: #222; padding: 9px 8% 20px 0; margin: 0; position: relative; display: inline-block; width: 100%; vertical-align: top; font: 400 16px var(--icerik-fontu); line-height: 25px; } /**********/ .tabloyama { overflow-x: auto; margin-right: -20px; padding-bottom: 20px; margin: 25px 0; } /**************/ .yildizOn { /* margin: 0 auto; */ background: url(/d/r/yildiz-pasif.png); position: relative; width: 100px; height: 16px; display: block; } .yildizOn span { position: absolute; left: 0; top: 0; width: 100px; height: 17px; background: url(/d/r/yildiz.png); } /*******/ .icerikDet { padding: 50px 0 75px; } .icerikDet .kisaOzet { font-size: 18px; font-style: italic; font-weight: 500; line-height: 30px; letter-spacing: 1px; } .icerikDet .icerik { font-size: 16px; line-height: 27px; letter-spacing: 1px; color: #333 } .icerikDet .icerik p { margin: 10px 0; } .icerikDet .icerik ul { list-style: circle; margin-left: 25px; line-height: 35px; } .icerikDet .icerik ul li { } .icerikDet .icerik ul li::marker { color: var(--tema-renk1) } .icerikDet .icerik a { } .icerikDet .icerik span { } /*******/ .icerikSag { padding-left: 25px !important; } .icerikSag .icerikDetsag { padding: 32px 32px 32px 32px; background: #023e302b; margin-bottom: 40px; } .icerikSag .icerikDetsag .title { color: #333; margin: 0 0 20px; font: 700 24px var(--baslik-fontu); line-height: 36px; text-transform: uppercase; } #icerikDetCat { } #icerikDetCat ul { } #icerikDetCat ul li { list-style: none; position: relative; padding-left: 16px; font-size: 18px; line-height: 1.5; margin-bottom: 16px; padding-bottom: 16px; } #icerikDetCat ul li:before { position: absolute; content: ""; left: 0; top: 12px; height: 6px; width: 6px; background-color: var(--tema-renk1); } #icerikDetCat ul li:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: rgba(72, 30, 11, 0.07); } #icerikDetCat ul li a { display: flex; justify-content: space-between; align-items: center; } #icerikDetCat ul li span { } #icerikDetCat ul li:last-child { margin-bottom: 0; padding-bottom: 0; } #icerikDetCat ul li:last-child::after { display: none } #icerikDetson { } #icerikDetson { } #icerikDetson ul { } #icerikDetson ul li { display: flex; align-items: center; margin-bottom: 20px; } #icerikDetson ul li .resim { flex: 0 0 auto; margin-right: 20px; width: 100px; height: 100px; } #icerikDetson ul li .resim img { width: 100%; height: 100%; object-fit: cover; } #icerikDetson ul li .kap { } #icerikDetson ul li .kap .baslik { } #icerikDetson ul li .kap .baslik a { margin-bottom: 13px; color: #333; font: 600 16px var(--baslik-fontu); line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } #icerikDetson ul li .kap time { font: 400 14px var(--icerik-fontu); line-height: 25px; display: flex; align-items: center; color: #333; } #icerikDetson ul li .kap time i { margin-right: 5px; display: flex; align-items: center; justify-content: center; } #icerikDetson ul li .kap time i svg { fill: var(--tema-renk2); margin-top: -2px; } #icerikDetson ul li:last-child { margin-bottom: 0 } #icerikfollow { } #icerikfollow .social { display: flex; align-items: center; } #icerikfollow .social a { color: #020e27; padding: 10px; display: flex; align-items: center; justify-content: center; margin-right: 10px; background: #bfaaa3; } #icerikfollow .social a:hover { opacity: 1; background: #fbfbfb; box-shadow: 0 0 2px 2px #0000000f; } #icerikfollow .social a svg { display: block; fill: #fff; width: 20px; height: 20px; } #icerikfollow .social a:hover svg { fill: var(--tema-renk1); } #icerikfollow .social a.yout:hover svg path { fill: var(--tema-renk1); } #icerikfollow .social a.inst svg .st0 { stroke: #fff; } #icerikfollow .social a.inst:hover svg .st0 { stroke: var(--tema-renk1); } /***********/ .swiper-pagination { position: relative; bottom: initial; left: initial; margin: 15px 0 0; bottom: 0 } .swiper-pagination-bullet { width: 17px; border-radius: 2px; height: 4px } .swiper-pagination-bullet-active { width: 39px } /***********/ nav.icMenu { padding: 15px; background: transparent; margin-right: 30px; border: 1px solid var(--tema-renk1); } nav.icMenu a { position: relative; display: block; color: #252525; text-decoration: none; margin-bottom: 3px; font-size: 16px; padding: 10px 10px 10px 0; font-weight: 400; padding-left: 14px; letter-spacing: -.5px; } nav.icMenu a:hover { color: var(--tema-renk1); background: #e5e5e5; } nav.icMenu a.active { color: #fff; background: var(--tema-renk1); } nav.icMenu a.active:after { position: absolute; top: 19px; right: 10px; width: 8px; height: 8px; content: ''; margin-left: -5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( -45deg); box-sizing: border-box; } /****/ .efektekle { position: relative; overflow: hidden; } .efektekle:after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; transition: .2s; border: 2px solid rgb(0 0 0 / 58%); clip-path: polygon(0 calc(100% - 1rem), 0 100%, 1rem 100%, 1rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 1rem) 100%, 100% 100%, 100% calc(100% - 1rem)); box-shadow: 1px 1px #fff; z-index: 5; } .efektekle:hover:after { border-color: var(--tema-renk1); -webkit-transform: scale(.9); transform: scale(.9); } .efektekle img { transition: transform .2s,filter .4s; } .efektekle:hover img { transform: scale(1.1); } /***********/ .solHover { position: relative; z-index: 50; overflow: hidden; transition: all 750ms ease; } .solHover:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: -1; transition: all 750ms ease; background: #272b2b; } .solHover:hover:before { width: 100% } .solHover:hover { color: #fff !important; } /**********/ .sallaHover { position: relative; overflow: hidden; padding: 10px 15px; display: inline-block; border: 1px solid currentColor; margin-top: 15px; } .sallaHover span { position: relative; color: inherit; z-index: 2; } .sallaHover:before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); background-color: inherit; } .sallaHover::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: #fff; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .sallaHover:hover { color: #1c1a1d !important; } .sallaHover:hover:before { top: 100%; } .sallaHover:hover:after { bottom: -50%; } /********/ .patlayanHv { position: relative; z-index: 1; overflow: hidden; } .patlayanHv:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk1); transform: scale(0); transition: 0.3s; border-radius: 5px; z-index: -1; } .patlayanHv:hover:before { transform: scale(1.1); } .patlayanHv:hover { color: #fff !important; border-color: var(--tema-renk1) !important; } /*********/ .resimZoomla { overflow: hidden; } .resimZoomla figure { overflow: hidden } .resimZoomla img { transform: scale(1); transition: all 750ms ease; } .resimZoomla:hover img { transform: scale(1.1); } /**********/ .caprazHv { display: inline-block; position: relative; overflow: hidden; z-index: 1; } .caprazHv:after { position: absolute; content: ""; z-index: -1; display: block; left: -20%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; background: var(--tema-renk1); transform: skewX(45deg) scale(0, 1); transition: all 0.5s ease 0s; } .caprazHv:hover { color: #ffffff !important; } .caprazHv:hover:after { transform: skewX(45deg) scale(1, 1); } /**********/ .okSalla { display: flex; align-items: center; justify-content: space-between; } .okSalla i { display: inline-block; margin-left: 5px; margin-top: 5px; } .okSalla:hover i { animation: shake-next 1s ease infinite; } @keyframes shake-next { 25% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(-2px, 0, 0); } 75% { transform: translate3d(2px, 0, 0); } } /**********/ #iletFormBil { margin: 50px 0; position: relative; display: block; } #iletFormBil .kapsul { margin: 0 0 25px; padding: 0 25px 0 0; } #iletFormBil .kapsul .content { font: 500 18px var(--icerik-fontu); color: #7c859b; margin: 0 0 30px; } #iletFormBil .kapsul .content h2 { font: 500 24px var(--baslik-fontu); color: #000; margin: 45px 0 5px; } #iletFormBil .kapsul .content h2:first-child { margin: 0 0 5px; } #iletFormBil .kapsul .content p, #iletFormBil .kapsul .content a { font: 400 20px var(--icerik-fontu); color: #000; } #iletFormBil .kapsul .content a { text-decoration: underline; margin: 0 0 8px; display: block; width: fit-content; } #iletFormBil .kapsul .content a:hover { color: var(--tema-renk2) } #iletFormBil .kapsul .content strong { font: 500 15px var(--icerik-fontu); color: #252525; line-height: 34px; margin: 0; } #iletFormBil .iletForm { display: flex; flex-wrap: wrap; justify-content: flex-end; } #iletFormBil .iletForm .form-floating { position: relative; } #iletFormBil .iletForm .mb-3 { margin-bottom: 20px !important; width: 100%; } #iletFormBil .form-control { display: block; font-size: 1rem; font-weight: 400; color: #212529; appearance: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #iletFormBil .form-floating > .form-control { height: 65px; padding: 11px 22px 10px 19px; width: 660px; max-width: 100%; } #iletFormBil .form-floating > label { display: inline-block; position: absolute; top: 0; left: 0; z-index: 2; padding: 20px 20px; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; font-size: 18px; } #iletFormBil .form-floating > .form-control:focus, #iletFormBil .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } #iletFormBil .form-floating > .form-control:not(:placeholder-shown) ~ label { color: #212529a6; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } #iletFormBil .form-floating > .form-control:focus ~ label::after, #iletFormBil .form-floating > .form-control:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: #fff; border-radius: 0.375rem; } #iletFormBil .form-floating > .form-control::placeholder { color: transparent; } #iletFormBil .form-floating > .form-control:focus { padding-top: 1.625rem; padding-bottom: .625rem; border-color: var(--tema-renk1); } #iletFormBil .form-floating > .form-control:focus ~ label { color: #212529a6; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } #iletFormBil form .satir { margin-bottom: 15px; width: 100%; } #iletFormBil form .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 60px 0 } #iletFormBil form .satir.guvenlik label { padding-left: 0; height: 74px; width: 20%; } #iletFormBil form .satir.guvenlik label img { width: 100%; margin-top: 6px; } #iletFormBil form .satir.guvenlik .form-floating { margin: 0 0 0 10px; width: 80%; } #iletFormBil form .satir.guvenlik .form-floating label { width: auto; height: 100%; padding: 1rem .75rem; } #iletFormBil form button { background: #E12426; color: #fff; display: flex; width: fit-content; padding: 10px 0 10px 20px; border-radius: 38px; font: 600 16px var(--icerik-fontu); align-items: center; justify-content: space-between; gap: 60px; cursor: pointer; margin: 25px 0 0; border: none; width: 211px; height: 61px; } #iletFormBil form button span { background: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; margin: 4px; } #iletFormBil form button:hover { background: #CE191B } #iletFormBil button.sollaSaglaKap:hover span { background-color: #fff !important; } #iletFormBil button:hover { background: #CE191B; } #iletFormBil button.sollaSaglaKap:before { background-color: #CE191B; } #iletFormBil .sollaSaglaKap:hover span { background: #fff !important; } #iletFormBil .sollaSaglaKap:before { background-color: #CE191B; } #TBguvenlik { width: 200px !important; } #iletMap iframe { width: 100%; filter: grayscale(1); } /**********/ #haritadagoster { width: 161px; height: 46px; background: #3954a1; border-radius: 40px; text-align: center; color: #fff; font-weight: 500; font-size: 16px; display: flex; align-items: center; justify-content: center; } #haritadagoster:hover { background: #2E468A } /**********/ #anaHakkimizda { position: relative; padding: 150px 0; background-attachment: scroll; background-position: top; background-repeat: no-repeat; background-size: cover; } #anaHakkimizda:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #efefef; opacity: .95 } #anaHakkimizda .container { z-index: 5; } #anaHakkimizda figure { } #anaHakkimizda figure img { max-width: 100%; } #anaHakkimizda .metin { position: relative; } #anaHakkimizda .metin:before { content: ""; position: absolute; top: -50px; left: -20px; background-image: url(/d/r/line.png); width: 192px; height: 234px; z-index: -1; opacity: .1; background-size: cover; } #anaHakkimizda .metin .baslik { color: var(--tema-renk1); margin-bottom: 15px; font: 500 22px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; } #anaHakkimizda .baslik:before { content: ""; position: absolute; width: 200px; height: 2px; background: linear-gradient(87deg, var(--tema-renk1), transparent); top: 48%; transition: width ease 2s; left: 31%; transform: translateY(-50%); } #anaHakkimizda .metin .kisaOzet { color: #030e1c; position: relative; z-index: 25; font: 600 38px var(--baslik-fontu); text-transform: uppercase; margin-bottom: 15px; } #anaHakkimizda .metin .kisaOzet em { font-style: normal; font-weight: 300; } #anaHakkimizda .metin .icerik { margin-bottom: 28px; position: relative; z-index: 25; font: 400 15px var(--icerik-fontu); line-height: 30px; color: #747474; } #anaHakkimizda .metin .icerik p { margin-bottom: 15px; } #anaHakkimizda .metin .more { font: 400 15px var(--baslik-fontu); text-transform: capitalize; line-height: 24px; letter-spacing: 1.2px; padding: 10px 10px 10px 20px; border-radius: 30px; background-color: var(--tema-renk1); color: #fff; display: flex; align-items: center; width: fit-content; column-gap: 30px; } #anaHakkimizda .metin .more i { width: 30px; height: 30px; border-radius: 50%; background: var(--tema-renk2); display: flex; align-items: center; justify-content: center; transition: .4s ease } #anaHakkimizda .metin .more svg { } #anaHakkimizda .metin .more.patlayanHv:hover { border-color: var(--tema-renk2) !important; } #anaHakkimizda .metin .more.patlayanHv:before { background: var(--tema-renk2); } #anaHakkimizda .metin .more:hover i { background: var(--tema-renk1) } /*******/ #anaHakkimizda .scrollDown { position: absolute; top: -78px; z-index: 50; left: 50%; display: flex; flex-direction: column; align-items: center; width: 100px; height: 100px; border-radius: 50%; transform: translateX(-50%); } #anaHakkimizda .scrollDown span { position: relative; width: 50px; height: 50px; border-radius: 50%; background: #fff; } #anaHakkimizda .scrollDown span::before { content: ""; position: absolute; width: 150%; height: 150%; animation-delay: 0s; animation: pulsate1 2s; animation-iteration-count: infinite; opacity: 1; border-radius: 50%; border: 5px solid rgba(255, 255, 255, .75); top: -27%; left: -26%; background: rgba(198, 16, 0, 0); } #anaHakkimizda .scrollDown strong { color: #000; font: 500 16px var(--icerik-fontu); position: absolute; top: 50%; left: 50%; width: 10px; height: 20px; border-radius: 15px; border: 1px solid #111; transform: translate(-50%, -50%); } #anaHakkimizda .scrollDown strong::before { position: absolute; top: 2px; left: 50%; content: ''; width: 4px; height: 4px; margin-left: -2px; background-color: #000000; border-radius: 100%; animation: 2s infinite sdb11; box-sizing: border-box } #anaHakkimizda .scrollDown strong:after { content: "\1F852"; position: absolute; left: 62%; top: 53%; transform: translateX(-50%) rotate(90deg); font-size: 11px; color: #000; font-weight: 400; width: 0px; } /*********/ @keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, 0.75), 0px 0px 15px 10px rgba(255, 255, 255, 0.75); } 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; box-shadow: none; } } @keyframes sdb11 { 0% { transform: translate(0,0); opacity: 0 } 40% { opacity: 1 } 80% { transform: translate(0,10px); opacity: 0 } 100% { opacity: 0 } } /*********/ #merakEdilenler { background: #f3f3f3; padding: 75px 0; overflow: hidden; } #merakEdilenler .title { font-size: 40px; font-weight: 600; line-height: 55px; width: 550px; margin-bottom: 12px; display: inline-block; max-width: 100%; } #merakEdilenler .subtitle { font-size: 18px; line-height: 31px; width: 500px; font-weight: 400; max-width: 100%; } #merakEdilenler .kaps0 { margin-bottom: 30px; } #merakEdilenler .item { padding: 15px 0; border-bottom: 1px solid #d3d1d1; } #merakEdilenler .item h3 { margin: 0; font-size: 18px; letter-spacing: .2px; font-weight: 600; position: relative; padding-left: 5px; color: #181818; } #merakEdilenler .item h3:after { content: "+"; position: absolute; right: 0; font-size: 32px; font-weight: 400; top: -10px; display: inline-block; transition: all 750ms ease; } #merakEdilenler .item a.active h3:after { content: "-"; } #merakEdilenler .item h3 a { display: block; font-size: 14px; color: #444; margin: 5px 0; font-weight: 600; position: relative; } #merakEdilenler .item .cevap { display: block; margin: 15px 0 0; line-height: 23px; color: #727272; font-size: 16px; padding-left: 5px; } /*******/ #blog { position: relative; padding: 75px 0; } #blog .kapsul { margin-bottom: 50px; text-align: center; } #blog .kapsul .title { color: var(--tema-renk1); font: 500 22px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; margin: 0 auto 15px; padding: 0 0 5px; } #blog .kapsul .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; } #blog .kapsul .subtitle { font: 500 32px var(--icerik-fontu); color: #252525; line-height: 25px; margin: 10px 0; width: 750px; max-width: 100%; margin: 0 auto; } #blog a.seeMore { display: block; font: 500 16px var(--baslik-fontu); color: var(--tema-renk1); text-transform: uppercase; text-align: center; padding: 16px 63px; width: fit-content; border: 1px solid var(--tema-renk1); transition: all 750ms ease; margin: 30px auto; } #blog a.seeMore:hover { background: var(--tema-renk1); color: #ffff; } #blog .grid { display: grid; grid-template-areas: 'sol1 sag1' 'sol1 sag2'; gap: 10px; } #blog .item { position: relative; height: 250px; transition: all 0.5s; } #blog .item:first-child { grid-area: sol1; height: 511px; } #blog .item:nth-child(2) { grid-area: sag1; } #blog .item:nth-child(3) { grid-area: sag2; } #blog .item .kap { height: 100%; width: 100%; } #blog .item .kap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); } #blog .item .kap figure { height: 100%; width: 100%; } #blog .item .kap figure img { width: 100%; height: 100%; object-fit: cover; } #blog .item .kap .metin { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 50 } #blog .item .kap .metin .tarih { color: #ffffff; font: 400 15px var(--icerik-fontu); line-height: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: fit-content; } #blog .item .kap .metin .tarih i { display: flex; align-items: center; justify-content: center; margin-right: 9px; } #blog .item .kap .metin .tarih i svg { fill: #fff; } #blog .item .kap .metin .baslik { color: #ffffff; margin-bottom: 7px; font: 700 22px var(--baslik-fontu); line-height: 33px; } #blog .item .kap .metin span.more { color: #ffffff; font: 600 15px var(--baslik-fontu); line-height: 15px; } #blog .item:hover { transform: translateY(-5px); } /*****************/ @keyframes underline { 0% { width: 0%; } 100% { width: 100%; } } /*************/ #blog .swiper-button-next, #blog .swiper-button-prev { padding: 10px; height: 50px; width: 50px; border-radius: 50px; transform: translateY(0); color: #fff; background: none; top: 59%; background: var(--tema-renk2); right: 10%; } #blog .swiper-button-next { right: -22px; } #blog .swiper-button-prev { left: -26px; } #blog .swiper-button-next:after, #blog .swiper-button-prev:after { font-size: 21px; } #blog .swiper-button-next:after { content: "\1F852"; } #blog .swiper-button-prev:after { content: "\1F852"; rotate: 180deg; } #blog .swiper-button-next.swiper-button-disabled, #blog .swiper-button-prev.swiper-button-disabled { opacity: 1; background: none; border: 1px solid var(--tema-renk2); color: var(--tema-renk2); } /*********/ #blogCat { margin: 10px 0; position: relative; } #blogCat .item { display: block; position: relative; transition: all 0.5s; margin: 10px; width: calc(100% - 20px); height: 350px; } #blogCat .item .kap { height: 100%; width: 100%; } #blogCat .item .kap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); } #blogCat .item .kap figure { height: 100%; width: 100%; } #blogCat .item .kap figure img { width: 100%; height: 100%; object-fit: cover; } #blogCat .item .kap .metin { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 50 } #blogCat .item .kap .metin .tarih { color: #ffffff; font: 400 15px var(--icerik-fontu); line-height: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: fit-content; } #blogCat .item .kap .metin .tarih i { display: flex; align-items: center; justify-content: center; margin-right: 9px; } #blogCat .item .kap .metin .tarih i svg { fill: #fff; } #blogCat .item .kap .metin .baslik { color: #ffffff; margin-bottom: 7px; font: 700 22px var(--baslik-fontu); line-height: 33px; } #blogCat .item .kap .metin span.more { color: #ffffff; font: 600 15px var(--baslik-fontu); line-height: 15px; } #blogCat .item:hover { transform: translateY(-5px); } /*****************/ /*************/ #randevuOlustur { position: relative; z-index: 1; padding-bottom: 120px; } #randevuOlustur .kapsul { border-radius: 40px; position: relative; padding: 70px 60px; background-color: #fd8f77; display: flex; align-items: center; gap: 60px; } #randevuOlustur .kapsul:before { content: ""; position: absolute; background-image: url(/d/r/shape-01.png); background-repeat: no-repeat; background-size: contain; left: 385px; top: 0; z-index: 0; width: 136px; height: 75px; } #randevuOlustur .kapsul:after { content: ""; position: absolute; background-image: url(/d/r/shape-02.png); background-repeat: no-repeat; background-size: contain; left: auto; right: 550px; bottom: 0; z-index: 0; width: 136px; height: 124px; } #randevuOlustur .kapsul .k0 { position: relative; } #randevuOlustur .kapsul .k0:after { content: ""; position: absolute; background-image: url(/d/r/shape-03.png); background-repeat: no-repeat; background-size: contain; left: auto; right: 36px; bottom: 28px; z-index: 0; width: 55px; height: 38px; } #randevuOlustur .kapsul figure { margin-right: 40px; } #randevuOlustur .kapsul figure img { width: 100px; height: auto } #randevuOlustur .kapsul .title { font: 600 45px var(--icerik-fontu); color: #1c1d20; line-height: 1.1; width: 320px; max-width: 100%; } #randevuOlustur .kapsul .subtitle { font: 400 24px var(--icerik-fontu); color: #1c1d20; margin: 0 0 20px; line-height: 1.5; width: 380px; max-width: 100%; } #randevuOlustur .kapsul .rndvButon { } #randevuOlustur .kapsul .rndvButon a { padding: 22px 40px; font-weight: 600; line-height: 1; text-transform: capitalize; display: inline-flex; align-items: center; overflow: hidden; z-index: 1; gap: 10px; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 18px; color: #fff; background-color: #1c1d20; border-radius: 15px; } #randevuOlustur .kapsul .rndvButon a:before { position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ""; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 12px; background-color: #fff; } #randevuOlustur .kapsul .rndvButon a:hover { color: #1c1d20; } #randevuOlustur .kapsul .rndvButon a:hover:before { top: 0%; bottom: auto; height: 100%; } @keyframes bounceright { from { transform: translateX(0); } to { transform: translateX(3px); } } /********/ #formDet input::placeholder, textarea::placeholder { color: #252525; font: 400 16px var(--icerik-fontu); } #formDet .kapsul { padding: 16px; position: relative; display: flex; flex-direction: column; width: 600px; max-width: 100%; pointer-events: auto; background-color: #fff; outline: 0; border: none; text-align: left; margin: 0 auto; } #formDet .kapsul .tepe { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dee2e6; box-sizing: border-box; padding: 0 50px 20px 15px; position: relative; } #formDet .kapsul .tepe .doktorad { font-size: 26px; line-height: 54px; margin: 0; color: var(--tema-renk1); } #formDet .kapsul .tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: 0; right: 0; } #formDet .kapsul .formdetay { position: relative; padding: 30px 20px; } #formDet .kapsul .formdetay .wrap { margin: -5px } #formDet .kapsul .formdetay .row .satir { width: calc(50% - 10px); margin: 10px 5px; height: 40px; } #formDet .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; } #formDet .satir input, .formdetay .satir select { padding: 10px 5px; color: #252525; background-color: transparent; border: none; border-bottom: 1px solid #252525; padding-left: 0; resize: none; width: 100%; margin: 0; border-radius: 0; height: 40px; font: 400 16px var(--icerik-fontu); } #formDet .satir textarea { padding: 10px 5px; font-size: 16px; color: #252525; background-color: transparent; border: none; border-bottom: 1px solid #252525; padding-left: 0; resize: none; margin: 0; border-radius: 0; } #formDet .onay { margin: 13px 0; position: relative; } #formDet .onay input[type="checkbox"] { width: fit-content; position: absolute; left: 0; top: -10px; } #formDet .onay a { color: var(--tema-renk2) } #formDet.rndv { display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 30px; } #formDet .rndv-content { } #formDet .kapat:hover, .kapat:focus { color: red; cursor: pointer; } #formDet .animate { animation: animatezoom 0.6s } #formDet .rndvonay { cursor: pointer; display: inline-block; text-transform: uppercase; text-align: center; background: var(--tema-renk2); border: 1px solid transparent; color: #fff; position: relative; transition: all 0.3s linear; border-radius: 4px; height: 100%; padding: 12px 20px; margin: 10px auto 0; font: 500 16px var(--icerik-fontu); width: 100%; } #formDet .rndvonay:hover { background: #fff; color: #1a1a1a; border-color: #1a1a1a; } #formDet .guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; } #formDet .guvenlik label { padding-left: 0 !important; } #formDet .guvenlik label img { } #formDet .guvenlik input { } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } /******/ .sagcontainer { padding-left: calc((100% - 1350px)/2); } /**********/ #whyUs { position: relative; overflow: hidden; padding: 75px 0; background: linear-gradient(180deg, #f4f4f4, #fff); } #whyUs .kapsul { margin-bottom: 50px; text-align: center; } #whyUs .kapsul .title { color: var(--tema-renk1); font: 500 22px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; margin: 0 auto 15px; padding: 0 0 5px; } #whyUs .kapsul .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; } #whyUs .kapsul .subtitle { font: 500 32px var(--icerik-fontu); color: #252525; line-height: 25px; margin: 10px 0; width: 750px; max-width: 100%; margin: 0 auto; } #whyUs .item { box-shadow: 0 10px 30px 0 #00000033; padding: 50px; margin: 15px; display: flex; position: relative; overflow: hidden; column-gap: 30px; } #whyUs .item:before { content: ""; position: absolute; top: 0; left: 0; background: #000; z-index: 5; width: 100%; height: 100%; opacity: 0; transition: all ease-in-out .5s; } #whyUs .item .bg { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; transition: .5s ease; } #whyUs .item .bg img { width: 100%; height: 100%; object-fit: cover; } #whyUs .item .icon { z-index: 90; width: 70px; height: 70px; flex-shrink: 0; } #whyUs .item .icon img { } #whyUs .item .metin { z-index: 90; } #whyUs .item .metin .baslik { margin: 0 0 10px; color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); } #whyUs .item .metin .kisaOzet { margin: 0 0 .9rem 0; color: #757575; font: 400 16px var(--baslik-fontu); } #whyUs .item:hover:before { opacity: .5; } #whyUs .item:hover .bg { opacity: 1 } #whyUs .item:hover .icon img { filter: invert(1) } #whyUs .item:hover .metin { color: #fff; transition: all ease-in-out .3s; } #whyUs .item:hover .metin .baslik { color: #fff; transition: all ease-in-out .3s; } #whyUs .item:hover .metin .kisaOzet { color: #fff; transition: all ease-in-out .3s; } /******/ #services { margin: 159px 0 0 0; position: relative; display: block; } #services .kapsul { display: flex; margin: 0 0 125px 0; } #services .kapsul .title { font: 500 24px var(--baslik-fontu); color: #000; margin-top: 9px; width: 345px; max-width: 100%; } #services .kapsul .subtitle { font: 500 54px var(--baslik-fontu); line-height: 66px; width: 885px; max-width: 100%; color: #000; } #services .kapsul .subtitle div { opacity: 0 } #services .swiper-slide { } #services .item { position: relative; border-radius: 12px; overflow: hidden; height: 100%; } #services .item figure { position: relative; display: block; height: 385px; } #services .item figure:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #000000c2, #0000002b); z-index: 1; } #services .item figure img { height: 100%; width: 100%; object-fit: cover; } #services .item .metin { position: absolute; bottom: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 30px 30px; z-index: 5; } #services .item .metin .baslik { font: 600 34px var(--icerik-fontu); color: #fff; line-height: 46px; } #services .item .metin .more { background: var(--tema-renk1); width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; overflow: hidden; transition: all .3s ease-out; } #services .item .metin .more i { display: flex; align-items: center; justify-content: center; color: #fff; } #services .item:hover .metin .more { transform: scale(1.1); background: #3954A1; } #services .item:hover .metin .more i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); } #services .kap { display: flex; align-items: center; margin: 63px 0 0 0; width: 100%; } #services .kap .sol { width: 345px; max-width: 100%; flex-shrink: 0; } #services .kap a.seeAll { display: block; font: 500 18px var(--baslik-fontu); color: #000; margin-top: -10px } #services .kap a.seeAll span { display: inline-block; position: relative } #services .kap a.seeAll span:after { background-color: #333; bottom: -.1em; content: ""; height: .1em; left: 0; min-height: 1px; position: absolute; right: 0; transform: scaleX(0); transform-origin: right; transition: transform .75s cubic-bezier(.19,1,.22,1); } #services .kap a.seeAll span:hover:after { transform: scaleX(1); transform-origin: left; } #services .kap .orta { } #services .kap .orta .swiper-pagination { margin: 0; z-index: 1453 } #services .kap .sag { position: relative; display: flex; align-items: center; width: 118px; flex-shrink: 0; column-gap: 10px; margin-left: 30px; } #services .kap .sag .swiper-button-next, #services .kap .sag .swiper-button-prev { position: relative; width: 54px; height: 54px; border-radius: 50%; border: solid 1.5px #ddd; left: initial; right: initial; margin: initial; flex-shrink: 0; } #services .kap .sag .swiper-button-prev { } #services .kap .sag .swiper-button-next:after, #services .kap .sag .swiper-button-prev:after { display: none } #services .kap .sag .swiper-button-next { } #services .kap .sag .swiper-button-next { transform: rotate(180deg) } #services .kap .sag .swiper-button-next svg, #services .kap .sag .swiper-button-prev svg { width: 28px; height: 28px } #services .kap .sag .swiper-button-prev:hover, #services .kap .sag .swiper-button-next:hover { border-color: #000 } /***********/ #services .swiper-pagination-bullet { margin: 0; border-radius: 0; height: 2px; width: 100px; } #services .swiper-pagination-bullet-active { width: 355px; background: #000; } /***********/ #tekno { position: relative; width: 100%; margin: 0; } #tekno .item { position: relative; border-radius: 25px; overflow: hidden; } #tekno figure { position: relative; overflow: hidden; height: 822px; } #tekno figure:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; } #tekno figure img { width: 100%; height: 100%; display: block; } #tekno .metin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 2; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 81px; } #tekno .metin .title { width: 380px; max-width: 100%; font: 500 74px var(--baslik-fontu); line-height: 87px; } #tekno .metin .content { width: 490px; max-width: 100%; font: 400 20px var(--icerik-fontu); line-height: 32px; } #tekno .metin .content p { margin: 0 0 30px; } /*******/ #deneyim { margin: 138px 0 237px 0; display: block; position: relative; } #deneyim .item { padding: 0 30px 0 0; } #deneyim .title { font: 500 24px var(--baslik-fontu); color: #000; width: 345px; flex-shrink: 0; } #deneyim .metin { margin: -26px 0 0 0; width: 885px; max-width: 100%; } #deneyim .metin .subtitle { font: 500 154px var(--baslik-fontu); color: #000; display: flex; gap: 25px; align-items: center; margin-bottom: 131px; } #deneyim .metin .subtitle img { height: auto; } #deneyim .metin .content { font: 500 54px var(--baslik-fontu); color: #000; line-height: 66px; } /*******/ #kalite { margin-bottom: 237px; position: relative; } #kalite .row { align-items: center; } #kalite .kapsul { padding: 0 30px 0 345px; position: relative; width: 55%; } #kalite .kapsul:before { content: ""; position: absolute; width: 200px; height: 1px; background: #000; left: 0; top: 31px; } #kalite .kapsul .title { font: 500 54px var(--baslik-fontu); color: #000; margin: 0 0 85px; line-height: 66px; } #kalite .kapsul .kisaOzet { font: 400 20px var(--icerik-fontu); color: #000; line-height: 32px; width: 460px; max-width: 100%; } #kalite .kapsul .kisaOzet p { margin: 0 0 15px; } /*******/ #kalite .ArkaPlanKaysinKapsul { position: relative; height: 100vh; width: 45%; } #kalite .ArkaPlanKaysinKapsul div { position: absolute; top: 0; border-radius: 10px 0 0 10px; left: 0; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: 50% 100%; height: 100%; } /*******/ #fransaBanner .ArkaPlanKaysinKapsul { position: absolute; height: 100%; width: 100%; z-index: -1; } #fransaBanner .ArkaPlanKaysinKapsul div { position: absolute; top: 0; border-radius: 10px 0 0 10px; left: 0; background-size: cover; background-repeat: no-repeat; min-width: 100%; background-position: 50% 100%; height: 111%; } /*******/ #servicesDet figure { position: relative } #servicesDet .ArkaPlanKaysinKapsul { position: absolute; height: 100%; width: 100%; z-index: -1; } #servicesDet .ArkaPlanKaysinKapsul div { position: absolute; top: 0; border-radius: 0; left: 0; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: 50% 100%; height: 100%; } /*******/ #serviceOrtak figure { position: relative } #serviceOrtak .cl1.gizle-xs { width: 145px; } #serviceOrtak .ArkaPlanKaysinKapsul { position: absolute; height: 100%; width: 100%; z-index: -1; } #serviceOrtak .ArkaPlanKaysinKapsul div { position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: 50% 100%; height: 100%; } /*******/ #kurumsalCozum figure { position: relative } #kurumsalCozum .ArkaPlanKaysinKapsul { position: absolute; height: 100%; width: 100%; z-index: -1; } #kurumsalCozum .ArkaPlanKaysinKapsul div { position: absolute; top: 0; border-radius: 10px 0 0 10px; left: 0; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: 50% 100%; height: 100%; } /*******/ figure.tepeGorsel .ArkaPlanKaysinKapsul { position: relative; height: 650px; width: 100%; } figure.tepeGorsel .ArkaPlanKaysinKapsul div { position: absolute; top: 0; border-radius: 10px 0 0 10px; left: 0; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: 50% 100%; height: 100%; } /*******/ /*******/ #referans { position: relative; margin-bottom: 221px; } #referans .kapsul { margin-top: 17px; } #referans .kapsul .title { font: 500 34px var(--baslik-fontu); color: #000; width: 309px; max-width: 100%; } #referans .item { padding: 0 10px 20px 10px; position: relative; } #referans .item:before { content: ""; position: absolute; bottom: 0; right: -30px; width: 60px; height: 1px; background: #d9d9d9; } #referans .item:after { content: ""; position: absolute; bottom: -30px; right: 0; width: 1px; height: 60px; background: #d9d9d9; } #referans .item figure { width: 225px; height: 100px; margin: 0 auto; } #referans .item figure img { filter: grayscale(1); width: 150px } #referans .cl4:nth-child(3n) .item:before { display: none } #referans .cl4:nth-child(3n) .item:after { display: none } #referans .cl4:nth-last-child(-n+3) .item:before { display: none } #referans .cl4:nth-last-child(-n+3) .item:after { display: none } /*******/ #fransaBanner { position: relative; overflow: hidden; margin: 0; height: 800px; background-repeat: no-repeat; background-size: cover; } #fransaBanner:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6 } #fransaBanner img { position: absolute; top: -120px; left: 0; width: 100% } #fransaBanner .metin { z-index: 50; position: relative; color: #fff; display: flex; flex-direction: column; justify-content: space-between; gap: 251px; height: 100%; margin: 175px 0; } #fransaBanner .metin .title { font: 500 74px var(--baslik-fontu); width: 919px; max-width: 100%; z-index: 50; line-height: 87px; } #fransaBanner .metin .title .word { opacity: 0; transition: opacity .3s cubic-bezier(.41,.09,.58,1); } #fransaBanner .metin .more { background: #fff; display: flex; width: fit-content; padding: 3px 6px 3px 23px; border-radius: 38px; font: 600 16px var(--icerik-fontu); color: #222; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; z-index: 50; transition: all .3s ease-out; width: 211px; height: 61px; } #fransaBanner .metin .more span { background: var(--tema-renk1) !important; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; transition: all .3s ease-out; } #fransaBanner .metin .more span i { display: flex; align-items: center; justify-content: center; color: #fff; } /*******/ .sollaSagla { overflow: hidden; transition: all .3s ease-out; } .sollaSagla i { display: flex; align-items: center; justify-content: center; } .sollaSagla:hover { transform: scale(1.1); background: #586a9c; } .sollaSagla:hover i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); } /*******/ .sollaSaglaKap { transition: all .3s ease-out; position: relative; } .sollaSaglaKap:before { content: ""; background-color: var(--tema-renk1); clip-path: inset(1.5rem 2rem 1.5rem calc(100% - 0rem) round 4.25rem); transition: clip-path .65s cubic-bezier(.785,.135,.15,.86), transform .65s cubic-bezier(.785,.135,.15,.86), -webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86); position: absolute; bottom: -1px; left: -1px; right: -1px; top: -1px; z-index: -1; border-radius: 9999px; } .sollaSaglaKap span { overflow: hidden; transition: all .3s ease-out; } .sollaSaglaKap span i { display: flex; align-items: center; justify-content: center; } .sollaSaglaKap:hover span { transform: scale(1.1); background: #586a9c !important; } .sollaSaglaKap:hover span i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); color: #fff; } .sollaSaglaKap:hover:before { clip-path: inset(0 round 4.25rem); } .sollaSaglaKap:hover { color: #fff !important; } /*******/ .sayfaTepe .tepeContact.sollaSaglaKap:before { background-color: #CE191B; } .sayfaTepe .tepeContact.sollaSaglaKap:hover span { background: #fff !important; } /*******/ #servicesCat { margin: 94px 0 35px 0; } #servicesCat .item { border: 1px solid #ededed; border-radius: 10px; z-index: 25; position: relative; overflow: hidden; margin: 0 10px 30px; } #servicesCat .cl6:nth-child(2n) .item { margin: 0 0 30px 15px } #servicesCat .cl6:nth-child(2n+1) .item { margin: 0 15px 30px 0 } #servicesCat .item .readMore { background: var(--tema-renk1); width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; bottom: 35px; right: 35px; } #servicesCat .item .readMore i { display: flex; align-items: center; justify-content: center; color: #fff; } #servicesCat .item:hover .readMore { transform: scale(1); background: #3954A1; } #servicesCat .item:hover .readMore i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); } #servicesCat .item .big { padding: 0 10px 10px 10px; width: 100%; position: relative; overflow: hidden; height: 400px; } #servicesCat .item .big img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } #servicesCat .item .metin { padding: 52px 40px 46px 46px; width: 100%; } #servicesCat .item .metin .inner { display: flex; justify-content: space-between; } #servicesCat .item .metin .inner .baslik { margin-bottom: 52px } #servicesCat .item .readMore { display: none } #servicesCat .item .metin .inner .readMore { display: flex; position: relative; bottom: 10px; right: initial;; overflow: hidden } #servicesCat .item .metin .kisaOzet { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000; width: 538px; max-width: 100%; } #servicesCat .item .metin .baslik { color: #000; margin: 0 0 10px; font: 600 34px var(--icerik-fontu); line-height: 44px; } #servicesCat .item:hover .metin .baslik { color: var(--tema-renk1); transition: .5s; } /*********/ #servicesDet { padding: 94px 0 0 0; } #servicesDet .tepeGorsel { width: 100%; height: 650px; overflow: hidden; } #servicesDet .tepeGorsel img { width: 100%; height: 100%; object-fit: cover; } #servicesDet .bordla { width: 115px; max-width: 100%; height: 1px; background: #000; flex-shrink: 0; margin-top: 4px; } #servicesDet .metin { margin: 165px 0 0; line-height: 27px; font-size: 16px; } #servicesDet .metin .row { align-items: flex-start; } #servicesDet .icerik { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000; margin-left: 235px; } #servicesDet .icerik strong { font: 500 34px var(--baslik-fontu); } #servicesDet .icerik h1 { } #servicesDet .icerik h2 { margin: 20px 0; font-size: 22px; } #servicesDet .icerik h3 { text-transform: capitalize; margin: 10px 0 5px 0; } #servicesDet .icerik h4 { } #servicesDet .icerik h5 { } #servicesDet .icerik h6 { } #servicesDet .icerik p:first-child { margin: 0 0 75px 0; } #servicesDet .icerik img { height: auto; } #servicesDet .icerik ul { list-style: disc; margin-left: 25px; color: #747474; } #servicesDet .icerik ul li { font-size: 16px; line-height: 25px; list-style: none; position: relative; padding-left: 23px; margin: 5px 0; letter-spacing: 1px; } #servicesDet .icerik ul li:before { /* content:""; */ position: absolute; border: 1px solid #000; width: 10px; height: 10px; left: 0; top: 7px; } #servicesDet .icerik ul li:after { content: ""; position: absolute; width: 8px; height: 15px; left: 6px; top: 2px; border-bottom: 3px solid #1a71a5; border-right: 3px solid #1a71a5; transform: rotate(45deg); } #servicesDet .icerik ol { color: #000; } #servicesDet .icerik ul li { margin-bottom: 20px; } #servicesDet .keyKap { margin: 219px 0 232px 0; } #servicesDet .keyKap .keyTitle { font: 500 24px var(--baslik-fontu); color: #000; width: 345px; flex-shrink: 0; } #servicesDet .keyKap .keyDesc { width: calc(100% - 345px); } #servicesDet .keyKap .keyDesc ul { } #servicesDet .keyKap .keyDesc ul li { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000; margin: 0 0 79px; padding: 0 0 79px; border-bottom: 1px solid #dedede; } #servicesDet .keyKap .keyDesc ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } #servicesDet .keyKap .keyDesc ul li strong { font: 500 54px var(--baslik-fontu); color: #000; line-height: 66px; margin: 0 0 15px; display: block; } #servicesDet .serviceGaleri { position: relative; overflow: hidden } #servicesDet .serviceGaleri .swiper { overflow: visible } #servicesDet .serviceGaleri figure { height: auto; width: 100%; border-radius: 12px; overflow: hidden; } #servicesDet .serviceGaleri figure img { width: 100%; height: 100%; object-fit: cover; } #servicesDet .serviceGaleri .kaps { display: flex; align-items: center; justify-content: space-between; margin: 54px 0 0 0; width: 968px; max-width: 100%; } #servicesDet .serviceGaleri .kaps .tit { font: 500 24px var(--baslik-fontu); color: #000; } #servicesDet .serviceGaleri .kaps .oklar { display: flex; align-items: center; gap: 15px; } #servicesDet .serviceGaleri .swiper-button-next, #servicesDet .serviceGaleri .swiper-button-prev { position: relative; right: initial; margin: 0; left: initial; color: #000; } #servicesDet .serviceGaleri .swiper-button-prev svg { transform: rotate(180deg); } #servicesDet .serviceGaleri .swiper-button-next:after, #servicesDet .serviceGaleri .swiper-button-prev:after { display: none; } #servicesDet .serviceGaleri .swiper-pagination { margin: 0; font: 500 24px var(--baslik-fontu); color: #000; } /**************/ #serviceOrtak { margin: 236px 0 75px 0; position: relative; } #serviceOrtak .row { } #serviceOrtak figure { width: 100%; height: 100%; border-radius: 0 12px 12px 0; overflow: hidden; } #serviceOrtak figure img { width: 100%; height: 100%; object-fit: cover; } #serviceOrtak .metin { padding: 136px 75px 0 0; } #serviceOrtak .metin .baslik { font: 500 54px var(--baslik-fontu); color: #000; line-height: 66px; margin: 0 0 100px; width: 690px; max-width: 100%; } #serviceOrtak .metin .icerik { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000; position: relative; padding: 0 0 0 200px; margin: 0 0 197px; width: 710px; max-width: 100%; } #serviceOrtak .metin .icerik:before { content: ""; position: absolute; top: 15px; left: 0; width: 115px; height: 1px; background: #000; } #serviceOrtak .metin .gitContact { background: #E12426; color: #fff; display: flex; width: fit-content; padding: 10px 5px 10px 20px; border-radius: 38px; font: 600 16px var(--icerik-fontu); align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; z-index: 50; margin: 25px 0 58px 200px; width: 211px; height: 61px; } #serviceOrtak .metin .gitContact span { background: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; } #serviceOrtak .sollaSaglaKap:hover span { background-color: #fff !important; } #serviceOrtak .gitContact:hover { background: #CE191B; } #serviceOrtak .gitContact.sollaSaglaKap:before { background-color: #CE191B; } /**************/ #ilgiliService { margin: 236px 0 0 0; position: relative; display: block; } #ilgiliService .swiper-pagination { width: fit-content } #ilgiliService .title { font: 500 54px var(--baslik-fontu); color: #000; margin: 0 0 91px; } #ilgiliService .swiper-slide { } #ilgiliService .item { position: relative; border-radius: 10px; overflow: hidden; height: 100%; } #ilgiliService .item figure { position: relative; display: block; height: 345px; } #ilgiliService .item figure:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #000000c2, #0000002b); z-index: 1; } #ilgiliService .item figure img { height: 100%; width: 100%; object-fit: cover; } #ilgiliService .item .metin { z-index: 5; position: absolute; bottom: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 30px 30px; } #ilgiliService .item .metin .baslik { font: 600 34px var(--icerik-fontu); color: #fff; line-height: 46px; } #ilgiliService .item .metin .more { background: var(--tema-renk1); width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; overflow: hidden; transition: all .3s ease-out; } #ilgiliService .item .metin .more i { display: flex; align-items: center; justify-content: center; color: #fff; } #ilgiliService .item:hover .metin .more { transform: scale(1.1); } #ilgiliService .item:hover .metin .more i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); } #ilgiliService .kap { display: flex; align-items: center; margin: 68px 0 0; } #ilgiliService .kap .seeAll { display: block; font: 500 18px var(--baslik-fontu); color: #000; flex-shrink: 0; width: 345px; } #ilgiliService .kap a.seeAll span { display: inline-block; position: relative } #ilgiliService .kap a.seeAll span:after { background-color: #333; bottom: -.1em; content: ""; height: .1em; left: 0; min-height: 1px; position: absolute; right: 0; transform: scaleX(0); transform-origin: right; transition: transform .75s cubic-bezier(.19,1,.22,1); } #ilgiliService .kap a.seeAll span:hover:after { transform: scaleX(1); transform-origin: left; } #ilgiliService .kap .orta { } #ilgiliService .kap .orta .swiper-pagination { margin: 0; z-index: 1453 } #ilgiliService .kap .sag { position: relative; display: flex; align-items: center; width: 118px; flex-shrink: 0; column-gap: 10px; margin-left: 30px; } #ilgiliService .kap .sag .swiper-button-next, #ilgiliService .kap .sag .swiper-button-prev { position: relative; width: 54px; height: 54px; border-radius: 50%; border: solid 1.5px #ddd; left: initial; right: initial; margin: initial; flex-shrink: 0; } #ilgiliService .kap .sag .swiper-button-prev { } #ilgiliService .kap .sag .swiper-button-next:after, #ilgiliService .kap .sag .swiper-button-prev:after { display: none } #ilgiliService .kap .sag .swiper-button-next { } #ilgiliService .kap .sag .swiper-button-next { transform: rotate(180deg) } #ilgiliService .kap .sag .swiper-button-next svg, #ilgiliService .kap .sag .swiper-button-prev svg { width: 28px; height: 28px } #ilgiliService .kap .sag .swiper-button-prev:hover, #ilgiliService .kap .sag .swiper-button-next:hover { border-color: #000 } /***********/ #ilgiliService .swiper-pagination-bullet { margin: 0; border-radius: 0; height: 2px; width: 100px; } #ilgiliService .swiper-pagination-bullet-active { width: 360px; background: #000; } /***********/ #kurumsal { margin: 160px 0 0 0; } #kurumsal .baslik { font: 500 24px var(--baslik-fontu); color: #000; width: 345px; max-width: 100%; flex-shrink: 0; } #kurumsal .icerik { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000 } #kurumsal .icerik strong { font: 500 34px var(--baslik-fontu); color: #000; margin: 0 0 65px; display: block; } #kurumsal .icerik h2 { color: #252525; font: 600 26px var(--baslik-fontu); margin: 0 0 25px; } #kurumsal .icerik p { margin-bottom: 10px; } /**************/ #kurumsalPolitika { margin: 250px 0 0 0; } #kurumsalPolitika .baslik { font: 500 24px var(--baslik-fontu); color: #000; width: 345px; max-width: 100%; flex-shrink: 0; margin-top: 5px } #kurumsalPolitika .icerik { width: 100% } #kurumsalPolitika .icerik .item { padding: 65px 0; border-bottom: solid 1px #d9d9d9; } #kurumsalPolitika .icerik .item:first-child { padding-top: 0 } #kurumsalPolitika .icerik .item .title { cursor: pointer; display: flex; justify-content: space-between; align-items: center; } #kurumsalPolitika .icerik .item .title:hover span { color: var(--tema-renk1) } #kurumsalPolitika .icerik .item .title span { color: #000; display: block; line-height: 66px !important; font: 500 54px var(--baslik-fontu); } #kurumsalPolitika .icerik .item .content { line-height: 32px !important; font: 400 20px var(--icerik-fontu); margin-top: 37px } #kurumsalPolitika .icerik .item .content p { margin-bottom: 32px } #kurumsalPolitika .icerik .item .content p:last-child { margin-bottom: 0 } #kurumsalPolitika .icerik .item .content ul { list-style: disc; margin-left: 32px } #kurumsalPolitika .icerik .item .content ul li { margin-bottom: 32px } /**************/ #kurumsalCozum { position: relative; margin: 182px 0 0 0; } #kurumsalCozum .cl1.gizle-xs { width: 115px } #kurumsalCozum .row { align-items: center; } #kurumsalCozum figure { width: 100%; height: 575px; border-radius: 12px; overflow: hidden; } #kurumsalCozum figure img { width: 100%; height: 100%; object-fit: cover; } #kurumsalCozum .metin { height: 100%; display: flex; flex-wrap: wrap } #kurumsalCozum .metin .kisaOzet { width: 100%; font: 500 34px var(--baslik-fontu); color: #000; line-height: normal; margin-bottom: 48px } #kurumsalCozum .metin .icerik { width: 100%; font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000 } #kurumsalCozum .metin .icerik p { margin-bottom: 32px } #kurumsalCozum .metin .icerik p:last-child { margin-bottom: 0 } /**************/ #kurumsalYenilik { position: relative; margin: 100px 0; display: none } #kurumsalYenilik .bordla { width: 115px; max-width: 100%; height: 1px; background: #000; flex-shrink: 0; margin-right: 230px; } #kurumsalYenilik .metin { margin-top: -15px; } #kurumsalYenilik .metin .icerik { font: 500 34px var(--baslik-fontu); color: #000; } /**************/ #kurumsalSertifika { position: relative; margin: 245px 0 0 0; } #kurumsalSertifika .row { align-items: center; } #kurumsalSertifika .metin { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 70px; z-index: 50; position: relative; padding-top: 10%; } #kurumsalSertifika .metin .kisaOzet { font: 500 34px var(--baslik-fontu); color: #000; line-height: normal; width: 545px; max-width: 100%; } #kurumsalSertifika .metin .icerik { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000 } #kurumsalSertifika .metin .icerik ul { display: flex; flex-wrap: wrap; gap: 15px; } #kurumsalSertifika .metin .icerik ul li { width: calc(50% - 30px); font: 400 16px var(--icerik-fontu); line-height: 22px; color: #000; background: #fff; border-radius: 6px; border: 1px solid #EDEDED; padding: 15px 20px; } #kurumsalSertifika .metin .icerik ul li strong { display: block; font: 600 24px var(--icerik-fontu); line-height: 26px; color: #000; margin: 10px 0 0; } #kurumsalSertifika figure { border-radius: 12px; position: absolute; top: 0; right: 0; width: 648px; height: auto; overflow: hidden; } #kurumsalSertifika figure img { } /**************/ #kurumsalReferans { position: relative; margin: 244px 0 0 0; } #kurumsalReferans .kapsul { display: flex; margin: 0 0 138px; } #kurumsalReferans .kapsul .title { width: 345px; font: 500 24px var(--baslik-fontu); color: #000; } #kurumsalReferans .kapsul .subtitle { font: 500 34px var(--baslik-fontu); color: #000; width: 885px; max-width: 100%; } #kurumsalReferans .item { height: 225px; border-left: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom: 1px solid #e6e6e6; } #kurumsalReferans .item figure { } #kurumsalReferans .item figure img { filter: grayscale(1); margin: 0 auto; } #kurumsalReferans .row .cl3:nth-child(4) .item { border-right: 1px solid #e6e6e6; } #kurumsalReferans .row .cl3:nth-child(8) .item { border-right: 1px solid #e6e6e6; } #kurumsalReferans .cl3:nth-child(1) .item { border-top: 1px solid #e6e6e6; } #kurumsalReferans .cl3:nth-child(2) .item { border-top: 1px solid #e6e6e6; } #kurumsalReferans .cl3:nth-child(3) .item { border-top: 1px solid #e6e6e6; } #kurumsalReferans .cl3:nth-child(4) .item { border-top: 1px solid #e6e6e6; } #kurumsalReferans .cl3:last-child .item { border-right: 1px solid #e6e6e6; } /**************/ #kariyerNeden { margin: 165px 0 0 0 } #kariyerNeden .baslik { font: 500 24px var(--baslik-fontu); color: #000; width: 345px; max-width: 100%; flex-shrink: 0; } #kariyerNeden .icerik { font: 400 20px var(--icerik-fontu); line-height: 32px; color: #000 } #kariyerNeden .icerik strong { font: 500 34px var(--baslik-fontu); color: #000; margin: 0 0 75px; display: block; } /**************/ #kariyerCat { margin: 178px 0 0 0; position: relative; } #kariyerCat .kapsul { margin: 0 0 79px; } #kariyerCat .kapsul .title { font: 500 54px var(--baslik-fontu); color: #000; line-height: 66px; } #kariyerCat .item { height: 121px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px; border: 1px solid #ededed; border-radius: 12px; padding: 30px 35px; } #kariyerCat .item .baslik { font: 400 24px var(--icerik-fontu); line-height: 66px; color: #000; } #kariyerCat .item .readMore { padding: 18px 30px; background: var(--tema-renk1); border-radius: 64px; font: 600 18px var(--icerik-fontu); color: #fff; width: 200px; height: 61px; } #kariyerCat .item .readMore:hover { background: #2E468A } /**************/ #kariyerTepeAlan { margin: 96px 0 0 0; position: relative; } #kariyerTepeAlan .item { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; } #kariyerTepeAlan .item .kap { border-right: 1px solid #00000021; width: 33%; } #kariyerTepeAlan .item .kap:last-child { border-right: none; } #kariyerTepeAlan .item .kap .content { font: 300 22px var(--icerik-fontu); line-height: 32px; color: #000; margin: 0 0 5px; } #kariyerTepeAlan .item .kap .kapTitle { font: 600 18px var(--icerik-fontu); color: #000 } /**************/ #kariyerDet { margin: 100px 0 0 0; position: relative; } #kariyerDet .metin { } #kariyerDet .metin .kisaOzet { display: flex; align-items: flex-start; justify-content: space-between } #kariyerDet .metin .kisaOzet h2 { width: 25%; display: block; font: 500 24px var(--baslik-fontu); color: #000; line-height: 32px; margin: 0; } #kariyerDet .metin .kisaOzet ul { width: 75%; } #kariyerDet .metin .kisaOzet ul li { margin: 0 0 25px; position: relative; padding: 0 0 0 30px; font: 400 20px var(--icerik-fontu); line-height: 32px; } #kariyerDet .metin .kisaOzet ul li:last-child { margin: 0 } #kariyerDet .metin .kisaOzet ul li:before { content: ""; position: absolute; top: 13px; left: 5px; width: 4px; height: 4px; background: #E22426; border-radius: 50%; } #kariyerDet .metin .kisaOzet ul li:after { content: ""; position: absolute; width: 14px; height: 14px; top: 8px; left: 0; background: #E22426; opacity: .1; border-radius: 50%; } #kariyerDet .metin .icerik { display: flex; align-items: flex-start; justify-content: space-between; margin: 104px 0 0; } #kariyerDet .metin .icerik h2 { width: 25%; display: block; font: 500 24px var(--baslik-fontu); color: #000; line-height: 32px; margin: 0; } #kariyerDet .metin .icerik ul { width: 75%; } #kariyerDet .metin .icerik ul li { margin: 0 0 25px; position: relative; padding: 0 0 0 30px; font: 400 20px var(--icerik-fontu); line-height: 32px; } #kariyerDet .metin .icerik ul li:before { content: ""; position: absolute; top: 13px; left: 5px; width: 4px; height: 4px; background: #E22426; border-radius: 50%; } #kariyerDet .metin .icerik ul li:after { content: ""; position: absolute; width: 14px; height: 14px; top: 8px; left: 0; background: #E22426; opacity: .1; border-radius: 50%; } /**************/ #kariyerBasvuru { margin: 116px 0 0 0 } #kariyerBasvuru .solKap { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } #kariyerBasvuru .solKap .baslik { font: 500 24px var(--baslik-fontu); color: #000; line-height: 32px; width: 168px; max-width: 100%; margin-top: 30px } #kariyerBasvuru .solKap .wantMore { margin: 0 0 85px 0; } #kariyerBasvuru .solKap .wantMore span { font: 400 18px var(--icerik-fontu); color: #000; margin: 0 0 25px; display: block; } #kariyerBasvuru .solKap .wantMore .back { width: 202px; height: 46px; font: 500 16px var(--icerik-fontu); padding: 12px 21px; background: var(--tema-renk1); border-radius: 40px; color: #fff; display: block; width: fit-content; } /**************/ #kariyerBasvuru .formKap { border: 1px solid #e6e6e6; border-radius: 12px; padding: 66px 70px 65px 70px; } #kariyerBasvuru .formKap .tit { font: 400 18px var(--icerik-fontu); color: #000; margin: 0 0 48px; } #kariyerBasvuru .cvForm { } #kariyerBasvuru .cvForm .form-floating { position: relative; } #kariyerBasvuru .cvForm .mb-3 { margin-bottom: 20px !important; } #kariyerBasvuru .form-control { display: block; width: 100%; font-size: 1rem; font-weight: 400; color: #212529; appearance: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #kariyerBasvuru .form-floating > .form-control { height: 65px; line-height: 1.25; padding: 42px 20px 21px 20px; font-size: 20px; } #kariyerBasvuru .form-floating > label { display: inline-block; position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 21px 20px; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; font-size: 18px; color: #000; font-weight: 400; } #kariyerBasvuru .form-floating > .form-control:focus, #iletFormBil .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } #kariyerBasvuru .form-floating > .form-control:not(:placeholder-shown) ~ label { color: #212529a6; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } #kariyerBasvuru .form-floating > .form-control:focus ~ label::after, #iletFormBil .form-floating > .form-control:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: #fff; border-radius: 0.375rem; } #kariyerBasvuru .form-floating > .form-control::placeholder { color: transparent; } #kariyerBasvuru .form-floating > .form-control:focus { padding-top: 1.625rem; padding-bottom: .625rem; border-color: var(--tema-renk1); } #kariyerBasvuru .form-floating > .form-control:focus ~ label { color: #212529a6; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } #kariyerBasvuru form .satir { margin-bottom: 15px; width: 100%; } #kariyerBasvuru form .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; } #kariyerBasvuru form .satir.guvenlik label { padding-left: 0; height: 74px; width: 136px; } #kariyerBasvuru form .satir.guvenlik label img { width: 100%; margin-top: 14px; } #kariyerBasvuru form .satir.guvenlik .form-floating { margin: 0 0 0 10px; width: 80%; } #kariyerBasvuru form .satir.guvenlik .form-floating label { width: auto; height: 100%; padding: 1rem .75rem; } #kariyerBasvuru form button { background: #E12426; color: #fff; display: flex; width: fit-content; padding: 10px 5px 10px 20px; border-radius: 38px; font: 600 16px var(--icerik-fontu); align-items: center; justify-content: space-between; gap: 60px; cursor: pointer; margin: 25px 0 0; border: none; width: 211px; height: 61px } #kariyerBasvuru form button span { background: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; } #kariyerBasvuru form button:hover span { background: #fff !important; } /**************/ #kariyerBasvuru .satirFile { color: #000000; text-align: center; display: block; position: relative; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; font: 600 14px var(--icerik-fontu); line-height: 20px; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; padding: 1rem .75rem; } #kariyerBasvuru .satirFile input[type="file"] { position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; opacity: 0; font-size: 0; } #kariyerBasvuru .satirFile input[type="file"]::placeholder { font-size: 1rem; font-weight: 400; color: #212529; } #kariyerBasvuru .satirFile label { cursor: default; font: 400 18px var(--icerik-fontu); color: #212529; padding: 8px; text-align: center; overflow-wrap: break-word; display: flex; align-items: center; justify-content: space-between; gap: 7px; width: 100%; margin: -14px 0; } #kariyerBasvuru .satirFile label .upText { } #kariyerBasvuru .satirFile label .upFile { display: flex; align-items: center; justify-content: center; width: fit-content; background: var(--tema-renk1); color: #fff; gap: 10px; padding: 9px 12px; border-radius: 6px; } #kariyerBasvuru .satirFile label .upFile svg path { stroke: currentColor; } /**************/ #cookieModal { display: none; position: fixed; bottom: 20px; left: 20px; width: 326px; background-color: var(--tema-renk1); color: #fff; padding: 20px; z-index: 1000; border-radius: 12px; } #cookieModal span { display: block; font: 400 18px va(--icerik-fontu); line-height: 28px; color: #fff; } #cookieModal .kap { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 17px 0 0; } #cookieModal button { display: block; padding: 18px 20px; border-radius: 48px; border: 1px solid #fff; background: transparent; font: 500 16px var(--icerik-fontu); color: #fff; width: 150px; cursor: pointer; } #cookieModal button.accept { background: #fff; color: #000; } /**************/ @keyframes okGitGel { 0% { transform: translateX(0) } 50% { transform: translateX(200%) } 51% { transform: translateX(-200%) } to { transform: translateX(0) } } /**************/ @media(min-width: 1901px) { #services .item figure { height: 480px; } #ilgiliService .item figure { height: 480px; } .sagcontainer { padding-left: calc((100% - 1350px) / 2); } #kalite .kapsul { margin-left: calc((100vw - 1350px) / 2) } #tekno .item { width: 1800px; margin: 0 auto } } @media(min-width:1360px) and (max-width:1900px) { #services .item figure { height: 385px; } #ilgiliService .item figure { height: 385px; } .builder_panel_banner_gsap_flex { max-width: 100%; width: 1350px; } #kalite .kapsul .title { } .sagcontainer { padding-left: calc((100% - 1350px) / 2); } #kalite .kapsul { margin-left: calc((100vw - 1350px) / 2) } } @media(min-width:1200px) and (max-width:1349px) { #services .item figure { height: 385px; } #ilgiliService .item figure { height: 385px; } .sagcontainer { padding-left: calc((100% - 1200px)/2); } #services .swiper-pagination-bullet-active { width: 80px; } #kalite .kapsul .title { font-size: 40px } } @media(min-width:992px) and (max-width:1199px) { #services .item figure { height: 480px; } #ilgiliService .item figure { height: 480px; } } @media(max-width: 767px) { footer figure.logo img { margin: 0 auto; } footer .satir1 { padding: 0; margin-top: 53px } footer .satir1 .row { display: flex; flex-direction: column-reverse; } footer table { padding: 0; } footer .footerContact .satir { padding-right: 0; margin: 0 0 10px 0; text-align: center; } footer .footerContact .satir a.linkGit { font-size: 14px; padding: 0; } footer .footerContact .satir a.telLink { justify-content: center; } footer .followUs .yanla { justify-content: center; } footer .followUs .yanla a { width: 30px; height: 30px; } footer .followUs .yanla a svg { width: 14px; height: 14px; } footer .footerContact { border-top: 1px solid #eaeaea; border-left: none; padding: 35px 0 0 0; margin-top: 40px; flex-direction: column; gap: 25px; } footer .satir2 .contract ul { white-space: nowrap; overflow-x: auto; margin: 10px 0 0 0; width: 100%; text-align: left; justify-content: flex-start; padding-bottom: 9px; } footer .satir2 .row { display: flex; flex-direction: column-reverse; } footer .satir2 .kap { justify-content: center; /* margin: 15px 0 0; */ } footer .satir2 .kap .imza a { font-size: 11px; } footer .satir2 .kap .copy { font-size: 11px; } footer .icerik { border-right: none; border-bottom: 1px solid #eaeaea; margin-bottom: 40px; } footer table tbody tr td { width: 100%; height: auto; display: block; text-align: left; padding: 0; margin: 0 0 25px; } footer table tbody tr td h2 { position: relative; } footer table tbody tr td h2:after { content: " "; background-image: url('/d/r/footerarti.svg'); position: absolute; right: 0;top: 3px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 16px 16px; } footer table tbody tr td.active h2:after { background-image: url(/d/r/footereksi.svg);} footer table tbody tr td p { display: none; } footer table tbody tr td.active { } footer table tbody tr td.active p { display: block; } footer .satir { margin: 20px 0 0; } footer .contract { text-align: center; } footer .satir2 .footLogo .kap embed { width: 80px; } /****/ .onceki { margin-bottom: 25px } /******/ nav.icMenu { margin: 0 0 30px 0; } /******/ .nedirIcerik img { height: auto } .nedirIcerik h1 { font-size: 17px } .nedirIcerik ul li { padding-left: 0 } /*******/ .urunTab .etezgahTab a { padding: 10px 25px } .urunTab .bilgi { padding: 45px 15px } .urunTab { margin: 60px 0 0 } /********/ .sabit { padding: 0 10px } /****/ #iletFormBil .adKap .cl6:first-child .satir { padding-right: 0; } #iletFormBil .adKap .cl6:last-child .satir { padding-left: 0; } /****/ #whyUs .item { margin: 0 0 30px; flex-direction: column; justify-content: center; align-items: center; padding: 25px; } #whyUs figure img { padding: 0; margin-bottom: 35px; } #whyUs .kapsul .title { margin: 0 auto 15px; text-align: center; display: block; width: fit-content; } #whyUs .kapsul .subtitle { font-size: 26px; } #whyUs .swiper-pagination { text-align: center; margin-left: 0; } #whyUs .item .metin { text-align: center; margin: 30px 0 0; } /****/ #formDet .kapsul .formdetay .row .satir { width: 100%; margin: 0 0 20px; } /****/ /****/ #merakEdilenler { padding: 35px 0; } #merakEdilenler .kapsul { margin: 0 0 30px; } #merakEdilenler .title { font-size: 30px; line-height: 35px; } #merakEdilenler .subtitle { font-size: 15px; line-height: 25px; } /****/ #blog .grid { grid-template-areas: 'sol1' 'sag1' 'sag2'; } #blog .item, #blog .item:first-child { height: 300px; } /****/ .icerikSag { padding: 50px 0 0 !important; } /****/ #blogCat .item { margin: 0 0 20px; width: 100%; } #blogCat .item .kap .sira { position: absolute; left: 0; top: 0; opacity: .4; } #blogCat .item .kap .basTa { padding: 0; z-index: 50; } /****/ #hizmetlerimiz .kapsul .subtitle { font-size: 26px; } #hizmetlerimiz .hizmetSwiper { padding: 0 10px 120px; } #hizmetlerimiz .item .metin { right: 10px; padding: 30px; } #hizmetlerimiz .swiper-button-next, #hizmetlerimiz .swiper-button-prev { color: #fff; } #hizmetlerimiz .swiper-button-next { right: 0; } #hizmetlerimiz .swiper-button-prev { left: 0; } /****/ #product .swiper-button-next { right: 0; } #product .swiper-button-prev { left: 0; } /****/ #projectCat .item { width: 100%; margin: 0 0 30px; } /****/ .xzoom-thumbs { justify-content: flex-start; } /****/ #randevuOlustur .kapsul { flex-direction: column; padding: 115px 27px; } #randevuOlustur .kapsul:before { left: 185px; } #randevuOlustur .kapsul .subtitle { padding: 0 27px; } #randevuOlustur .kapsul .rndvButon { padding: 0 27px; } /****/ .sagcontainer { padding: 0 10px; } /******/ #bulten .item .metin { text-align: center; } #bulten .item .metin .baslik { text-align: center; } #bulten .item form input[type="text"] { width: auto; } #bulten .item { padding: 150px 25px } /******/ #getTouch .kapsul { padding: 20px; } #getTouch .adKap .cl6:first-child .satir { padding-right: 0; } #getTouch .adKap .cl6:last-child .satir { padding-left: 0; } #getTouch .kap { padding: 0; margin: 30px 0 15px; } #getTouch form { padding: 0; } /******/ #anaHakkimizda { padding-bottom: 40px } /*****/ #neSunuyoz .kapsul { padding: 0; margin: 0 0 30px; } #neSunuyoz .swiper-button-next, #neSunuyoz .swiper-button-prev { display: none } /****/ #anaHakkimizda .scrollDown { top: -27px } /*********/ #services .sagcontainer { padding: 0 0 0 20px; } #services .kapsul { flex-direction: column; margin-bottom: 53px } #services .kapsul .title { font-size: 20px; margin-bottom: 28px; margin-top: 0 } #services .kapsul .subtitle { font-size: 34px; line-height: 42px; } #services .kap a.seeAll { font-size: 16px; } #services .swiper-pagination-bullet { width: 17px; } #services .swiper-pagination-bullet-active { width: 36px; } /********/ #tekno { } #tekno .container { padding: 0; } #tekno .item { border-radius: 0; } #tekno .metin { flex-direction: column; padding: 0 10px; gap: 27px; } #tekno .metin .title { font-size: 44px; } /********/ #deneyim .title { font-size: 20px; margin-bottom: 23px; } #deneyim .item { padding-right: 0 } #deneyim .metin .subtitle { font-size: 74px; margin-bottom: 67px; } #deneyim .metin .subtitle img { width: 92px; } #deneyim .metin { margin: 0; width: 100%; } #deneyim .metin .content { font-size: 33px; margin: 0; line-height: 42px; } /********/ #services .item figure { height: 250px; } /********/ #servicesCat .item { margin: 0 0 25px; } #servicesCat .item .metin .baslik { font-size: 24px; margin-bottom: 14px } #servicesCat .item .metin .kisaOzet { line-height: 26px; display: block; margin-bottom: 23px; font-size: 18px } #servicesCat .item .big { height: 250px; } /********/ #servicesDet .tepeGorsel { height: 420px; } #servicesDet .bordla { display: none; } #servicesDet .icerik strong { font-size: 24px; } #servicesDet .keyKap .keyDesc { width: 100%; margin-top: 37px; margin-bottom: 88px } #servicesDet .keyKap .keyDesc ul li { font-size: 18px; line-height: 26px; padding-bottom: 40px; margin-bottom: 39px } #servicesDet .keyKap .keyDesc ul li strong { font-size: 34px; margin: 0 0 15px; line-height: 42px; } /********/ #servicesDet .serviceGaleri figure { height: 400px; } #servicesDet .serviceGaleri .kaps { margin: 33px 0 0; padding-right: 12px } /********/ #serviceOrtak figure { padding: 0 20px; border-radius: 12px; overflow: hidden; height: 417px; overflow: hidden } #serviceOrtak figure img { border-radius: 12px; } #serviceOrtak .metin { padding: 0 20px; margin: 46px 0 0; } #serviceOrtak .metin .baslik { font-size: 34px; line-height: 42px; margin: 0 0 25px; } #serviceOrtak .metin .icerik:before { display: none; } #serviceOrtak .metin .icerik { padding: 0; font-size: 18px; margin-bottom: 64px } /********/ #ilgiliService .title { font-size: 34px; margin-bottom: 43px; line-height: 42px } #ilgiliService .item figure { height: 250px; } #ilgiliService .sagcontainer { padding: 0 0 0 10px } #ilgiliService .swiper-pagination-bullet { width: 18px; } #ilgiliService .swiper-pagination-bullet-active { width: 30px; } /*********/ #kurumsal .icerik { margin: 50px 0 0; } #kurumsal .icerik strong { font-size: 24px; margin: 0 0 54px; } #kurumsalCozum .metin { margin: 57px 0 0; } #kurumsalYenilik .bordla { display: none; } #kurumsalYenilik .metin .icerik { font-size: 24px; } #kurumsalSertifika .container { display: flex; flex-direction: column-reverse; } #kurumsalSertifika figure { position: relative; width: 100%; order: 1; } #kurumsalSertifika .metin .kisaOzet { font-size: 24px; margin-top: 45px } #kurumsalSertifika .metin { gap: 27px; padding-top: 0 } #kurumsalSertifika .metin .icerik ul { flex-direction: column; gap: 20px } #kurumsalSertifika .metin .icerik ul li { width: 100%; } #kurumsalReferans .kapsul { flex-direction: column; margin-bottom: 32px } #kurumsalReferans .kapsul .subtitle { font-size: 24px; margin-top: 45px } #kurumsalReferans .row { display: flex; } /*********/ #kariyerTepeAlan .item { flex-direction: column; align-items: flex-start; } #kariyerTepeAlan .item .kap { width: 100%; border-right: none; border-bottom: 1px solid #00000021; padding: 0 0 16px; } #kariyerTepeAlan .item .kap:last-child { border-bottom: none; padding-bottom: 0 } /*********/ #kariyerDet .metin .kisaOzet, #kariyerDet .metin .icerik { flex-direction: column; gap: 20px; } #kariyerDet .metin .kisaOzet h2, #kariyerDet .metin .icerik h2 { width: 100%; } #kariyerDet .metin .kisaOzet ul, #kariyerDet .metin .icerik ul { width: 100%; } /*********/ #kariyerBasvuru .row { } #kariyerBasvuru .formKap { padding: 0; border: none; } #kariyerBasvuru .solKap .baslik { width: 100%; margin: 0 0 22px; } /*********/ #services { margin-top: 61px } #services .item .metin .baslik { font-size: 24px; line-height: 32px; } #services .kap .sol { width: initial; margin-right: 37px } #services .kap { margin-top: 33px; } #services .kap .orta { margin-top: 5px } #services .kap .sag { display: none } #deneyim { margin-top: 0; margin-bottom: 114px } /********/ #ilgiliService .kap .sol { width: initial; margin-right: 37px } #ilgiliService .kap { margin-top: 33px; } #ilgiliService .kap .orta { margin-top: 5px } #ilgiliService .kap .sag { display: none } #kalite { margin: 0 20px; border-radius: 10px; height: auto; } #kalite .row { display: flex; flex-direction: column-reverse; } #kalite .kapsul { padding: 0 ; margin: 52px 0 0; width: 100% } #kalite .kapsul:before { display: none; } #kalite figure { padding: 0 10px; overflow: hidden; } #kalite figure img { border-radius: 10px; } #kalite .kapsul .title { font-size: 34px; margin-bottom: 35px; line-height: 42px; } #kalite .kapsul .kisaOzet { font-size: 18px; line-height: 28px; } /********/ #kalite .ArkaPlanKaysinKapsul { width: 100%; border-radius: 10px; overflow: hidden; order: 2; height: 417px; } #kalite .ArkaPlanKaysinKapsul div { height: 417px; border-radius: 10px; } /********/ #referans { margin-top: 88px; margin-bottom: 81px; } #referans .wrap { display: flex; } #referans .cl4:nth-child(2n) .item:before { display: none } #referans .cl4:nth-child(2n) .item:after { display: none } #referans .cl4:nth-child(2n+1) .item:before { display: block; width: 41px; right: -20px; } #referans .cl4:nth-child(2n+1) .item:after { display: block; height: 41px; bottom: -21px; } #referans .cl4:nth-last-child(-n+2) .item:before { display: none } #referans .cl4:nth-last-child(-n+2) .item:after { display: none } #referans .item figure img { filter: grayscale(1) } #referans .kapsul .title { font-size: 26px; margin-bottom: 35px; } #referans .item figure { width: 100%; height: 55px; } /********/ #fransaBanner { padding: 0; height: 580px; margin-top: 81px !important } #fransaBanner .metin { margin-top: 77px; gap: initial; } #fransaBanner .metin .title { font-size: 44px; line-height: 52px; width: 100%; } #fransaBanner .metin .more { margin-top: 164px; } #fransaBanner .ArkaPlanKaysinKapsul div { width: 119%; height: 101%; background-size: 207%; } /********/ #iletFormBil { margin-top: 47px !important; } #iletFormBil .kapsul { padding-right: 0 } #iletFormBil .iletForm { display: block; margin-top: 62px } #iletFormBil .form-floating > .form-control { width: 100% } #iletFormBil form .satir.guvenlik label { width: 190px; } #iletFormBil form .satir.guvenlik label img { margin-top: 13px; } /********/ #kariyerNeden { margin: 61px 0 0; } #kariyerNeden .baslik { font-size: 20px; } #kariyerNeden .icerik { margin: 30px 0 0; font-size: 18px; line-height: 26px } #kariyerNeden .icerik strong { font-size: 24px; margin: 0 0 40px; } /*********/ #kariyerCat { margin-top: 81px } #kariyerCat .kapsul { margin: 0 0 35px; } #kariyerCat .kapsul .title { font-size: 34px; } #kariyerCat .item { display: block; padding: 20px 30px; height: 137px; margin-bottom: 12px } #kariyerCat .item .baslik { font-size: 20px; line-height: 32px } #kariyerCat .item .readMore { font-size: 16px; width: 166px; height: 46px; display: block; border-radius: 49px; padding: 11px 20px 13px 20px; margin-top: 15px; } /*********/ #servicesDet .icerik { margin-left: 0; font-size: 18px; line-height: 26px } #serviceOrtak .metin .gitContact { margin: 0 } #servicesDet .metin { margin-top: 75px; margin-bottom: 0 } #servicesDet .icerik p:first-child { margin-bottom: 54px } #servicesDet .keyKap { margin-top: 95px; margin-bottom: 95px } #servicesDet .keyKap .keyTitle { font-size: 20px } #ilgiliService { margin-top: 79px } #ilgiliService .item .metin .baslik { font-size: 24px; line-height: 32px } #ilgiliService .item .metin .more { width: 54px; height: 54px } #ilgiliService .kap { margin-top: 37px } #ilgiliService .kap .seeAll { width: fit-content; } #ilgiliService .swiper-pagination { } #kariyerTepeAlan { margin-top: 29px } #kariyerDet { margin-top: 41px; margin-bottom: 51px } #kariyerTepeAlan .item .kap .content { font-size: 20px; margin-bottom: 3px } #kariyerDet .metin .kisaOzet h2 { font-size: 20px } #kariyerDet .metin .kisaOzet ul li { font-size: 18px; line-height: 26px } #kariyerDet .metin .icerik { margin-top: 51px } #kariyerBasvuru .solKap .wantMore { margin-bottom: 26px } #kariyerBasvuru .cvForm .mb-3 { margin-bottom: 22px } #kurumsal { margin-top: 77px; margin-bottom: 0 } #kurumsalCozum { margin-top: 77px; margin-bottom: 0 } #kurumsalYenilik { margin-top: 45px; margin-bottom: 0 } #kurumsalSertifika { margin-top: 77px; margin-bottom: 0 } #kurumsalReferans { margin-top: 74px; margin-bottom: 77px } #kurumsalReferans .kapsul .title { font-size: 20px } #kurumsalReferans .item figure { overflow: hidden; position: relative; height: 170px; width: 100%; } #kurumsalReferans .item figure img { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); max-width: initial; width: 85%; } #referans .item figure { overflow: hidden; position: relative; height: 76px; width: 100%; } #referans .item figure img { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); max-width: initial; width: 130px; } #kurumsalGaleri { margin-top: 47px !important } #servicesCat { margin-top: 47px } #servicesCat .item .metin { padding: 26px 29px 0 25px } #servicesCat .cl6:nth-child(2n) .item { margin-left: 0; margin-bottom: 20px } #servicesCat .cl6:nth-child(2n+1) .item { margin-right: 0 } #kurumsalCozum .metin .kisaOzet { font-size: 24px; margin-bottom: 40px } #kurumsalYenilik .metin { margin-top: 0 } .kurumsalGaleriSwiper .swiper-slide figure { } .kurumsalGaleriSwiper .swiper-slide figure img { max-width: initial; border-radius: 12px } .kurumsalGaleriSwiper .swiper-wrapper { } #kariyerDet .metin .icerik h2 { font-size: 20px } #kariyerDet .metin .icerik ul li { font-size: 18px; line-height: 26px } #kariyerDet .metin .icerik ul li:last-child { margin-bottom: 0 } #iletFormBil .kapsul .content h2 { font-size: 20px; margin-bottom: 12px; margin-top: 30px } #iletFormBil .iletForm .mb-3 { margin-bottom: 20px } #servicesDet .ArkaPlanKaysinKapsul { } #servicesDet .ArkaPlanKaysinKapsul div { left: -300px; width: 1200px } #servicesDet .serviceGaleri .kaps .tit, #servicesDet .serviceGaleri .swiper-pagination { font-size: 20px } #serviceOrtak .ArkaPlanKaysinKapsul { border-radius: 12px; width: calc(100% - 40px); } #servicesCat .item .metin .inner { display: block } #servicesCat .item .metin .inner .readMore { display: none } #servicesCat .item .readMore { display: flex; overflow: hidden; right: 20px; bottom: 20px; } #servicesCat .item .metin .inner .baslik { margin-bottom: 14px; line-height: 32px } #kurumsalPolitika .baslik { font-size: 20px; margin-bottom: 45px } #kurumsalPolitika .icerik .item .title span { font-size: 34px; line-height: 42px !important; display: block } #kurumsalReferans .cl3:nth-child(2) .item { border-top: none } #kurumsalReferans .cl3:nth-child(3) .item { border-top: none; } #kurumsalReferans .cl3:nth-child(4) .item { border-top: none; height: 140px } #serviceOrtak { margin-top: 101px } #ilgiliService .item .metin { padding: 0 25px 30px; } #kurumsalPolitika { margin-top: 77px } #kurumsalReferans .item { height: 140px } #kurumsalPolitika .icerik .item .content { margin-top: 28px; font-size: 18px; line-height: 26px } #kurumsalPolitika .icerik .item { padding: 35px 0 } #referans .kapsul { margin-top: 0 } footer .satir1 .footContact .kap { margin-top: 8px; margin-bottom: 30px } footer .satir3 { margin-top: 34px; margin-bottom: 58px; padding: 0 } footer .satir2 { padding-top: 33px } #kurumsalPolitika .icerik .item .title img { width: 34px; height: 34px } #kurumsalReferans .row .cl3:nth-child(4) .item, #kurumsalReferans .row .cl3:nth-child(8) .item { border-right: none } #kurumsalReferans .row .cl3:nth-child(2) .item, #kurumsalReferans .row .cl3:nth-child(4) .item, #kurumsalReferans .row .cl3:nth-child(6) .item, #kurumsalReferans .row .cl3:nth-child(8) .item { border-right: 1px solid #e6e6e6; } #kurumsalReferans .row .cl3:nth-child(2) .item { border-top: 1px solid #e6e6e6; } #kariyerBasvuru .row { display: flex; flex-wrap: wrap } #kariyerBasvuru .row .cl3 { order: 2; margin-top: 36px; } #kariyerBasvuru .row .cl8 { order: 1 } #kariyerburayakaysin .ArkaPlanKaysinKapsul { } #kariyerburayakaysin .ArkaPlanKaysinKapsul div { left: -300px; width: 1200px; } footer .satir2 .footLogo .kap img { width: 89%; } }