/********/ .kayanYazi { overflow: hidden; background: #f2f2f2; } .kayanYazi .swiper-slide { width: auto !important } .kayanYazi .swiper-slide .title { position: relative; padding: 20px 160px 20px 0; font-size: 40px; font-weight: 600; color: #00262a; } .kayanYazi .swiper-slide .title::after { content: ""; background: url(/d/r/asteriks.png) no-repeat; position: absolute; top: 50%; right: 60px; width: 32px; height: 32px; transform: translateY(-50%); background-size: cover } /********/ #makinalar { margin: 65px 0; overflow: hidden; } #makinalar .kategori { text-align: center; margin-bottom: 30px; } #makinalar .itemler{padding:0 35px} #makinalar .kategori h2 { font-size: 30px; color: #3f3f3f; margin: 0 0 10px 0; display: flex; justify-content: center; align-items: center; column-gap: 20px; } #makinalar .kategori h2 img { width: 242px; height: auto; display: block; margin-top: 5px; } #makinalar .item { width: calc(50% - 30px); margin: 0 15px 45px 15px; } #makinalar .item figure { background: #c4c4c4; padding: 20px 30px; } #makinalar .item figure img { } #makinalar .item .metin { } #makinalar .item .metin a { position: relative; font-size: 16px; color: #000; letter-spacing: 1px; margin: 20px 0; } #makinalar .item .metin a:after { content: ""; content: ""; display: inline-block; width: 8px; height: 8px; border-right: 2px solid black; border-bottom: 2px solid black; transform: rotate(-45deg); margin-left: 4px; position: absolute; top: 6px; right: -15px; } #makinalar .item .metin a:hover { color: var(--tema-renk1) } #makinalar .item .metin a:hover:after { border-color: var(--tema-renk1) } #makinalar .item .metin .title { font-size: 20px; color: #000; letter-spacing: 1px; padding: 20px 0; } #makinalar .item .metin .summary { font-size: 17px; line-height: 26px; color: #333; margin-bottom: 24px; margin-right: 100px; font-weight: 400; } /********/ #hizmetlerimiz { padding: 65px 25px; position: relative; background: #fff; } #hizmetlerimiz .card { background-color: #f8f8f8; padding: 30px 20px; border-radius: 4px; margin: 10px; transition: background-color 0.3s ease; cursor: pointer; width: calc(25% - 20px); } #hizmetlerimiz .card:hover { background-color: #eee; } #hizmetlerimiz .card h4 { margin: 0 0 14px; font-size: 18px; color: #000; font-weight: 600; position: relative; max-width: 100%; width: 204px; font-family: var(--icerik-fontu); letter-spacing: 1px; line-height: 26px; height: 52px; } #hizmetlerimiz .card h4 span { position: relative; display: block; } #hizmetlerimiz .card h4 span::after { content: ""; position: absolute; top: 12px; right: -10px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; } #hizmetlerimiz .card p { margin: 0; font-size: 16px; color: #666; font-weight: 400; line-height: 24px; padding-right: 1px; letter-spacing: .5px; } #hizmetlerimiz .card a { text-decoration: none; display: block; } #hizmetlerimiz .card a:hover h4 { color: var(--tema-renk1) } #hizmetlerimiz .card a:hover h4 span::after { border-color: var(--tema-renk1) } /********/ .patlayanHv { position: relative; z-index: 1; overflow: hidden; } .patlayanHv:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk2); 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: #6d6d6d !important; } /*********/ .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 } /********/ .contact-area { background-color: #121212; position: relative; z-index: 1; overflow: hidden; } .contact-area .shape-1 { position: absolute; inset-inline-end: -6%; top: -45%; z-index: -1; width: 440px; } .contact-area .shape-1 img { max-width: 100%; } .contact-area-inner { display: grid; gap: 30px 60px; grid-template-columns: auto auto; align-items: center; justify-content: space-between; padding-top: 100px; padding-bottom: 100px; } .section-title { font-size: 46px; margin-top: -13px; font-family: var(--font_beatricetrial); font-weight: 500; line-height: 1.08; color: #ffffff; max-width: 630px; } .contact-area .section-content .text-wrapper { margin-top: 27px; } .contact-area .section-content .text { line-height: 1.41; font-weight: 400; font-size: 18px; max-width: 600px; color: #999999; } .wc-btn-group { display: flex; width: fit-content; } .contact-area .moreContact { font: 500 16px var(--icerik-fontu); background: #fff; color: var(--tema-renk1); display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } .contact-area .moreContact i { display: flex; align-items: center; justify-content: center; } .contact-area .moreContact i svg { width: 22px; height: auto; transform: rotate(230deg); } .contact-area .moreContact i svg path { stroke: currentColor; } /**************/ .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 } /***********/ #kurumsalGaleri { height: 75vh; } #kurumsalGaleri .kurumsalGaleriSwiper { height: 75vh; } #kurumsalGaleri figure { width: 100%; height: 100%; overflow: hidden } #kurumsalGaleri figure img { width: 100%; height: 100%; object-fit: cover; object-position: center } /**************/ nav.icMenu { padding: 15px; background: transparent; margin-right: 30px; border: 1px solid var(--tema-renk1); } nav.icMenu a { position: relative; display: block; text-decoration: none; margin-bottom: 3px; font-size: 18px; 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: 15px; right: 15px; 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%; } /********/ .resimZoomla { overflow: hidden; } .resimZoomla figure { overflow: hidden } .resimZoomla img { transform: scale(1); transition: all 750ms ease; } .resimZoomla:hover img { transform: scale(1.2); } /**********/ .sagcontainer { padding-left: 2%; } /**********/ .addDecor { position: relative; padding-bottom: 50px; } .addDecor:after { content: ""; position: absolute; background: url(/d/r/decor.png); width: 101px; height: 29px; bottom: 0; left: 50%; transform: translateX(-50%); } /**********/ .akGel.aos-animate:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 15; background: repeating-linear-gradient(#868686, #fff 6.25%), linear-gradient(#000 33.3%, grey 0, #fff 66.7%) 0/100% 305%; background-blend-mode: multiply; background-position: 0 0; filter: contrast(999); mix-blend-mode: screen; animation: pxl_blinds_staggered 1.5s linear alternate; } @keyframes pxl_blinds_staggered { 0%, 25% { background-position: 0 100%; } 75%, 100% { background-position: 0 0; } } /**********/ #urunDetay { margin: 50px 0 0; padding-bottom: 39px; } #urunDetay .h2 { font: 500 18px var(--icerik-fontu); margin: 0 0 15px; } #urunDetay .kisaOzet { font: 500 16px var(--icerik-fontu); font-style: italic; margin: 0 0 15px; } #urunDetay .icerik { margin-right: 35px; text-align: left !important; } #urunDetay .icerik h2 { margin: 0 0 25px; font-size: 29px; color: #111; font-weight: 600; letter-spacing: .2px; } #urunDetay .icerik em { position: relative; padding-left: 20px; display: block; margin-left: 30px; } #urunDetay .icerik em:before { content: ""; position: absolute; left: 0; width: 3px; height: 100%; background: var(--tema-renk1); } #urunDetay .icerik strong { } #urunDetay .icerik p { margin-bottom: 15px; font-size: 16px; letter-spacing: .2px; line-height: 30px; } #urunDetay .item { background: var(--tema-renk2); padding: 30px; width: 100%; height: auto; border-radius: 11px; box-shadow: 0px 3px 6px 1px #0000004a; } #urunDetay .item .baslik { } #urunDetay .item ul { } #urunDetay .item ul li { color: #fff; margin-bottom: 30px; border-bottom: 1px solid #f2f2f2; padding-bottom: 17px; } #urunDetay .item ul li em { font-size: 16px; font-style: normal; color: #e6e6e6; } #urunDetay .item ul li strong { font-weight: 600; font-size: 18px; display: block; margin-bottom: 10px; } #urunDetay .item ul li:last-child { border: none; padding: 0; margin: 0; } /**********/ #oncekiSonraki { } #oncekiSonraki .item { padding: 75px 0px 75px 0px; border-style: none; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #707070 } #oncekiSonraki .item .nextprev { } #oncekiSonraki .item .nextprev a { color: #000000; font-weight: 600; font-size: 22px; display: flex; justify-content: flex-start; align-items: center; transition: all 0.3s ease-in-out; } #oncekiSonraki .item .nextprev.prev a:before, #oncekiSonraki .item .nextprev.next a::after { content: ''; flex-shrink: 0; width: 8px; height: 8px; margin-right: 8px; display: block; border-radius: 100%; background: #000000; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.35, 0.94); } #oncekiSonraki .item .nextprev.next a::after { margin-right: 0; margin-left: 8px; } #oncekiSonraki .item .nextprev a span { background-repeat: no-repeat; background-image: linear-gradient(90deg, currentColor 0%, currentColor 100%); background-position: 0 88%; background-size: 0 1px; transition: background-size 0.4s cubic-bezier(0.25, 0.46, 0.35, 0.94), color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; } #oncekiSonraki .item .nextprev a:hover span { background-size: 100% 1px; } #oncekiSonraki .item .thumbnails { font-size: 18px; } #oncekiSonraki .item .thumbnails a { width: 26px; height: 26px; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; } #oncekiSonraki .item .thumbnails span { display: flex; justify-content: space-between; align-items: center; width: 27px; } #oncekiSonraki .item .thumbnails span:before, #oncekiSonraki .item .thumbnails span:after { content: ''; width: 12px; height: 12px; display: block; border-radius: 100%; background: transparent; border: 1px solid #000000; transition: all 0.3s ease-in-out; } #oncekiSonraki .item .thumbnails span:after { transition-delay: 0.07s; } #oncekiSonraki .item .thumbnails span:last-child:before { transition-delay: 0.12s; } #oncekiSonraki .item .thumbnails span:last-child:after { transition-delay: 0.2s; } #oncekiSonraki .item .thumbnails:hover { color: #000000; } #oncekiSonraki .item .thumbnails:hover span:before, #oncekiSonraki .item .thumbnails:hover span:after { background: #000000; } /***************/ #blog .swiper-button-next, #blog .swiper-button-prev { width: 40px; height: 40px; right: 0; background: #e1e1e1; left: initial; top: 50%; transition: all 750ms ease; } #blog .swiper-button-next { } #blog .swiper-button-prev { right: 50px; } #blog .swiper-button-prev:after { content: '\276E'; font-size: 22px; color: var(--tema-renk1); } #blog .swiper-button-next:after { content: '\276F'; font-size: 22px; color: var(--tema-renk1); } #blog .swiper-button-next:hover, #blog .swiper-button-prev:hover { border-radius: 50px; background: var(--tema-renk2); color: #fff; } #blog .swiper-button-prev:hover:after, #blog .swiper-button-next:hover:after { color: #fff; } /*******/ #contUs { } #contUs figure { height: 100%; width: 100%; } #contUs figure img { height: 100%; width: 100%; object-fit: cover; } #contUs .item { padding: 25px 50px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; background: #f0f6f7; } #contUs .item .kapsul { margin: 0 0 30px; } #contUs .item .kapsul .title { font: 400 19px var(--baslik-fontu); line-height: 21px; color: var(--tema-renk2); margin: 0 0 20px; } #contUs .item .kapsul .subtitle { font: 400 32px var(--baslik-fontu); line-height: 49px; color: var(--tema-renk1); } #contUs .item form { width: 100%; } #contUs .item form .adKap { } #contUs .item form .satir { display: inline-block; vertical-align: top; position: relative; z-index: 20; min-height: 1px; padding-left: 0; padding-right: 30px; padding-bottom: 21px; width: 100%; } #contUs .item form input, #contUs .item form textarea { width: 100%; background: none; border: none; border-bottom: 1px solid #8c9198; padding: 10px 0; font: 400 14px var(--icerik-fontu); color: #8c9198; } #contUs .item form input::placeholder, #contUs .item form textarea::placeholder { font: 400 14px var(--icerik-fontu); color: #8c9198; } #contUs .item form button { cursor: pointer; display: flex; align-items: center; gap: 6px; transition: 0.3s; letter-spacing: 1px; font: 500 15px var(--icerik-fontu); color: var(--tema-renk2); border-radius: 6px; padding: 14px 22px; border: 1px solid #a8a8a8; width: fit-content; margin: 10px 0 0; } #contUs .item .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; } #contUs .item .satir.guvenlik label { padding-left: 0 !important; height: 100%; width: 20%; } #contUs .item .satir.guvenlik label img { } #contUs .item .satir.guvenlik input { margin: 0 0 0 10px; width: 80%; } /*******/ .sagSolOk { transition: transform .6s 125ms cubic-bezier(.1,.75,.25,1); position: relative; margin-left: -23px !important; display: inline-flex !important; align-items: center; gap: 10px; } .sagSolOk .btn-icon { margin-left: 6px; position: relative; transition: opacity .4s .25s, transform .6s .25s; transition-timing-function: cubic-bezier(.1,.75,.25,1); line-height: 0; z-index: 3; } .sagSolOk .btn-icon + .btn-icon { order: -2; opacity: 0; transition-delay: 0s; margin-left: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .sagSolOk:hover .btn-icon { transition-delay: 0s; transform: translateX(10px); opacity: 0; } .sagSolOk:hover .btn-icon + .btn-icon { opacity: 1; transform: translateX(0); transition-delay: 225ms; } .sagSolOk:hover { transition-delay: .1s; transform: translateX(23px); } /******/ .circ_bg { margin-top: 32px; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: transparent; border: 1px solid #000000; border-radius: 30px; position: relative; display: inline-flex; vertical-align: middle; width: auto; text-decoration: none; outline: 0; height: 32px; line-height: 30px; overflow: hidden; font-weight: 500; color: #000000; } .circ_bg .circles { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; position: absolute; right: -1px; top: -1px; border: 1px solid currentColor; border-radius: 50%; color: #000000; transition: all 0.4s ease-in-out; } .circ_bg .circles:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: currentColor; top: calc(50% - 3px); left: calc(50% - 3px); } .circ_bg .circle_f { right: auto; left: -100%; } .circ_bg .circle_f:before { } .circ_bg .circle_n { } .circ_bg .circle_n:before { } .circ_bg .text { margin: 0 45px 0 20px; color: #000000; transition: all 0.4s ease-in-out; } .circ_bg:hover { color: #000000; } .circ_bg:hover .circle_f { left: -1px; } .circ_bg:hover .text { margin: 0 20px 0 45px; } .circ_bg:hover .circle_n { right: -100%; } /*******/ .rolling-text { display: inline-block; overflow: hidden; line-height: 28px; height: 28px; } .rolling-text:hover .letter, .rolling-text.play .letter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .rolling-text .letter { display: inline-block; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); } .letter:nth-child(1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .letter:nth-child(2) { -webkit-transition-delay: 0.015s; -o-transition-delay: 0.015s; transition-delay: 0.015s; } .letter:nth-child(3) { -webkit-transition-delay: 0.03s; -o-transition-delay: 0.03s; transition-delay: 0.03s; } .letter:nth-child(4) { -webkit-transition-delay: 0.045s; -o-transition-delay: 0.045s; transition-delay: 0.045s; } .letter:nth-child(5) { -webkit-transition-delay: 0.06s; -o-transition-delay: 0.06s; transition-delay: 0.06s; } .letter:nth-child(6) { -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .letter:nth-child(7) { -webkit-transition-delay: 0.09s; -o-transition-delay: 0.09s; transition-delay: 0.09s; } .letter:nth-child(8) { -webkit-transition-delay: 0.105s; -o-transition-delay: 0.105s; transition-delay: 0.105s; } .letter:nth-child(9) { -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; } .letter:nth-child(10) { -webkit-transition-delay: 0.135s; -o-transition-delay: 0.135s; transition-delay: 0.135s; } .letter:nth-child(11) { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .letter:nth-child(12) { -webkit-transition-delay: 0.165s; -o-transition-delay: 0.165s; transition-delay: 0.165s; } .letter:nth-child(13) { -webkit-transition-delay: 0.18s; -o-transition-delay: 0.18s; transition-delay: 0.18s; } .letter:nth-child(14) { -webkit-transition-delay: 0.195s; -o-transition-delay: 0.195s; transition-delay: 0.195s; } .letter:nth-child(15) { -webkit-transition-delay: 0.21s; -o-transition-delay: 0.21s; transition-delay: 0.21s; } .letter:nth-child(16) { -webkit-transition-delay: 0.225s; -o-transition-delay: 0.225s; transition-delay: 0.225s; } .letter:nth-child(17) { -webkit-transition-delay: 0.24s; -o-transition-delay: 0.24s; transition-delay: 0.24s; } .letter:nth-child(18) { -webkit-transition-delay: 0.255s; -o-transition-delay: 0.255s; transition-delay: 0.255s; } .letter:nth-child(19) { -webkit-transition-delay: 0.27s; -o-transition-delay: 0.27s; transition-delay: 0.27s; } .letter:nth-child(20) { -webkit-transition-delay: 0.285s; -o-transition-delay: 0.285s; transition-delay: 0.285s; } .letter:nth-child(21) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } @keyframes roted { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*******/ #kurumsal { padding: 165px 0 65px; } #kurumsal .item { justify-content: space-between; display: flex; gap: 20px 40px; margin: 35px 0; } #kurumsal .item .baslik { position: relative; margin-top: 4px; font-size: 16px; line-height: 1; display: inline-block; text-transform: uppercase; color: #121212; height: fit-content; padding-left: 106px; } #kurumsal .item .baslik:after { position: absolute; content: ""; width: 80px; height: 1px; background-color: currentColor; top: 50%; transform: translateY(-50%); left: 0; } #kurumsal .item .metin { } #kurumsal .item .metin .kisaOzet { padding: 0; margin: 0; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; width: 850px; max-width: 100%; } #kurumsal .item .metin .icerik { padding: 0; margin: 0; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; width: 850px; max-width: 100%; } #kurumsal .item .metin .icerik p { margin: 0 0 15px; } /*******/ #rakamlars { } #rakamlars .row { gap: 10px; } #rakamlars figure { width: 100%; height: 100%; } #rakamlars figure img { width: 100%; height: 100%; object-fit: cover; } #rakamlars .item { display: flex; gap: 10px; margin: 0 0 10px; } #rakamlars .item:last-child { margin: 0; flex-direction: row-reverse; } #rakamlars .item figure { overflow: hidden !important; height: 330px; flex: 1 1 auto; width: 50%; } #rakamlars .item figure img { width: 100%; height: 100%; object-fit: cover; } #rakamlars .item .metin { display: flex; gap: 10px; flex-direction: column; justify-content: space-between; background-color: #fbf9f9; position: relative; z-index: 1; padding: 36px 40px 22px; flex: 1 1 auto; width: 50%; } #rakamlars .item .metin:before { content: url(/d/r/img-s-46.png); position: absolute; top: 0; inset-inline-start: 0; z-index: -1; } #rakamlars .item .metin .baslik { color: #121212; font: 500 20px var(--baslik-fontu); line-height: 1.26; } #rakamlars .item .metin .numbers { color: #121212; font: 400 70px var(--icerik-fontu); line-height: 1; margin-top: 60px; } #rakamlars .item:last-child .metin { background-color: #121212; } #rakamlars .item:last-child .metin:before { content: url(/d/r/img-s-46-light.png); } #rakamlars .item:last-child .metin .baslik { color: #ffffff; } #rakamlars .item:last-child .metin .numbers { color: #ffffff; } /*******/ #nelerYapiyoz { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 100px; } #nelerYapiyoz .row { gap: 50px; align-items: center; } #nelerYapiyoz .kapsul { } #nelerYapiyoz .kapsul .baslik { position: relative; font-size: 16px; line-height: 1; display: inline-block; text-transform: uppercase; color: #121212; padding-inline-start: 140px; } #nelerYapiyoz .kapsul .baslik:before { position: absolute; content: ""; width: 80px; height: 1px; background-color: currentColor; inset-inline-start: 0; top: 50%; transform: translateY(-50%); } #nelerYapiyoz .kapsul .baslik:after { position: absolute; content: ""; width: 1px; height: 75px; background-color: currentColor; inset-inline-start: 57px; bottom: -15px; } #nelerYapiyoz .metin { } #nelerYapiyoz .metin .kisaOzet { font: 600 55px var(--baslik-fontu); color: #121212; margin-top: -15px; line-height: 1.08; } #nelerYapiyoz .metin .icerik { margin-top: 52px; padding: 0; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; max-width: 630px; } #nelerYapiyoz .kap { margin-top: 43px; display: flex; gap: 20px 40px; max-width: 460px; justify-content: space-between; } #nelerYapiyoz .kap .item { display: grid; gap: 18px; grid-template-columns: 30px auto; } #nelerYapiyoz .kap .item figure { } #nelerYapiyoz .kap .item figure img { display: inline-block; width: 30px; height: 30px; object-fit: contain; } #nelerYapiyoz .kap .item .k0 { } #nelerYapiyoz .kap .item .k0 .numbers { font: 400 36px var(--baslik-fontu); line-height: .85; color: #121212; } #nelerYapiyoz .kap .item .k0 .baslik { padding: 0; margin: 0; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; max-width: 630px; margin-top: 11px; } #nelerYapiyoz .nelerGaleri { display: flex; gap: 20px 50px; justify-content: center; margin-top: 43px; } #nelerYapiyoz .nelerGaleri figure { } #nelerYapiyoz .nelerGaleri figure img { } /*******/ #basitPro { } #basitPro figure { height: 100%; width: 100%; overflow: hidden; } #basitPro figure img { width: 100%; height: 100%; object-fit: cover; } #basitPro .item { padding: 100px 80px; position: relative; z-index: 1; height: 100%; } #basitPro .item .bg { position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; z-index: -1; } #basitPro .item .bg:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(18, 18, 18, .85); top: 0; inset-inline-start: 0; } #basitPro .item .bg img { width: 100%; height: 100%; object-fit: cover; } #basitPro .item .metin { } #basitPro .item .metin .baslik { max-width: 440px; color: #ffffff; margin-top: -15px; font: 500 32px var(--baslik-fontu); line-height: 1.4; } #basitPro .item .metin .kisaOzet { margin-top: 123px; width: 440px; color: #999999; font: 400 20px var(--icerik-fontu); line-height: 1.35; max-width: 100%; } #basitPro .item .metin .more { margin-top: 42px; text-transform: uppercase; border-radius: 0 30px 0 30px; padding: 22px 38px; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; gap: 30px; white-space: nowrap; border: 1px solid #fff; background-color: #ffffff; color: #121212; font: 600 14px var(--icerik-fontu); } #basitPro .item .metin .more svg { transform: rotate(-135deg); } /*******/ #kurumsalYorums { padding-top: 100px; padding-bottom: 100px; } #kurumsalYorums .item { margin: 0 auto; padding: 0 80px; text-align: center; } #kurumsalYorums .item .quote { } #kurumsalYorums .item .quote svg { width: 66px; height: auto; } #kurumsalYorums .item .icerik { margin-top: 53px; font-size: 30px; line-height: 1.38; font-weight: 300; color: #121212; } #kurumsalYorums .item .metin { margin-top: 44px; } #kurumsalYorums .item .metin .baslik { font-size: 18px; line-height: 1; display: inline-block; color: #121212; } #kurumsalYorums .item .metin .kisaOzet { font-size: 18px; display: inline-flex; color: #555555; position: relative; gap: 5px; } #kurumsalYorums .item .metin .kisaOzet:before { content: "-"; } #kurumsalYorums .swiper-button-next, #kurumsalYorums .swiper-button-prev { color: #555555; } /*******/ #kurumsalMerak { padding-bottom: 100px; } #kurumsalMerak figure { position: relative; width: 100%; height: 100%; } #kurumsalMerak figure img { width: 100%; height: 100%; object-fit: cover; } #kurumsalMerak .kap { padding: 73px 60px 80px; background-color: #121212; } #kurumsalMerak .kap .title { color: #ffffff; margin-top: -15px; font: 500 30px var(--baslik-fontu); line-height: 1.08; } #kurumsalMerak .kap .faqKapp { margin-top: 47px; } #kurumsalMerak .kap .item { border-bottom: 1px solid rgba(255, 255, 255, .08); background-color: rgba(0, 0, 0, 0); border-radius: 0px; border-top: 1px solid rgba(255, 255, 255, .08); } #kurumsalMerak .kap .item h3 { font: 400 36px var(--baslik-fontu); line-height: 1.08; margin: 0; } #kurumsalMerak .kap .item h3 a { color: #ffffff; background-color: rgba(0, 0, 0, 0); cursor: pointer; position: relative; display: flex; align-items: baseline; width: 100%; font: 400 19px var(--baslik-fontu); line-height: 29px; padding: 18px 0; gap: 15px; } #kurumsalMerak .kap .item h3 a:after { content: "+"; color: #ffffff; background-image: none; line-height: 1; width: auto; height: auto; font-size: 25px; } #kurumsalMerak .kap .item h3 a.active:after { content: "-"; } #kurumsalMerak .kap .item .cevap { display: none; color: #999999; font: 400 18px var(--icerik-fontu); line-height: 1.44; padding: 0 0 24px; } #kurumsalMerak .kap .item .cevap strong { color: #fff; letter-spacing: .5px; } /*******/ #anaHakkimizda { padding: 120px var(--sagsolbosluk); position: relative; background: #ffffff; display: flex; justify-content: center; } #anaHakkimizda .image { flex: 1; } #anaHakkimizda .image img { width: 100%; max-width: 400px; height: auto; } #anaHakkimizda .content { flex: 1; } #anaHakkimizda .content h1 { font-size: 2em; margin: 0; font-weight: 400; color: #000; } #anaHakkimizda .content p { margin: 20px 0; color: #555; letter-spacing: 1px; } #anaHakkimizda .content a { display: inline-block; padding: 10px 20px; background: #007aff; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; } #anaHakkimizda .content a:hover { background: #005fcc; } /****/ #nedenBiz { position: relative; overflow: hidden; padding: 75px 0; } #nedenBiz .kapsul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } #nedenBiz .kapsul .title { color: #000; width: 620px; max-width: 100%; font: 700 60px var(--baslik-fontu); } #nedenBiz .kapsul .title em { font-weight: 400; line-height: 100%; font-style: normal; } #nedenBiz .kapsul .seeAll { font: 500 16px var(--icerik-fontu); background: var(--tema-renk1); color: #fff; display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } #nedenBiz .kapsul .seeAll i { display: flex; align-items: center; justify-content: center; } #nedenBiz .kapsul .seeAll i svg { width: 22px; height: auto; transform: rotate(230deg); } #nedenBiz .kapsul .seeAll i svg path { stroke: currentColor; } #nedenBiz .cl4 { padding: 0 15px; } #nedenBiz .item { background: #181818; margin-bottom: 30px; padding: 30px 30px 40px; } #nedenBiz .item .sira { color: #fff; font-family: "Plus Jakarta Sans", sans-serif; font-size: 24px; font-weight: 600; line-height: 72px; text-transform: capitalize; } #nedenBiz .item figure { width: 63px; height: 63px; margin: 28px 0; } #nedenBiz .item figure img { max-width: 100%; } #nedenBiz .item .baslik { color: #121725; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; font-size: 2rem; margin-bottom: 0; line-height: 1.2; color: #fff; font-family: "Plus Jakarta Sans", sans-serif; font-size: 26px; font-weight: 700; line-height: 72px; text-transform: capitalize; transition: all 0.3s ease-in-out; } #nedenBiz .item .icerik { color: #DDD; font-size: 17px; font-weight: 500; line-height: 28.8px; margin-bottom: 0; } /*******/ #merakEdilenler { position: relative; overflow: hidden; padding: 120px 0; } #merakEdilenler .kapsul { margin: 0 0 65px; display: flex; flex-direction: column; width: 100%; align-items: flex-start; justify-content: flex-start; vertical-align: baseline; position: relative; gap: 30px; } #merakEdilenler .kapsul .title { color: #000; font: 700 60px var(--baslik-fontu); } #merakEdilenler .kapsul .subtitle { font: 500 16px var(--icerik-fontu); color: #727272; } #merakEdilenler .kapsul .seeAll { font: 500 16px var(--icerik-fontu); background: var(--tema-renk1); color: #fff; display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } #merakEdilenler .kapsul .seeAll i { display: flex; align-items: center; justify-content: center; } #merakEdilenler .kapsul .seeAll i svg { width: 22px; height: auto; transform: rotate(230deg); } #merakEdilenler .kapsul .seeAll i svg path { stroke: currentColor; } #merakEdilenler .item { border-bottom: 1px solid #ececec; background-color: rgba(0, 0, 0, 0); border-radius: 0px; border-top: 1px solid #ececec; } #merakEdilenler .item .baslik { font: 500 18px var(--baslik-fontu); line-height: 1; color: var(--tema-renk1); text-transform: uppercase; cursor: pointer; margin: 0; } #merakEdilenler .item .baslik a { font: 500 18px var(--baslik-fontu); line-height: 1; color: var(--tema-renk1); padding: 24px 0 18px; text-transform: uppercase; display: flex; justify-content: space-between; gap: 20px; align-items: baseline; cursor: pointer; margin: 0; } #merakEdilenler .item .baslik a:after { content: "+"; color: var(--tema-renk1); background-image: none; width: auto; height: auto; font-size: 25px; } #merakEdilenler .item .baslik a.active:after { content: "-"; } #merakEdilenler .item .cevap { font: 400 16px var(--baslik-fontu); line-height: 30px; padding-bottom: 24px; color: #727272; display: none; } /*******/ #paketler { position: relative; overflow: hidden; padding: 120px 0; background: #f7f7f7; } #paketler .kapsul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } #paketler .kapsul .title { color: #000; width: 620px; max-width: 100%; font: 700 60px var(--baslik-fontu); } #paketler .kapsul .title em { font-weight: 400; line-height: 100%; font-style: normal; } #paketler .kapsul .seeAll { font: 500 16px var(--icerik-fontu); background: var(--tema-renk1); color: #fff; display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } #paketler .kapsul .seeAll i { display: flex; align-items: center; justify-content: center; } #paketler .kapsul .seeAll i svg { width: 22px; height: auto; transform: rotate(230deg); } #paketler .kapsul .seeAll i svg path { stroke: currentColor; } #paketler .paketTur { display: flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto 30px; gap: 20px; background: #fff; padding: 10px 15px; border-radius: 100px; position: relative; box-shadow: 0 0 1px 1px #0000000d; } #paketler .paketTur .odemeTur { font: 500 20px var(--baslik-fontu); padding: 10px 25px; color: var(--tema-renk1); position: relative; z-index: 6; cursor: pointer; transition: color .6s ease; } #paketler .paketTur:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk1); z-index: 0; border-radius: 100px; clip-path: circle(33% at 24% 50%); transition: clip-path 0.4s ease; } #paketler[data-paket="aylik"] .paketTur:before { clip-path: circle(33% at 24% 50%); } #paketler[data-paket="yillik"] .paketTur:before { clip-path: circle(43% at 80% 55%); } #paketler[data-paket="aylik"] .paketTur .ayli, #paketler[data-paket="yillik"] .paketTur .yilli { color: #fff; } #paketler .item { background-color: #ffffff; padding: 50px 50px; } #paketler .item .metin { } #paketler .item .metin .tag { background-color: #f6f6f6; font: 700 20px var(--baslik-fontu); text-transform: uppercase; color: #121212; padding: 15px 19px 10px; display: inline-block; line-height: 1; border-radius: 40px; } #paketler .item .metin .baslik { font: 700 28px var(--baslik-fontu); line-height: 1; margin-top: 47px; text-transform: uppercase; color: #121212; } #paketler .item .metin .kisaOzet { line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; margin-top: 10px; } #paketler .item .metin .icerik { margin-top: 33px; } #paketler .item .metin .icerik ul { } #paketler .item .metin .icerik ul li { display: flex; align-items: center; position: relative; } #paketler .item .metin .icerik ul li:before { content: ""; background: url(/d/r/check.png) no-repeat; width: 30px; height: 30px; } #paketler .item .metin .icerik ul li:not(:first-child) { margin-top: 15px; } #paketler .item .fiyatlandirma { margin-top: 41px; } #paketler .item .fiyatlandirma .fiyats { font: 900 63px var(--baslik-fontu); line-height: 1; text-transform: uppercase; color: #121212; display: flex; align-items: flex-end; gap: 12px; } #paketler .item .fiyatlandirma .fiyats span { font: 500 18px var(--baslik-fontu); position: relative; display: flex; gap: 5px; text-transform: capitalize; } #paketler .item .fiyatlandirma .fiyats span:before { content: "/"; } #paketler .item .fiyatlandirma .fiyats:not(:first-child) { margin-top: 15px; } #paketler[data-paket="aylik"] .item .fiyatlandirma .aylik, #paketler[data-paket="yillik"] .item .fiyatlandirma .yillik { display: flex; } #paketler[data-paket="aylik"] .item .fiyatlandirma .yillik, #paketler[data-paket="yillik"] .item .fiyatlandirma .aylik { display: none; } #paketler .item .fiyatlandirma .kullanici { font: 600 26px var(--baslik-fontu); gap: 5px; } #paketler .item .fiyatlandirma .kullanici span { } #paketler .item .more { font-size: 16px; line-height: 1; color: #ffffff; background-color: #121212; border: 1px solid #121212; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; font-family: var(--font_khand); text-transform: uppercase; font-weight: 600; gap: 50px; border-radius: 0; padding: 21px 35px; margin-top: 21px; } #paketler .item .more i { color: #fff; display: flex; align-items: center; justify-content: center; } #paketler .item .more i svg { transform: rotate(230deg); width: 26px; height: auto; } #paketler .item .more i svg path { stroke: currentColor; } /*******/ #modules { position: relative; overflow: hidden; padding: 120px 0; } #modules .kapsul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } #modules .kapsul .title { color: #000; width: 620px; max-width: 100%; font: 700 60px var(--baslik-fontu); } #modules .kapsul .title em { font-weight: 400; line-height: 100%; font-style: normal; } #modules .kapsul .seeAll { font: 500 16px var(--icerik-fontu); background: var(--tema-renk1); color: #fff; display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } #modules .kapsul .seeAll i { display: flex; align-items: center; justify-content: center; } #modules .kapsul .seeAll i svg { width: 22px; height: auto; transform: rotate(230deg); } #modules .kapsul .seeAll i svg path { stroke: currentColor; } #modules .item { display: inline-block; position: relative; width: 100%; } #modules .item figure { position: relative; border-radius: 5px; overflow: hidden; transition: all .5s; height: 423px; } #modules .item figure:after { position: absolute; content: ""; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(18, 18, 18, 0) 38.85%, #121212 100%); top: 0; inset-inline-start: 0; } #modules .item figure img { width: 100%; height: 100%; object-fit: cover; } #modules .item figure img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateX(50%) scaleX(2); opacity: 0; filter: blur(10px); transition: all 0.4s ease-in-out; } #modules .item .baslik { position: absolute; top: 0px; inset-inline-start: 0px; margin: 30px; font-size: 14px; text-transform: uppercase; line-height: 1; display: inline-block; padding: 10px 15px; border-radius: 5px; background-color: rgba(255, 255, 255, .35); color: #121212; } #modules .item .metin { position: absolute; bottom: 0; overflow: hidden; padding: 30px; width: 100%; } #modules .item .metin .kisaOzet { font: 600 22px var(--baslik-fontu); line-height: 1.25; color: #ffffff; transition: all .3s; width: 250px; max-width: 100%; letter-spacing: 1px; } #modules .item .metin .more { text-align: center; line-height: 1.5; border-radius: 100%; display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 28px; width: 60px; height: 60px; background-color: var(--tema-renk1); color: #fff; margin-bottom: -88px; opacity: 0; transition: all .5s; } #modules .item .metin .more svg { transform: rotate(-135deg); width: 24px; height: auto; } #modules .item .metin .more svg path { stroke: currentColor; } #modules .item:hover { } #modules .item:hover figure img { } #modules .item:hover figure img:first-child { transform: translateX(0) scaleX(1); opacity: 1; filter: blur(0); } #modules .item:hover figure img:nth-child(2) { transform: translateX(-50%) scaleX(2); opacity: 0; filter: blur(10px); } #modules .item:hover .more { margin-bottom: 0; opacity: 1; } /*******/ #customerReview { position: relative; overflow: hidden; padding: 120px 0; } #customerReview .kapsul { margin: 0 0 65px; display: flex; flex-direction: column; width: 100%; align-items: flex-start; justify-content: flex-start; vertical-align: baseline; position: relative; gap: 30px; } #customerReview .kapsul .title { color: #000; font: 500 18px var(--baslik-fontu); display: flex; align-items: center; justify-content: flex-start; gap: 15px; } #customerReview .kapsul .title:before { content: ""; background: url(/d/r/img-s-2.png) no-repeat; background-size: contain; width: 81px; height: 36px; display: block; } #customerReview .kapsul .subtitle { color: #000; font: 700 46px var(--baslik-fontu); } #customerReview .kapsul .content { font: 500 16px var(--icerik-fontu); color: #727272; } #customerReview .kapsul .seeAll { font: 500 16px var(--icerik-fontu); background: var(--tema-renk1); color: #fff; display: inline-block; padding: 15px 30px 15px 45px; border: 0; text-transform: capitalize; z-index: 1; position: relative; border-radius: 40px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; gap: 14px; } #customerReview .kapsul .seeAll i { display: flex; align-items: center; justify-content: center; } #customerReview .kapsul .seeAll i svg { width: 22px; height: auto; transform: rotate(230deg); } #customerReview .kapsul .seeAll i svg path { stroke: currentColor; } #customerReview .customerReviewSwiper { } #customerReview .k0 { background-color: #F2F2F2; padding: 0 20px; } #customerReview .item { position: relative; padding: 60px 70px; background-color: #ffffff; box-shadow: 0px 30px 200px rgba(16, 25, 56, .08); border-radius: 5px; margin: 0 50px; } #customerReview .item .quote { } #customerReview .item .quote svg { width: 55px; height: auto; position: relative; transition: all 0.3s ease-in-out; } #customerReview .item .kap0 { text-align: center; } #customerReview .item .metin { margin-top: 55px; } #customerReview .item .metin .baslik { font: 500 24px var(--icerik-fontu); line-height: 1; display: block; color: #121212; } #customerReview .item .metin .kisaOzet { display: block; color: #555555; font: 400 16px var(--icerik-fontu); } #customerReview .item .kap0 .icerik { margin-top: 38px; color: #121212; font: 400 18px var(--icerik-fontu); line-height: 1.33; } /*******/ #customerReview .oklar { display: flex; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 70px); margin-inline-start: -35px; left: 0; } #customerReview .swiper-button-next, #customerReview .swiper-button-prev { cursor: pointer; width: 70px; height: 70px; border: 1px solid rgba(18, 18, 18, .15); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #121212; transition: all .5s; right: 0; } #customerReview .swiper-button-next:hover, #customerReview .swiper-button-prev:hover { background: var(--tema-renk1); color: #fff; } #customerReview .swiper-button-prev { transform: rotate(180deg); left: 0; } #customerReview .swiper-button-next:after, #customerReview .swiper-button-prev:after { display: none; } #customerReview .swiper-button-next svg, #customerReview .swiper-button-prev svg { width: 24px; height: auto; position: relative; overflow: hidden; } #customerReview .swiper-button-next svg path, #customerReview .swiper-button-prev svg path { stroke: currentColor; } /*******/ #iletTepe { overflow: hidden; padding: 41px 0 30px; } #iletTepe .metin { margin-right: 60px; width: 100%; } #iletTepe .metin .baslik { color: #121212; font: 400 70px var(--baslik-fontu); line-height: 1.08; width: 100%; } #iletTepe .item { display: grid; gap: 30px; grid-template-columns: 300px 4fr; align-items: flex-end; grid-template-areas: 'alan1 alan2' 'alan1 alan4' 'alan3 alan4'; } #iletTepe .item .kap { overflow: hidden; } #iletTepe .item .kap:nth-child(1) { grid-area: alan1; height: 380px; } #iletTepe .item .kap:nth-child(2) { grid-area: alan2; margin-top: 44px; height: 232px; } #iletTepe .item .kap:nth-child(3) { grid-area: alan4; height: 282px; } #iletTepe .item .kap figure { width: 100%; height: 100%; overflow: hidden; } #iletTepe .item .kap figure img { width: 100%; height: 100%; object-fit: cover; } #iletTepe .item .kap_tel { padding: 85px 30px 40px; background-color: #121212; position: relative; z-index: 1; order: 3; grid-area: alan3; } #iletTepe .item .kap .icon { position: absolute; top: 10px; inset-inline-end: 10px; z-index: -1; } #iletTepe .item .kap .icon svg { width: 77px; height: auto; } #iletTepe .item .kap .icon svg path { stroke: #292929; } #iletTepe .item .kap .ilet { display: flex; flex-direction: column; } #iletTepe .item .kap .ilet .tit { font-size: 18px; color: #999999; line-height: 1; display: inline-block; } #iletTepe .item .kap .ilet .link { font-size: 24px; line-height: 1; margin-top: 12px; color: #ffffff; } /*******/ #iletResim { overflow: hidden; } #iletResim figure { } #iletResim figure img { width: 100%; } /*******/ #iletForm { padding: 100px 0; position: relative; } #iletForm .kap0 { display: flex; gap: 60px; margin-bottom: 72px; } #iletForm .kap0 .slogan { font: 500 70px var(--baslik-fontu); width: 750px; max-width: 100%; line-height: 1.08; margin-top: -15px; color: #121212; } #iletForm .kap0 .mesaj { font: 400 18px var(--icerik-fontu); width: 350px; max-width: 100%; padding: 0; margin: 0; line-height: 1.41; color: #555555; } #iletForm .kapsul { } #iletForm .kapsul .content { font-size: 26px; line-height: 1.25; font-weight: 500; color: #121212; width: 360px; max-width: 100%; } #iletForm .kapsul .kap { margin-top: 26px; width: 415px; max-width: 100%; } #iletForm .kapsul .kap a { text-decoration: underline; text-underline-offset: 2px; } #iletForm .kapsul .kap .ad { font-size: 18px; line-height: 24px; display: block; color: #555555; } #iletForm .kapsul .kap .ad:not(:first-child) { margin-top: 15px; } #iletForm .iletForm { } #iletForm .iletForm .kaps { display: grid; gap: 35px 30px; grid-template-columns: repeat(2, 1fr); } #iletForm .iletForm .satir { } #iletForm .iletForm input, #iletForm .iletForm textarea { width: 100%; height: 40px; border: none; border-bottom: 1px solid #12121214; outline: none; background-color: rgba(0, 0, 0, 0); transition: all .5s; } #iletForm .iletForm input:focus, #iletForm .iletForm textarea:focus { border-color: var(--tema-renk1); } #iletForm .iletForm .message { grid-column: span 2; } #iletForm .iletForm textarea { height: auto; } #iletForm .iletForm .guvenlik { grid-column: span 2; display: flex; gap: 20px; } #iletForm .iletForm .guvenlik label { } #iletForm .iletForm .guvenlik label img { } #iletForm .iletForm .guvenlik input { } #iletForm .iletForm button { font: 600 14px var(--baslik-fontu); text-transform: uppercase; line-height: 1; color: #ffffff; background-color: #121212; border: 1px solid #121212; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; gap: 11px; white-space: nowrap; border-radius: 0 30px 0 30px; padding: 15px 30px; cursor: pointer; } #iletForm .iletForm button i { } #iletForm .iletForm button svg { transform: rotate(-135deg); width: 22px; height: auto; } #iletForm .iletForm button svg path { stroke: currentColor; } /*******/ #paketlerCat { position: relative; overflow: hidden; padding: 75px 0; background: #f7f7f7; } #paketlerCat .paketTur { display: flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto 30px; gap: 20px; background: #fff; padding: 10px 15px; border-radius: 100px; position: relative; box-shadow: 0 0 1px 1px #0000000d; } #paketlerCat .paketTur .odemeTur { font: 500 20px var(--baslik-fontu); padding: 10px 25px; color: var(--tema-renk1); position: relative; z-index: 6; cursor: pointer; transition: color .6s ease; } #paketlerCat .paketTur:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk1); z-index: 0; border-radius: 100px; clip-path: circle(33% at 24% 50%); transition: clip-path 0.4s ease; } #paketlerCat[data-paket="aylik"] .paketTur:before { clip-path: circle(33% at 24% 50%); } #paketlerCat[data-paket="yillik"] .paketTur:before { clip-path: circle(43% at 80% 55%); } #paketlerCat[data-paket="aylik"] .paketTur .ayli, #paketlerCat[data-paket="yillik"] .paketTur .yilli { color: #fff; } #paketlerCat .cl4 { padding: 0 15px; } #paketlerCat .item { background-color: #ffffff; padding: 50px 50px; margin: 0 0 30px; } #paketlerCat .item .metin { } #paketlerCat .item .metin .tag { background-color: #f6f6f6; font: 700 20px var(--baslik-fontu); text-transform: uppercase; color: #121212; padding: 15px 19px 10px; display: inline-block; line-height: 1; border-radius: 40px; } #paketlerCat .item .metin .baslik { font: 700 26px var(--baslik-fontu); line-height: 1; margin-top: 47px; text-transform: uppercase; color: #121212; } #paketlerCat .item .metin .kisaOzet { line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; margin-top: 10px; } #paketlerCat .item .metin .icerik { margin-top: 33px; } #paketlerCat .item .metin .icerik ul { } #paketlerCat .item .metin .icerik ul li { display: flex; align-items: center; position: relative; } #paketlerCat .item .metin .icerik ul li:before { content: ""; background: url(/d/r/check.png) no-repeat; width: 30px; height: 30px; } #paketlerCat .item .metin .icerik ul li:not(:first-child) { margin-top: 15px; } #paketlerCat .item .fiyatlandirma { margin-top: 41px; } #paketlerCat .item .fiyatlandirma .fiyats { font: 900 63px var(--baslik-fontu); line-height: 1; text-transform: uppercase; color: #121212; display: flex; align-items: flex-end; gap: 12px; } #paketlerCat .item .fiyatlandirma .fiyats span { font: 500 18px var(--baslik-fontu); position: relative; display: flex; gap: 5px; text-transform: capitalize; } #paketlerCat .item .fiyatlandirma .fiyats span:before { content: "/"; } #paketlerCat .item .fiyatlandirma .fiyats:not(:first-child) { margin-top: 15px; } #paketlerCat[data-paket="aylik"] .item .fiyatlandirma .aylik, #paketlerCat[data-paket="yillik"] .item .fiyatlandirma .yillik { display: flex; } #paketlerCat[data-paket="aylik"] .item .fiyatlandirma .yillik, #paketlerCat[data-paket="yillik"] .item .fiyatlandirma .aylik { display: none; } #paketlerCat .item .fiyatlandirma .kullanici { font: 600 26px var(--baslik-fontu); gap: 5px; } #paketlerCat .item .fiyatlandirma .kullanici span { } #paketlerCat .item .more { font-size: 16px; line-height: 1; color: #ffffff; background-color: #121212; border: 1px solid #121212; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; font-family: var(--font_khand); text-transform: uppercase; font-weight: 600; gap: 50px; border-radius: 0; padding: 21px 35px; margin-top: 21px; } #paketlerCat .item .more i { color: #fff; display: flex; align-items: center; justify-content: center; } #paketlerCat .item .more i svg { transform: rotate(230deg); width: 26px; height: auto; } #paketlerCat .item .more i svg path { stroke: currentColor; } /*******/ #packetsDet { position: relative; margin: 50px 0; } #packetsDet .metin { margin: 0 0 15px; } #packetsDet .metin .tag { background: #f7f7f7; padding: 10px 15px; width: fit-content; border-radius: 5px; } #packetsDet .metin .kisaOzet { font: 500 18px var(--icerik-fontu); color: #121212; } #packetsDet .metin .icerik { font: 400 16px var(--icerik-fontu); color: #555555; } #packetsDet .metin .icerik ul { margin: 15px 0; } #packetsDet .metin .icerik ul li { display: flex; align-items: center; position: relative; } #packetsDet .metin .icerik ul li:before { content: ""; background: url(/d/r/check.png) no-repeat; width: 30px; height: 30px; } #packetsDet .metin .icerik ul li:not(:first-child) { margin-top: 15px; } #packetsDet .sag_kap { background: #f7f7f7; padding: 15px 30px; border-radius: 5px; margin-left: 30px; } #packetsDet .sag_kap .tit { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 2px solid #121212; font: 700 26px var(--baslik-fontu); } #packetsDet .sag_kap .bilgi { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 15px; border-bottom: 1px solid #dedede; padding: 0 0 15px; gap: 15px; } #packetsDet .sag_kap .bilgi:last-child { padding: 0; margin: 0; border-bottom: none; } #packetsDet .sag_kap .bilgi .title { font: 700 16px var(--baslik-fontu); color: #121212; } #packetsDet .sag_kap .bilgi .content { font: 700 22px var(--baslik-fontu); color: #121212; } /*******/ #modulesCat { position: relative; overflow: hidden; margin: 50px 0; } #modulesCat .cl4 { padding: 0 15px; } #modulesCat .item { display: inline-block; position: relative; width: 100%; margin: 0 0 30px; } #modulesCat .item figure { position: relative; border-radius: 5px; overflow: hidden; transition: all .5s; height: 423px; } #modulesCat .item figure:after { position: absolute; content: ""; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(18, 18, 18, 0) 38.85%, #121212 100%); top: 0; inset-inline-start: 0; } #modulesCat .item figure img { width: 100%; height: 100%; object-fit: cover; } #modulesCat .item figure img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateX(50%) scaleX(2); opacity: 0; filter: blur(10px); transition: all 0.4s ease-in-out; } #modulesCat .item .baslik { position: absolute; top: 0px; inset-inline-start: 0px; margin: 30px; font-size: 14px; text-transform: uppercase; line-height: 1; display: inline-block; padding: 10px 15px; border-radius: 5px; background-color: rgba(255, 255, 255, .35); color: #121212; } #modulesCat .item .metin { position: absolute; bottom: 0; overflow: hidden; padding: 30px; width: 100%; } #modulesCat .item .metin .kisaOzet { font: 600 22px var(--baslik-fontu); line-height: 1.25; color: #ffffff; transition: all .3s; width: 250px; max-width: 100%; letter-spacing: 1px; } #modulesCat .item .metin .more { text-align: center; line-height: 1.5; border-radius: 100%; display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 28px; width: 60px; height: 60px; background-color: var(--tema-renk1); color: #fff; margin-bottom: -88px; opacity: 0; transition: all .5s; } #modulesCat .item .metin .more svg { transform: rotate(-135deg); width: 24px; height: auto; } #modulesCat .item .metin .more svg path { stroke: currentColor; } #modulesCat .item:hover { } #modulesCat .item:hover figure img { } #modulesCat .item:hover figure img:first-child { transform: translateX(0) scaleX(1); opacity: 1; filter: blur(0); } #modulesCat .item:hover figure img:nth-child(2) { transform: translateX(-50%) scaleX(2); opacity: 0; filter: blur(10px); } #modulesCat .item:hover .more { margin-bottom: 0; opacity: 1; } /*******/ #katIcerik { margin: 30px 0; position: relative; overflow: hidden; } #katIcerik .icerik { font: 400 16px var(--icerik-fontu); color: #555555; } #katIcerik .icerik p:not(:first-child) { margin: 15px 0 0; } /*******/ .resimSolla figure { max-width: 100%; overflow: hidden; position: relative; height: auto; } .resimSolla figure img { border-radius: 0; width: 100%; height: 100%; position: relative; display: block; object-fit: cover; transition: all 500ms ease; } .resimSolla figure img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateX(50%) scaleX(2); opacity: 0; filter: blur(10px); transition: all 0.4s ease-in-out; } .resimSolla:hover figure img:first-child { transform: translateX(0) scaleX(1); opacity: 1; filter: blur(0); } .resimSolla:hover figure img:nth-child(2) { transform: translateX(-50%) scaleX(2); opacity: 0; filter: blur(10px); } /******/ .servicesGaleri .swiper-button-next, .servicesGaleri .swiper-button-prev { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 25px; z-index: 1; margin: 0 40px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid #fff; fill: #fff; } .servicesGaleri .swiper-button-prev { transform: rotate(180deg); top: calc(50% - 21px); } .servicesGaleri .swiper-button-next:after, .servicesGaleri .swiper-button-prev:after { display: none; } .servicesGaleri .swiper-button-next svg, .servicesGaleri .swiper-button-prev svg { width: 1em; height: 1em; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } /*******/ #projectCat { position: relative; overflow: hidden; margin: 35px 0; } #projectCat .cl3:nth-child(2n) { margin: 30px 0 0; } #projectCat a { margin: 10px 10px 30px; display: block; } #projectCat .item { width: 100%; height: auto; display: flex; flex-direction: column; } #projectCat .item figure { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0; overflow: hidden; } #projectCat .item figure img { width: 100%; height: 100%; position: relative; display: block; object-position: center; object-fit: cover; transform: scale(1.0); transition: all .5s cubic-bezier(.785, .135, .15, .860) 0ms; } #projectCat .item .metin { padding-top: 36px; transition: all .4s ease-in-out; } #projectCat .item .metin .baslik { font-size: 32px; display: inline-block; position: relative; color: #000000; transition: .4s clip-path cubic-bezier(.32,.55,.58,.76) 0s, .4s -webkit-clip-path cubic-bezier(.32,.55,.58,.76) 0s; cursor: pointer; font-weight: 600; text-transform: lowercase; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } #projectCat .item .metin .kisaOzet { font-size: 15px; color: #000000; padding: 0; margin: 6px 0 0 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } #projectCat .item .metin .kisaOzet ul { font-size: 15px; color: #000000; padding: 0; margin: 6px 0 0 0; list-style: disc outside none; } #projectCat .item .metin .kisaOzet ul li { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; text-transform: lowercase; } #projectCat .item .metin .kisaOzet ul li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; display: inline-flex; background: currentColor; margin-right: 10px; } /*******/ #projeDet { position: relative; overflow: hidden; margin: 35px 0; } #projeDet .metin { } #projeDet .metin .kisaOzet { color: #000000; font: 500 28px var(--icerik-fontu); line-height: 42px; margin: 0 0 25px; text-transform: lowercase; } #projeDet .metin .kisaOzet ul { display: flex; justify-content: space-between; align-items: flex-start; gap: 50px; } #projeDet .metin .kisaOzet ul li { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-transform: lowercase; font-size: 60px; line-height: 65px; } #projeDet .metin .kisaOzet ul li::before { content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-flex; background: currentColor; margin-right: 10px; } #projeDet .metin .icerik { font: 500 15px var(--icerik-fontu); color: #000000; line-height: 27.75px; } #projeDet .metin .icerik h2 { font: 600 20px var(--icerik-fontu); color: #000000; } #projeDet .metin .icerik p { margin: 0 0 10px; } #projeDet .metin .icerik ul { font-size: 15px; color: #000000; padding: 0; margin: 6px 0 0 0; list-style: disc outside none; } #projeDet .metin .icerik ul li { list-style: none; margin: 0 0 10px; padding: 0; display: flex; justify-content: flex-start; align-items: center; } #projeDet .metin .icerik ul li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; display: inline-flex; background: currentColor; margin-right: 10px; } /*******/ #subeCat { margin: 35px 0px; position: relative; overflow: hidden; } #subeCat .cl4 { padding: 0 15px; margin: 0 0 30px; } #subeCat .item { padding: 30px 25px; border: 1px solid #dedede; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 25px; } #subeCat .item .konum { width: fit-content; background: #f7f7f7; padding: 10px 15px; font: 500 16px var(--icerik-fontu); letter-spacing: 1px; color: var(--tema-renk1); } #subeCat .item .baslik { font: 600 29px var(--baslik-fontu); color: var(--tema-renk1); } #subeCat .item .kap { display: flex; flex-direction: column; gap: 12px; } #subeCat .item .kap .blg { font: 500 18px var(--icerik-fontu); line-height: 26px; } #subeCat .item:hover { background: var(--tema-renk1); border-color: var(--tema-renk1); } #subeCat .item:hover .baslik { color: #f1f1f1; } #subeCat .item:hover .kap .blg { color: #f1f1f1; } /*******/ #servicesDet { margin: 35px 0; position: relative; overflow: hidden; } #servicesDet .detTep { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; } #servicesDet .detTep .kap { flex: 0 0 50%; position: relative; } #servicesDet .detTep .kap:first-child { flex: 0 0 20%; } #servicesDet .detTep .kap:last-child { flex: 0 0 20%; } #servicesDet .detTep .kap:after { content: ""; width: 1px; height: 100%; background: #00000021; display: block; position: absolute; top: 0; right: 0; } #servicesDet .detTep .kap:last-child:after { display: none; } #servicesDet .detTep .kap .content { font: 300 22px var(--icerik-fontu); line-height: 32px; color: #000; margin: 0; } #servicesDet .detTep .kap .kapTitle { font: 600 18px var(--icerik-fontu); color: #000; margin: 0 0 15px; } #servicesDet .subeMap { margin: 35px 0; filter: grayscale(50); } #servicesDet .metin { } #servicesDet .metin .kisaOzet { font: 500 18px var(--icerik-fontu); margin: 0 0 25px; } #servicesDet .metin .icerik { font: 400 16px var(--icerik-fontu); line-height: 30px; } #servicesDet .metin .icerik p { margin: 0 0 15px; } /**************/ #products { position: relative; padding: 110px 0; overflow: hidden; } #products .kapsul { display: flex; padding-bottom: 80px; justify-content: space-between; align-items: flex-start; } #products .kapsul .title { color: #121212; font: 600 60px var(--icerik-fontu); line-height: 1.05; } #products .kapsul .kap { width: 650px; max-width: 100%; } #products .kapsul .subtitle { padding: 0; margin: 0 0 15px; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } #products .kapsul .more { color: #121212; text-transform: capitalize; position: relative; display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; white-space: nowrap; font: 600 14px var(--icerik-fontu); text-decoration: 2px solid #121212; } #products .item { } #products .item figure { overflow: hidden !important; } #products .item figure img { width: 100%; } #products .item .metin { padding-top: 25px; padding-bottom: 23px; border-bottom: 1px solid #121212; display: grid; gap: 10px; grid-template-columns: 55px 1fr auto; } #products .item .metin .sira { font-size: 18px; line-height: 1; } #products .item .metin .baslik { font-family: var(--font_beatricetrial); font-weight: 400; font-size: 24px; line-height: 1.25; margin: 0; color: #121212; } #products .item .metin .icon { transform: translate(-10px, 10px); opacity: 0; transition: all .5s; color: #121212; } #products .item:hover .metin .icon { transform: none; opacity: 1; } #products .item .metin .icon i { font-size: 20px; color: #121212; } #products .item .metin .icon i svg { width: 26px; height: auto; transform: rotate(226deg); } #products .item .metin .icon i svg path { stroke: currentColor; } /**************/ #branch { position: relative; padding: 110px 0; overflow: hidden; } #branch .kapsul { display: flex; padding-bottom: 80px; justify-content: space-between; align-items: flex-start; } #branch .kapsul .title { color: #121212; font: 600 60px var(--icerik-fontu); line-height: 1.05; } #branch .kapsul .kap { width: 650px; max-width: 100%; } #branch .kapsul .subtitle { padding: 0; margin: 0 0 15px; line-height: 1.41; font-weight: 400; font-size: 18px; color: #555555; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } #branch .kapsul .more { color: #121212; text-transform: capitalize; position: relative; display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; white-space: nowrap; font: 600 14px var(--icerik-fontu); text-decoration: 2px solid #121212; } #branch .item { padding: 30px 25px; border: 1px solid #dedede; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 25px; } #branch .item .konum { width: fit-content; background: #f7f7f7; padding: 10px 15px; font: 500 16px var(--icerik-fontu); letter-spacing: 1px; color: var(--tema-renk1); } #branch .item .baslik { font: 600 29px var(--baslik-fontu); color: var(--tema-renk1); } #branch .item .kap { display: flex; flex-direction: column; gap: 12px; } #branch .item .kap .blg { font: 500 18px var(--icerik-fontu); line-height: 26px; } #branch .item:hover { background: var(--tema-renk1); border-color: var(--tema-renk1); } #branch .item:hover .baslik { color: #f1f1f1; } #branch .item:hover .kap .blg { color: #f1f1f1; } /**************/ #aboutUs { padding: 110px 0; position: relative; background: #f1f1f1; overflow: hidden; } #aboutUs .context { padding: 0 0 0 50px; } #aboutUs .context .title { display: inline-block; position: relative; color: var(--tema-renk2); text-transform: uppercase; padding-left: 100px; transition: all 0.3s ease 0s; font: 400 14px var(--icerik-fontu); } #aboutUs .context .title:before { width: 80px; border-bottom: 1px solid var(--tema-renk2); border-color: var(--tema-renk2); content: ""; position: absolute; top: 9px; left: 0; } #aboutUs .context .subtitle { margin: 0px 0 -4px 0 !important; color: #544438; z-index: 3; position: relative; transition: all 0.3s ease 0s; font: 400 46px var(--baslik-fontu); width: 510px; max-width: 100%; line-height: 65px; } #aboutUs .context .subtitle strong { color: var(--tema-renk1); display: block; font-weight: 400; } #aboutUs .context .content { position: relative; font: 400 18px var(--icerik-fontu); line-height: 28px; color: #676a6a; margin: 25px 0 0; } #aboutUs .context .content p { margin-bottom: 10px; } #aboutUs .context a.learnMore { display: flex; align-items: center; gap: 6px; transition: 0.3s; letter-spacing: 1px; font: 500 15px var(--icerik-fontu); color: var(--tema-renk2); border-radius: 6px; padding: 14px 22px; border: 1px solid #a8a8a8; width: fit-content; margin: 30px 0 0; } #aboutUs figure { } #aboutUs figure img { max-width: initial; } #aboutUs .genislet { width: 0; transition-delay: 2s; overflow: hidden; } #aboutUs .genislet.aos-animate { width: 100%; transition: width ease 1s; } /*********/ #productCat { position: relative; margin: 35px 0; overflow: hidden; } #productCat .cl4 { padding: 0 15px; } #productCat .item { margin: 0 0 30px; } #productCat .item figure { overflow: hidden !important; } #productCat .item figure img { width: 100%; } #productCat .item .metin { padding-top: 25px; padding-bottom: 23px; border-bottom: 1px solid #121212; display: grid; gap: 10px; grid-template-columns: 55px 1fr auto; } #productCat .item .metin .sira { font-size: 18px; line-height: 1; } #productCat .item .metin .baslik { font-family: var(--font_beatricetrial); font-weight: 400; font-size: 24px; line-height: 1.25; margin: 0; color: #121212; } #productCat .item .metin .icon { transform: translate(-10px, 10px); opacity: 0; transition: all .5s; color: #121212; } #productCat .item:hover .metin .icon { transform: none; opacity: 1; } #productCat .item .metin .icon i { font-size: 20px; color: #121212; } #productCat .item .metin .icon i svg { width: 26px; height: auto; transform: rotate(226deg); } #productCat .item .metin .icon i svg path { stroke: currentColor; } /**************/ #blog { position: relative; overflow: hidden; padding: 90px 0; } #blog .kap { position: relative; } #blog .kap .title { text-align: center; color: #000; font: 600 32px var(--baslik-fontu); line-height: 30px; } #blog .kap .subtitle { width: 600px; max-width: 100%; margin: 16px auto 32px auto; text-align: center; line-height: 38px; font-size: 24px; color: #000; font-weight: 300; } #blog .kap .seeMore { display: flex; align-items: center; gap: 6px; transition: 0.3s; letter-spacing: 1px; font: 500 15px var(--icerik-fontu); color: var(--tema-renk2); border-radius: 6px; padding: 14px 22px; border: 1px solid #a8a8a8; width: fit-content; margin: 30px auto 0; } #blog .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 30px; } #blog .item { background: #eeeeee; } #blog .item figure { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; flex: 0 0 44%; position: relative; overflow: hidden; } #blog .item figure .thumb { display: block; position: relative; overflow: hidden; z-index: 0; background: #eaeaeb; background-position: 50%; background-size: cover; height: 256px; } #blog .item figure .thumb:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; background-color: transparent; transition: all .2s ease; } #blog .item figure img { position: absolute; min-width: 100%; min-height: 100%; object-fit: cover; color: #ffffff; z-index: -1; width: 100%; max-height: 500px; height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; } #blog .item .metin { margin: 25px 20px; } #blog .item .time { display: inline-flex; justify-content: center; color: #2319088c; margin: 0px 0px 10px 0px; font-family: "Inter", Sans-serif; font-size: 14px; font-weight: 400; text-transform: none; font-style: normal; text-decoration: none; line-height: 1.5em; letter-spacing: 0px; } #blog .item .baslik { font-size: 18px; font-weight: 500; line-height: 1.3; margin: 0px 0px 0px 0px; color: #231908; text-transform: none; font-style: normal; text-decoration: none; width: 280px; max-width: 100%; margin-bottom: 15px; position: relative } #blog .item .baslik::after { content: ""; position: absolute; top: 9px; right: -10px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; } #blog .item .ozet { font-size: 16px; line-height: 23px; font-weight: 400; padding-right: 15px; } #blog .item .metin .more { display: flex; align-items: center; justify-content: flex-start; font-size: .75rem; margin-top: 1.5rem; padding: 0px 5px 0px 5px; background-color: #02010100; color: #246978; border-radius: 0px 0px 0px 0px; border-style: none; font-family: "Raleway", Sans-serif; font-size: 16px; font-weight: 500; text-transform: none; font-style: normal; text-decoration: none; line-height: 1em; letter-spacing: 0px; } #blog .item .metin .more i { position: relative; color: inherit; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 8px; } #blog .item .metin .more i svg { width: 24px; height: auto; transform: rotate(-90deg); } #blog .item .metin .more i svg path { stroke: currentColor; } #blog .item .metin a:hover .baslik { color: var(--tema-renk1) } #blog .item .metin a:hover .baslik:after { border-color: var(--tema-renk1) } /*******/ #katalog { background: #eee; margin: 60px var(--sagsolbosluk) 0 var(--sagsolbosluk); padding: 60px 40px 60px 40px; border-radius: 8px; } #katalog .row { align-items: center; } #katalog .item { padding: 0 15px; flex: 0 0 50%; } #katalog figure { padding: 0 10px; } #katalog figure img { } #katalog .metin { } #katalog .metin .baslik { color: var(--tema-renk2); margin: 0; margin-bottom: 20px; font: 600 36px var(--baslik-fontu); } #katalog .metin .icerik { color: #252525; margin-bottom: 20px; font: 400 16px var(--icerik-fontu); line-height: 30px; } #katalog .metin a.devamiGor { color: var(--tema-renk2); padding: 14px 0; display: flex; align-items: center; gap: 0 10px; width: fit-content; font: 500 16px var(--baslik-fontu); } #katalog .metin a.devamiGor svg { } #katalog .metin a.devamiGor svg path { fill: currentColor } /**************/ /**********/ footer { overflow: hidden; position: relative; z-index: 99; background: #fff; } footer:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background: url(/d/r/noktabirtane.png); } footer .satir1 { padding: 30px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DDDDDD; position: relative; z-index: 8; } footer .satir1 figure { } footer .satir1 figure img { width: 300px; height: 50px; } footer .satir1 .footSocial { display: flex; justify-content: space-between; } footer .satir1 .footSocial .baslik { font: 400 15px var(--icerik-fontu); margin-right: 15px; color: #818181; margin-top: 10px; } footer .satir1 .footSocial ul.social { display: flex; align-items: center; justify-content: space-between; } footer .satir1 .footSocial ul.social li { display: inline-block; } footer .satir1 .footSocial ul.social li a { width: 40px; height: 40px; line-height: 40px; color: #181A20; background-color: #00000000; display: inline-block; text-align: center; border-radius: 50%; transition: all 0.3s ease-in-out 0s; } footer .satir1 .footSocial ul.social li a:hover { background-color: #F7F7F7; } footer .satir1 .footSocial ul.social li a i { display: flex; align-items: center; justify-content: center; height: 100%; } footer .satir1 .footSocial ul.social li a i svg { height: 20px; } footer .satir2 { padding: 30px 20px; position: relative; z-index: 9; } footer table { border: none; color: #ddd; width: 100% !important; /* margin: 35px 0 0; */ display: inline-block; height: auto !important } footer table tbody { width: 100% !important; display: block; } footer table tr { width: 100%; display: block; } footer table tr td { border: none; padding: 0 15px 15px; vertical-align: top; text-align: left !important; width: 33%; font: 400 18px var(--icerik-fontu); color: #181A20; line-height: 25px; display: inline-block; } footer table p { font: 400 17px var(--icerik-fontu); margin-bottom: 12px; line-height: 26px; transition: .4s; color: #181A20; } footer table p img { margin: 0 0 20px; height: auto; width: auto; } footer table a, footer table a:active, footer table a:visited { display: inline-block; font: 400 15px var(--icerik-fontu); line-height: 26px; transition: .4s; color: #181A20; } footer table a:hover { color: var(--tema-renk1); text-decoration: underline; } footer table tr td h2, footer .contract h2 { margin: 0 0 25px; color: #000000; font: 600 17px var(--icerik-fontu); line-height: 18px; } footer table tr td strong { letter-spacing: 1px; color: #252525; margin-bottom: 6px; } footer .contract { } footer .contract ul { } footer .contract ul li { font: 400 15px var(--icerik-fontu); margin-bottom: 12px; line-height: 26px; transition: .4s; color: #181A20; } footer .contract ul li a { font: 400 15px var(--icerik-fontu); margin-bottom: 12px; line-height: 26px; transition: .4s; color: #181A20; } footer .contract ul li a:hover { color: var(--tema-renk1); text-decoration: underline; } footer .satir2 .footIlet { /* margin: 52px 0 0; */ display: flex; flex-direction: column; } footer .satir2 .footIlet .kap:first-child { width: 100%; } footer .satir2 .footIlet .kap { color: #717171; font: 400 15px var(--icerik-fontu); line-height: 25px; margin-bottom: 20px; } footer .satir2 .footIlet .kap span { color: #181A20; font: 600 16px var(--icerik-fontu); line-height: 18px; display: block; margin-bottom: 10px; } footer .satir2 .footIlet .kap a.links { color: #717171; font: 400 15px var(--icerik-fontu); line-height: 18px; display: block; margin-bottom: 8px; } footer .satir2 .footIlet .kap a.links:hover { color: var(--tema-renk1); } footer .satir3 { transition: all 400ms; padding: 30px 20px; border-top: 1px solid #dede; z-index: 9; position: relative; } footer .satir3 .kap { display: flex; align-items: center; justify-content: flex-start; gap: 10px; } footer .satir3 .kap .copy { letter-spacing: .5px; color: #818d96; font: 400 16px var(--icerik-fontu); } footer .satir3 .imza { text-align: right; letter-spacing: .5px; font: 400 16px var(--icerik-fontu); margin-right: 8px; } footer .satir3 .imza a { color: #818d96; font: 400 16px var(--icerik-fontu); } footer .satir3 .contract { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } footer .satir3 .contract ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 30px; } footer .satir3 .contract ul li { color: #d8d8d8; font: 400 14px var(--icerik-fontu); transition: all 750ms ease; cursor: pointer; border-right: 1px solid #dedede; padding-right: 5px; } footer .satir3 .contract ul li a { color: #818d96; font: 400 16px var(--icerik-fontu); transition: all 750ms ease; } footer .satir3 .contract ul li:hover { color: var(--tema-renk2); } footer .satir3 .contract ul li a:hover { color: var(--tema-renk2); } footer .satir3 .contract ul li:last-child { border: none; } /*********/ /*********/ .sliderFollow { display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 4px; column-gap: 11px; } .sliderFollow .title { transform: rotate(90deg); width: 226px; margin-right: -96px; padding-right: 76px; position: relative; margin-bottom: 63px; } .sliderFollow .title:before { content: ""; position: absolute; height: 50px; width: 1px; background: #fff; right: 73px; rotate: 90deg; top: -15px; } .sliderFollow a { width: 28px; height: 28px; display: flex; align-items: center; z-index: 50; justify-content: center; border-radius: 50%; } .sliderFollow a svg { fill: #090909; width: 16px; height: 16px; } .sliderFollow a.face { background: #3b5998; } .sliderFollow a.inst { background: #e1306c; } .sliderFollow a.twit { background: #1da1f2; } .sliderFollow a.linkedin { background: #0077B5 ; } .sliderFollow a.yout { background: #FF0000 ; } .sliderFollow a.face svg { fill: #fff; } .sliderFollow a.inst svg { fill: #fff; } .sliderFollow a.twit svg { fill: #fff; } .sliderFollow a.linkedin svg { fill: #fff; } .sliderFollow a.yout svg { fill: #fff; } /*********/ #fixdegoster{ font-size: 48px; width: 800px; max-width: 100%; margin: 50px auto 0 auto; text-align: center; } @media(min-width: 1901px) { } @media(max-width: 767px) { #fixdegoster{ font-size: 30px;padding:0 10px } 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 } /****/ #formDet .kapsul .formdetay .row .satir { width: 100%; margin: 0 0 20px; } /****/ #merakEdilenler figure { margin: 0 0 30px } /****/ .sagcontainer { padding: 0 10px; } /****/ #contUs .item { padding: 75px 25px; } #contUs .item form .satir { padding: 0 0 30px; } /****/ #projects .kapsul { flex-direction: column; gap: 11px; } #projects .projeKap .kap2 .wrap { margin: 0 } /****/ #iletFormBil .adKap .cl6:first-child .satir { padding-right: 0; } #iletFormBil .adKap .cl6:last-child .satir { padding-left: 0; } /****/ #oncekiSonraki .row { display: flex; gap: 10px; } #oncekiSonraki .item .nextprev figure { width: 55px; height: 55px; flex-shrink: 0; } #oncekiSonraki .item .nextprev .npUrun { font-size: 13px; margin: 0; line-height: 20px; } #oncekiSonraki .item .nextprev .npAd { /* font-size: 14px; */ /* display: none; */ } #oncekiSonraki .item .onceki { width: 50%; justify-content: flex-start; } #oncekiSonraki .item .sonraki { width: 50%; } #oncekiSonraki .item .nextprev figure:before { width: 35px; height: 35px; } #oncekiSonraki .item .nextprev figure:after { width: 10px; height: 10px; } /****/ #contUs .item .kapsul .subtitle { font-size: 24px; line-height: 36px; } #customerReview figure { padding-right: 0 } /**********/ #productDet .urunBilgileri { padding: 35px 10px; } /*****/ #products .kapsul { flex-direction: column; } #products .kapsul .subtitle { font-size: 36px; padding: 25px 0; line-height: 48px; } #products .item .metin { padding: 30px; } #products .item .metin .baslik { font-size: 20px; } /****/ #merakEdilenler .item a.link h3 { font-size: 20px; padding: 0 18px 0 0; line-height: 26px; } #merakEdilenler .item a.link:before { right: 0; top: 6px; } /****/ #nedenBiz .item { width: 100%; flex-direction: column; gap: 19px; } #nedenBiz .item:nth-child(2) { margin-left: 0; } #nedenBiz .item:nth-child(3) { margin-left: 0; } /****/ #recentWorks { padding: 50px 0; } #recentWorks .kapsul { /* flex-direction: column; */ /* align-items: flex-start; */ justify-content: space-between; gap: 21px; margin: 0 0 30px; } #recentWorks .kapsul .title { font-size: 42px; } #recentWorks .kapsul .seeAll { display: none; } #recentWorks .item figure { max-height: 250px; } /****/ #services { padding: 50px 0; } #services .kapsul { justify-content: space-between; gap: 21px; margin: 0 0 30px; } #services .kapsul .title { font-size: 42px; } #services .kapsul .seeAll { display: none; } #services .wrap { padding: 0 10px } #services .item { flex-direction: column; align-items: flex-start; gap: 25px; margin: 0 0 33px; padding: 0 0 24px; } #services .kap:nth-last-child(2)::after { display: block; } /****/ #merakEdilenler { padding: 50px 0; } #merakEdilenler .kapsul { justify-content: space-between; gap: 21px; margin: 0 0 30px; } #merakEdilenler .kapsul .title { font-size: 42px; } #merakEdilenler .kapsul .seeAll { display: none; } #merakEdilenler .item { } #merakEdilenler .item .sira { margin: 0px 0px 5px 0px; } #merakEdilenler .item .baslik { font-size: 27px; line-height: 35px; } #merakEdilenler .item .baslik a { line-height: 26px; } /****/ #blog { padding: 50px 0 } #blog .kapsul { justify-content: space-between; gap: 21px; margin: 0 0 30px; } #blog .kapsul .title { font-size: 42px; } #blog .kapsul .seeAll { display: none; } /****/ #kurumsalGaleri { height: 45vh; } #kurumsalGaleri .kurumsalGaleriSwiper { height: 45vh; } /****/ #kurumsal .kurumsal_kap.hakki .item .metin .icerik { font-size: 27px; line-height: 32px; } #kurumsal .kurumsal_kap.misyoVizyo { margin: 0; padding: 0; } #kurumsal .kurumsal_kap.misyoVizyo .icerik ul { flex-direction: column; } #kurumsal .kurumsal_kap.misyoVizyo .icerik ul li { margin: 0; padding: 25px 0 40px; } #kurumsal .kurumsal_kap.temelDeger .item { flex-direction: column; } #kurumsal .kurumsal_kap.temelDeger .item figure { width: 100%; margin: 0 0 30px; } #kurumsal .kurumsal_kap.temelDeger .metin { margin: 0; } #kurumsal .kurumsal_kap.temelDeger .icerik ul li strong { font-size: 22px; } #kurumsal .kurumsal_kap.misyoVizyo .icerik ul li strong { font-size: 25px; } /****/ #servicesCat .wrap { padding: 0; } #servicesCat .item { flex-direction: column; align-items: flex-start; gap: 25px; margin: 0 0 33px; padding: 0 0 24px; } #servicesCat .kap:nth-last-child(2)::after { display: block; } /****/ #servicesDet .metin .kisaOzet { font-size: 22px; } #servicesDet .servicesGaleri { height: 45vh; } .servicesGaleri .swiper-button-next, .servicesGaleri .swiper-button-prev { margin: 0 10px; } /****/ #projectCat a { margin: 0 0 35px; } #projectCat .item figure { max-height: 250px; } /****/ #projeDet .metin .kisaOzet ul { flex-direction: column; gap: 17px; } #projeDet .metin .kisaOzet ul li { font-size: 32px; line-height: 35px; } #projeDet .metin .icerik ul li { align-items: baseline; } #projeDet .metin .icerik ul li::before { flex-shrink: 0; } /****/ #blogDet .metin .kisaOzet { font-size: 18px; line-height: 30px; } #blogDet .metin .icerik ul li { display: block; } /****/ #anaHakkimizda { padding: 75px 10px; flex-direction: column; z-index: 5; } #anaHakkimizda .kapsul { margin: 0; padding: 0 0 50px; } #anaHakkimizda .kapsul:after { height: 1px; width: 0; top: auto; left: 0; bottom: -21px; display: none; } #anaHakkimizda .kapsul.aos-animate:after { height: 1px; width: 325px; } #anaHakkimizda .kapsul .kisaOzet { text-align: center; font-size: 60px; line-height: 56px; } /****/ #modules { padding: 75px 0; } #modules .kapsul { flex-direction: column; align-items: flex-start; gap: 23px; } /****/ #nedenBiz .kapsul { flex-direction: column; align-items: flex-start; gap: 23px; } #nedenBiz .kapsul .title { font-size: 38px; } /****/ #paketler .kapsul { flex-direction: column; align-items: flex-start; gap: 23px; } #paketler .kapsul .seeAll { display: none } /****/ #customerReview .item { margin: 0; padding: 30px 15px; } #customerReview .oklar { width: 91%; margin: 0 0 0 18px; top: 87%; z-index: 50; } #customerReview .swiper-button-next, #customerReview .swiper-button-prev { width: 45px; height: 45px; } #customerReview .swiper-button-next svg, #customerReview .swiper-button-prev svg { width: 16px; } /****/ .contact-area-inner { display: flex; flex-direction: column; align-items: flex-start; } /****/ #kurumsal .item .kisaOzet { font-size: 27px; line-height: 36px; text-align: left; } #kurumsal .item .metin { display: block; } #kurumsal .item .metin .baslik { font-size: 18px; margin: 0 0 26px; } /****/ #rakamlars .item, #rakamlars .item:last-child { flex-direction: column-reverse; } #rakamlars .item figure { width: 100%; } #rakamlars .item .metin { width: 100%; } /****/ #nelerYapiyoz { padding: 60px 0; } #nelerYapiyoz .kapsul { margin-bottom: 10px; } #nelerYapiyoz .kapsul .baslik:after { display: none; } #nelerYapiyoz .metin .kisaOzet { font-size: 30px; margin: 0; line-height: 37px; } #nelerYapiyoz .metin .icerik { margin-top: 30px; } /****/ #basitPro .item { padding: 60px 30px; } #basitPro .item .metin .baslik { font-size: 26px; } #basitPro .item .metin .kisaOzet { margin-top: 35px; } /****/ #kurumsalYorums { padding: 60px 0; } #kurumsalYorums .item { padding: 0; } #kurumsalYorums .item .icerik { font-size: 20px; margin-top: 31px; } #kurumsalYorums .swiper-button-next, #kurumsalYorums .swiper-button-prev { top: 95%; } #kurumsalYorums .swiper-button-next:after, #kurumsalYorums .swiper-button-prev:after { font-size: 18px; } /****/ #kurumsalMerak .kap { padding: 60px 30px; } #kurumsalMerak .kap .title { font-size: 28px; line-height: 37px; } /****/ #servicesDetOzellik .item { display: block; } #servicesDetOzellik .item .metin { display: block; margin: 0 0 32px; } #servicesDetOzellik .item .baslik { font-size: 26px; line-height: 35px; margin: 15px 0; } /****/ #servicesDetAvantaj .item { flex-direction: column; } #servicesDetAvantaj .item:nth-child(odd) { flex-direction: column; } #servicesDetAvantaj .item figure { width: 100%; } #servicesDetAvantaj .item .metin { width: 100%; } /****/ #servicesDetFaq figure { height: 45vh; } #servicesDetFaq .kap { padding: 60px 30px; } #servicesDetFaq .kap .title { font-size: 28px; line-height: 37px; } /****/ #servicesYorums .item { padding: 0; } #servicesYorums .swiper-button-next, #servicesYorums .swiper-button-prev { top: 95%; } #servicesYorums .swiper-button-next:after, #servicesYorums .swiper-button-prev:after { font-size: 18px; } /****/ #packetsDet .sag_kap { margin: 30px 0 0; } /****/ #iletTepe .metin .baslik { } #iletTepe .item { display: none; } #iletForm .kap0 { flex-direction: column; } #iletForm .iletForm { margin: 30px 0 0; } #iletForm .iletForm .kaps { display: block; } #iletForm .iletForm .satir { margin: 0 0 15px; } /****/ /******/ #katalog { padding: 60px 25px 60px 25px; } #katalog .row { flex-direction: column; } #katalog .item { padding: 15px 0; flex: 0 0 100%; } /******/ #blog .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } #blog .item .metin { padding: 0px 20px 0px 10px; margin:10px 0 } /******/ #katalog .metin .baslik { line-height: 42px; } footer .satir1 { flex-direction: column; } footer .satir1 .footSocial { margin-top: 15px; flex-direction: column; } footer table tbody { display: block; width: 100% !important; } footer table tr { display: block; width: 100% !important; } footer table tr td { display: block; width: 100% !important; height: auto !important; text-align: center !important; } footer table tr td:first-child, footer table tr td:nth-child(2), footer table tr td:nth-child(3), footer table tr td:nth-child(4) { width: 100% !important; } footer .satir3 .row { display: flex; flex-direction: column-reverse; gap: 15px; } footer .satir3 .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 .satir3 .kap { justify-content: center; } footer .satir3 .imza { text-align: center; } footer .satir3 .imza a { font-size: 14px; } footer .satir3 .kap .copy { font-size: 14px; } footer .contract { text-align: center; } footer .satir2 .footIlet { text-align: center; margin: 35px 0 0 0; } footer .satir1 .footSocial .baslik { margin: 15px 0 0 0;text-align:center } /*******/ #hizmetlerimiz .card h4 { width: 100%; height: initial; } #hizmetlerimiz .card h4 span::after { top: 12px; right: inherit; margin-left: 15px; } #hizmetlerimiz .card { width: calc(100% - 20px); margin: 10px; } #makinalar { margin: 0 0 0 0 } #hizmetlerimiz { } #makinalar .item { width: calc(100% - 20px); margin: 10px 10px 60px 10px; } #makinalar .item .metin .summary { margin-right: 0; } /*******/ #aboutUs { padding: 30px 0; background-position: bottom; } #aboutUs .context { margin: 0; padding: 25px 10px; } #aboutUs .context .subtitle { font-size: 20px; line-height: 32px; } #aboutUs .context .content { margin-left: 0; } #aboutUs .context .content:before { display: none; } #aboutUs .context a.learnMore { margin-left: 0; } #aboutUs figure { height: 110%; margin: -18px 0 0; } #aboutUs figure img { width: 100%; height: 100%; object-fit: cover; } /******/ #makinalar .kategori h2 { display: block; text-align: center; } #makinalar .kategori h2 img { display: inline-block; } #makinalar .itemler{padding:0 0px} #blog .item{margin-bottom:30px} }