:root {
/* cursive font için */
/* --bs-cursive-font-family: var(--bs-font-sans-serif); */
/* default font için */
--bs-cursive-font-family: var(--bs-body-font-family) !important;
--twitter-hex: #1da1f2;
--instagram-hex: #bc2a8d;
--pinterest-hex: #e60023;
--youtube-hex: #ff0000;
--facebook-hex: #4267b2;
--whatsapp-hex: #07bc4c;
--linkedin-hex: #0077b5;
--telegram-hex: #229ed9;
--tumblr-hex: #36465d;
--reddit-hex: #ff5700;
--discord-hex: #5865f2;
--translate-color: var(--primary-color);
--transition: 0.3s;
--transition-2: 0.5s;
}
.adanet-device-scene{position:relative;transform:translateY(calc((var(--story-progress,0) - .5) * -35px))}.adanet-float-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(25,29,39,.7);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(15px);color:#dce2ec;font-size:12px;font-weight:650}.adanet-float-chip i{width:7px;height:7px;border-radius:50%;background:#55a7ff;box-shadow:0 0 15px #55a7ff}.adanet-chip-design{top:7%;left:-5%;transform:translate3d(calc(var(--story-progress,0) * -25px),calc(var(--story-progress,0) * 35px),50px)}.adanet-chip-code{right:-5%;top:38%;transform:translate3d(calc(var(--story-progress,0) * 30px),calc(var(--story-progress,0) * -20px),70px)}.adanet-chip-code i{background:#b97cff;box-shadow:0 0 15px #b97cff}.adanet-chip-growth{bottom:3%;left:8%;transform:translate3d(calc(var(--story-progress,0) * 15px),calc(var(--story-progress,0) * -35px),60px)}.adanet-chip-growth i{background:#4ee2a2;box-shadow:0 0 15px #4ee2a2}
/* Adanet inner pages */
.adanet-page{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;background:#f6f8fb;color:#090b10}.adanet-page-hero{position:relative;overflow:hidden;padding:78px 0 60px;background:#fff;border-bottom:1px solid #e9edf2}.adanet-page-orb{position:absolute;right:-8vw;top:-15vw;width:38vw;height:38vw;border-radius:50%;background:radial-gradient(circle,rgba(8,124,255,.16),transparent 67%)}.adanet-page-hero .container{position:relative;z-index:1;max-width:1120px}.adanet-page-breadcrumb{margin-bottom:30px}.adanet-page-breadcrumb,.adanet-page-breadcrumb a{color:#8a929d;font-size:13px}.adanet-page-hero h1{max-width:950px;margin:12px 0 20px;font-size:clamp(48px,7vw,92px);font-weight:680;letter-spacing:-.065em;line-height:.95}.adanet-page-hero h1 span{color:#087cff}.adanet-page-hero>div>p{max-width:800px;margin:0;color:#6d7581;font-size:20px;line-height:1.6}.adanet-page-body{padding:70px 0 110px}.adanet-page-body>.container{max-width:1120px}.adanet-page-panel{padding:clamp(28px,5vw,65px);border:1px solid #e4e8ee;border-radius:30px;background:#fff;box-shadow:0 25px 65px rgba(30,45,70,.06)}.adanet-page-panel .detail-article{color:#4e5662;font-size:17px;line-height:1.78}.adanet-page-panel .detail-article h2,.adanet-page-panel .detail-article h3{color:#101319;font-weight:650;letter-spacing:-.035em}.adanet-page-panel .detail-article h2{margin:50px 0 18px;font-size:34px}.adanet-page-panel .detail-article h3{margin:36px 0 14px;font-size:25px}.adanet-page-panel .detail-article h2:first-child,.adanet-page-panel .detail-article h3:first-child{margin-top:0}.adanet-page-panel .detail-article img{border-radius:20px}.adanet-page-panel a{color:#087cff}.adanet-page-panel a.adanet-button-primary{color:#fff}.adanet-page-panel a.adanet-button-light{color:#12151a}.adanet-page-panel .card{overflow:hidden;border-color:#e4e8ee!important;border-radius:20px!important;box-shadow:none!important;transition:transform .3s,box-shadow .3s}.adanet-page-panel .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(30,45,70,.1)!important}.adanet-side{max-width:310px}.adanet-side .list-group,.adanet-side ul{overflow:hidden;border:1px solid #e4e8ee;border-radius:20px;background:#fff}.adanet-side .list-group-item{border:none!important;padding:16px 20px}
.adanet-page .list-group-item{border:none!important;padding:14px 20px}
.adanet-page .list-group-item.active{background:#eef4ff!important;color:#087cff!important;border-radius:14px}.adanet-side-button{width:100%;padding:14px 18px;border:1px solid #dfe4eb;border-radius:14px;background:#fff;text-align:left}.adanet-side-button span{float:right}
.adanet-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.adanet-feature-item{padding:22px;border:1px solid #e4e8ee;border-radius:18px;background:#f8fafc}
.adanet-feature-item h4{margin:0 0 8px;font-size:16px;font-weight:650;color:#101319;letter-spacing:-.02em}
.adanet-feature-item p{margin:0;font-size:14.5px;line-height:1.6;color:#666f7a}
.adanet-faq{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.adanet-faq-item{padding:18px 22px;border:1px solid #e4e8ee;border-radius:16px;background:#fff}
.adanet-faq-item summary{cursor:pointer;font-weight:650;color:#101319;font-size:16px;list-style:none}
.adanet-faq-item summary::-webkit-details-marker{display:none}
.adanet-faq-item summary:after{content:"+";float:right;color:#087cff;font-weight:700}
.adanet-faq-item[open] summary:after{content:"–"}
.adanet-faq-item p{margin:14px 0 0;color:#666f7a;font-size:15px;line-height:1.65}
@media(max-width:575px){.adanet-feature-grid{grid-template-columns:1fr}}
.adanet-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 40px;align-items:start}
.adanet-pricing-card{padding:28px;border:1px solid #e4e8ee;border-radius:22px;background:#f8fafc;text-align:center}
.adanet-pricing-card h5{margin:0;font-size:16px;font-weight:650;color:#101319;letter-spacing:-.02em}
.adanet-pricing-card h5 small{display:block;font-size:12px;font-weight:550;color:#8a929d;text-transform:uppercase;letter-spacing:.6px;margin-top:2px}
.adanet-pricing-card strong{display:block;margin:14px 0 18px;font-size:28px;font-weight:700;color:#087cff;letter-spacing:-.02em}
.adanet-pricing-card ul{list-style:none;margin:0;padding:0;text-align:left}
.adanet-pricing-card li{position:relative;padding:9px 0 9px 26px;border-top:1px solid #e9edf2;font-size:14px;line-height:1.5;color:#4e5662}
.adanet-pricing-card li:first-child{border-top:none}
.adanet-pricing-card li:before{content:"✓";position:absolute;left:0;top:9px;color:#087cff;font-weight:700}
.adanet-pricing-card li.is-included{font-weight:650;color:#101319}
.adanet-pricing-support img{width:100%;border-radius:18px;margin-bottom:16px}
.adanet-pricing-support h3{margin:0 0 8px;font-size:19px}
.adanet-pricing-support p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#666f7a}
.adanet-pricing-grid-3{grid-template-columns:repeat(3,1fr)}
.adanet-pricing-card li.is-excluded{color:#b4bac3;text-decoration:line-through}
.adanet-pricing-card li.is-excluded:before{content:"–";color:#c7ccd3}
@media(max-width:991px){.adanet-pricing-grid-3{grid-template-columns:1fr}}
.adanet-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 28px}
.adanet-spec-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e4e8ee;border-radius:16px;background:#f8fafc}
.adanet-spec-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#fff;border:1px solid #e4e8ee;font-size:17px}
.adanet-spec-item small{display:block;color:#8a929d;font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.5px}
.adanet-spec-item strong{display:block;margin-top:2px;color:#101319;font-size:15px;font-weight:650}
.adanet-spec-cta{display:inline-flex}
@media(max-width:575px){.adanet-spec-cta{width:100%;justify-content:center}}
@media(max-width:575px){.adanet-spec-grid{grid-template-columns:1fr}}
@media(max-width:767px){.adanet-pricing-grid{grid-template-columns:1fr}}
@media(max-width:767px){.adanet-page-hero{padding:64px 0 42px}.adanet-page-hero h1{font-size:49px}.adanet-page-hero>div>p{font-size:17px}.adanet-page-body{padding:35px 0 75px}.adanet-page-panel{padding:24px;border-radius:20px}.adanet-side{max-width:none}}
/* Local redesign readability and contact landing */
.adanet-experience-copy h2{color:#fff!important}
.adanet-page-hero h1{position:relative;z-index:2;color:#090b10!important}
.adanet-contact-page .adanet-page-panel{padding:clamp(30px,6vw,72px)}
.adanet-contact-intro{max-width:820px;margin-bottom:48px}
.adanet-contact-intro h2{margin:16px 0 0;color:#090b10;font-size:clamp(42px,6vw,78px);font-weight:680;letter-spacing:-.06em;line-height:.98}
.adanet-contact-intro h2 span{color:#087cff}
.adanet-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.adanet-contact-card{display:flex;min-height:260px;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid #e4e8ee;border-radius:25px;background:#f6f8fb;color:#090b10!important;transition:transform .3s,box-shadow .3s}
.adanet-contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(30,45,70,.1)}
.adanet-contact-card small{color:#7a8492;font-size:11px;font-weight:700;letter-spacing:.15em}
.adanet-contact-card strong{display:block;max-width:500px;font-size:clamp(22px,3vw,35px);font-weight:620;letter-spacing:-.035em;line-height:1.2}
.adanet-contact-card>span{font-weight:650}
.adanet-contact-card-dark{background:#090b10;color:#fff!important}
.adanet-contact-card-dark small{color:#99a2af}
.adanet-contact-card-blue{background:#087cff;color:#fff!important}
.adanet-contact-card-blue small{color:rgba(255,255,255,.7)}
.adanet-contact-address{min-height:225px}
.adanet-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.adanet-contact-actions a{display:inline-flex;justify-content:space-between;gap:28px;padding:16px 20px;border-radius:999px;background:#eef2f7;color:#090b10!important;font-weight:650}
@media(max-width:767px){.adanet-page-body .row{margin-right:0;margin-left:0}.adanet-page-body .row>*{padding-right:0;padding-left:0}.adanet-contact-grid{grid-template-columns:1fr}.adanet-contact-card{min-height:210px;padding:24px}.adanet-contact-actions{flex-direction:column}.adanet-contact-actions a{width:100%}}
.adanet-form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px);align-items:start}
.adanet-form-aside{position:sticky;top:125px}
.adanet-form-aside h2{margin:16px 0 22px;color:#090b10;font-size:clamp(36px,4.5vw,60px);font-weight:680;letter-spacing:-.055em;line-height:1}
.adanet-form-aside p{margin-bottom:30px;color:#68717d;font-size:17px;line-height:1.65}
.adanet-form-aside>a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e1e6ed;color:#090b10!important;font-weight:650}
.adanet-form-surface .contact-container{margin:0!important}
.adanet-form-surface .h4{margin:0 0 28px;color:#090b10;font-size:28px;font-weight:650;letter-spacing:-.03em}
.adanet-form-surface label{display:block;margin-bottom:8px;color:#59616d!important;font-size:14px;font-weight:650}
.adanet-form-surface .form-control{min-height:56px;padding:14px 16px;border:1px solid #dfe5ec;border-radius:14px;background:#f7f9fb;color:#090b10;font-size:16px;box-shadow:none}
.adanet-form-surface textarea.form-control{min-height:145px;resize:vertical}
.adanet-form-surface .form-control:focus{border-color:#087cff;background:#fff;box-shadow:0 0 0 4px rgba(8,124,255,.1)}
.adanet-form-surface .t_button{width:100%;margin-top:8px;padding:16px 24px;border:0;border-radius:999px;background:#087cff;color:#fff;font-size:16px;font-weight:700;transition:transform .25s,background .25s}
.adanet-form-surface .t_button:hover{transform:translateY(-2px);background:#006ae0}
@media(max-width:991px){.adanet-form-layout{grid-template-columns:1fr}.adanet-form-aside{position:static}}
/* Adanet 2026 — premium scroll experience */
.adanet-home{--ink:#090b10;--muted:#68707d;--blue:#087cff;--ice:#f5f7fa;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;overflow:clip}
.adanet-home *{box-sizing:border-box}.adanet-home a{text-decoration:none}.adanet-home .container{max-width:1240px}
body:has(.adanet-home){background:#fff}.adanet-home+*{position:relative}
.adanet-logo-img{display:block;height:38px;width:auto}
.adanet-logo-img-footer{height:42px}
@media(max-width:767px){.adanet-logo-img{height:32px}.adanet-logo-img-footer{height:36px;margin:0 auto}}
body:has(.adanet-home) footer{padding-top:70px!important;background:#090b10!important;color:#b7bec8!important}body:has(.adanet-home) footer a{color:#dbe0e8!important}body:has(.adanet-home) footer .footer_title{color:#fff!important;font-weight:700}
.adanet-footer{padding:85px 0 28px;background:#090b10;color:#929aa6}.adanet-footer .adanet-wordmark-footer{justify-content:flex-start;color:#fff}.adanet-footer-top{display:flex;flex-wrap:wrap;gap:6% 4%;padding-bottom:65px}.adanet-footer-top>div,.adanet-footer-top>.footer-menu-category{flex:1 1 170px;min-width:150px}.adanet-footer-top>div:first-child{flex-basis:280px;flex-grow:1.6}.adanet-footer h3,.adanet-footer .footer_title{margin:8px 0 18px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.adanet-footer p{margin:20px 0 0;font-size:14px;line-height:1.7}.adanet-footer a{display:block;margin:0 0 12px;color:#c6ccd5;font-size:14px;transition:color .2s}.adanet-footer a:hover{color:#fff}.adanet-footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px;border-top:1px solid #22262d;font-size:12px}.adanet-footer-bottom div{display:flex;flex-wrap:wrap;gap:22px}.adanet-footer-bottom a{margin:0}
.adanet-footer-partners-grid{display:flex;flex-wrap:wrap;align-items:center;gap:22px 24px}
.adanet-footer-partners-grid img{height:24px;width:auto;max-width:100px;object-fit:contain;opacity:.85}
.adanet-footer-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:28px;overflow:hidden;border:1px solid #252b34;border-radius:8px;background:#252b34}.adanet-footer-trust>div{padding:18px;background:#0d1118}.adanet-footer-trust strong,.adanet-footer-trust span{display:block}.adanet-footer-trust strong{margin-bottom:5px;color:#fff;font-size:13px}.adanet-footer-trust span{color:#8f98a5;font-size:11px;line-height:1.45}.adanet-contact-assurances{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.adanet-contact-assurances span{padding:5px 8px;border:1px solid #2c3440;border-radius:6px;color:#aeb7c3;font-size:10px}.adanet-contact-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.adanet-contact-trust span{padding:14px;border:1px solid #dfe5ed;border-radius:8px;background:#f7f9fc;color:#394454;font-size:12px;font-weight:650;text-align:center}
.adanet-editorial-menu{flex:0 0 auto}.adanet-editorial-menu>li>a{display:block}.adanet-header-news{display:inline-flex;align-items:center;margin-left:28px;color:#111!important;font-size:14px;font-weight:600;text-decoration:none}.adanet-header-news:hover{color:#1677df!important}
.adanet-consultation{max-width:720px}.adanet-consultation .adanet-newsletter-copy{margin-bottom:14px}.adanet-consultation .adanet-newsletter-btn{width:100%;text-decoration:none}
.adanet-reference-brief{display:grid;grid-template-columns:1fr 1.35fr;gap:1px;margin:30px 0;overflow:hidden;border:1px solid #e1e7ef;border-radius:8px;background:#e1e7ef}.adanet-reference-brief>div{padding:24px;background:#f7f9fc}.adanet-reference-brief small,.adanet-reference-brief strong{display:block}.adanet-reference-brief small,.adanet-reference-recommendation small{margin-bottom:8px;color:#1677df;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.adanet-reference-brief strong{color:#111721;font-size:18px;line-height:1.45}.adanet-reference-brief p{margin:0!important;color:#566171;font-size:15px;line-height:1.65}.adanet-reference-recommendation{display:flex;align-items:center;gap:16px;margin:24px 0;padding:20px 22px;border:1px solid #d9e7f8;border-radius:8px;background:#f2f7fd}.adanet-reference-recommendation>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#1677df;color:#fff;font-weight:800}.adanet-reference-recommendation small,.adanet-reference-recommendation strong{display:block}.adanet-reference-recommendation strong{color:#152134;font-size:15px}
.adanet-about-photo{position:relative;margin:0 0 42px;overflow:hidden;border-radius:8px;aspect-ratio:16/8}.adanet-about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.adanet-about-photo figcaption{position:absolute;right:18px;bottom:18px;padding:7px 10px;border-radius:6px;background:rgba(9,11,16,.82);color:#fff;font-size:11px}
.adanet-about-gallery{margin:0 0 42px}.adanet-about-gallery .general-gallery-wrapper{margin:0!important}.adanet-about-gallery .galeri-kategori-baslik{margin-top:0}
@media(max-width:575px){.adanet-footer-partners-grid{gap:16px 20px}}
@media(max-width:991px){.adanet-header-news{display:block;margin:0;padding:13px 16px;color:#fff!important;font-size:18px}.adanet-header-news:hover{color:#69aaf0!important}}
@media(max-width:767px){.adanet-footer-trust{grid-template-columns:1fr 1fr}.adanet-contact-trust{grid-template-columns:1fr 1fr}.adanet-reference-brief{grid-template-columns:1fr}.adanet-reference-brief>div{padding:20px}.adanet-editorial-menu{width:100%}.adanet-editorial-menu>li>a{padding:12px 16px}.adanet-consultation .adanet-newsletter-copy span{margin-top:5px}.adanet-about-photo{margin-bottom:28px;aspect-ratio:4/3}.adanet-about-photo figcaption{right:12px;bottom:12px}}
@media(max-width:767px){.adanet-footer-top{gap:38px 25px}.adanet-footer-top>div,.adanet-footer-top>.footer-menu-category{flex-basis:100%}.adanet-footer-bottom{display:block}.adanet-footer-bottom div{margin-top:18px}}
body:has(.adanet-home) .header-top-wrapper{display:none}
body:has(.adanet-home) header{position:fixed!important;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.78)!important;border-bottom:1px solid rgba(10,20,35,.07);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);transition:background .3s,box-shadow .3s}
body:has(.adanet-home) header.fixed{box-shadow:0 10px 35px rgba(23,35,55,.06)}
body:has(.adanet-home) header>.container>.row{min-height:76px;align-items:center}
body:has(.adanet-home) header .logo_a{padding:0!important}
body:has(.adanet-home) header .nav{position:static}
body:has(.adanet-home) header nav a,body:has(.adanet-home) header .nav a{color:#16181d;font-size:14px;font-weight:590;letter-spacing:-.15px}
header .anamenu>.navHeader{display:none}
header .anamenu>ul.list-unstyled{display:flex;align-items:center;justify-content:flex-end;gap:28px;list-style:none;margin:0;padding:0}
header .anamenu>ul.list-unstyled>li{display:block}
header .anamenu>ul.list-unstyled a{white-space:nowrap}
header .anamenu .adanet-nav-cta{padding:11px 18px;border-radius:999px;background:#0b0d12;color:#fff!important}
@media(min-width:992px){
header .anamenu>ul.list-unstyled>li.has-child{position:relative}
header .anamenu ul ul{top:calc(100% + 14px)!important;left:50%!important;transform:translateX(-50%);min-width:240px;padding:10px;border:1px solid #e9edf2;border-radius:18px;background:#fff!important;box-shadow:0 25px 55px rgba(20,30,55,.14);opacity:0;visibility:hidden;transition:opacity .22s,transform .22s;transform:translateX(-50%) translateY(6px)}
header .anamenu>ul.list-unstyled>li.has-child:hover ul{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
header .anamenu ul ul li{display:block!important;border-bottom:none!important}
header .anamenu ul ul li a{display:block!important;padding:10px 14px!important;border-radius:10px;font-size:14px!important;font-weight:550;color:#3a3f47!important;white-space:nowrap}
header .anamenu ul ul li a:hover{background:#f2f6fb;color:#087cff!important}
}
@media(max-width:991px){
header .anamenu ul ul{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;position:static!important;background:transparent!important;margin:2px 0 6px 14px;width:calc(100% - 14px)!important;border-left:2px solid #e9edf2}
header .anamenu ul ul::before{content:none!important;display:none!important;height:0!important}
header .anamenu ul ul li{width:100%}
header .anamenu ul ul li{border-bottom:none!important}
header .anamenu>ul.list-unstyled>li.has-child>a{font-weight:650}
header .anamenu ul ul li a{padding:10px 0 10px 16px!important;font-size:15px!important;color:#565d68!important}
}
@media(max-width:991px){
header .anamenu{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:1050;display:none;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:0 0 28px;background:#fff;overflow-y:auto}
header .anamenu>ul.list-unstyled li{position:relative}
header .anamenu ul li span{position:absolute!important;top:0;right:0;z-index:2;height:60px!important;width:44px!important;background-color:transparent!important;background-image:none!important;display:grid!important;place-items:center;cursor:pointer}
header .anamenu ul li span:after{content:"";width:9px;height:9px;border-right:2px solid #c3c8d1;border-bottom:2px solid #c3c8d1;transform:rotate(-45deg);transition:transform .25s,border-color .25s}
header .anamenu ul ul li span{display:none!important}
body.menu_open header .anamenu{display:flex}
header .anamenu>.navHeader{display:flex!important;position:sticky;top:0;z-index:2;padding:22px 24px;background:#0b0d12;color:#fff}
header .anamenu>.navHeader>div:first-child{font-weight:650;font-size:15px;letter-spacing:-.01em}
header .anamenu>.navHeader span{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
header .anamenu{align-items:stretch!important}
header .anamenu>ul.list-unstyled{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:0;width:100%;margin-top:6px;padding:0 24px;text-align:left!important}
header .anamenu>ul.list-unstyled>li{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%}
header .anamenu>ul.list-unstyled>li>a{display:block;padding:19px 0;font-size:19px!important;font-weight:680;letter-spacing:-.02em;color:#0b0d12!important}
header .anamenu>ul.list-unstyled>li.has-child.is-open>a{color:#087cff!important}
header .anamenu>ul.list-unstyled>li.has-child.is-open>span:after{border-color:#087cff;transform:rotate(45deg)}
header .anamenu ul ul a{color:#5b6270!important}
header .anamenu ul ul a:active{color:#087cff!important}
header .anamenu>ul.list-unstyled>li:not(:last-child){border-bottom:1px solid #eef0f3}
header .anamenu>ul.list-unstyled>li.has-child>a.adanet-nav-cta{background:transparent!important;color:#0b0d12!important;border-radius:0!important;padding:19px 0!important}
}
.adanet-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:145px 0 100px;background:radial-gradient(circle at 50% 30%,#fff 0,#f8faff 50%,#f2f5fa 100%)}
.adanet-hero-inner{position:relative;z-index:2;text-align:center}
.adanet-eyebrow,.adanet-kicker{display:inline-flex;align-items:center;gap:9px;color:#087cff;font-size:12px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase}
.adanet-hero h1{max-width:1080px;margin:24px auto 26px;color:#090b10;font-size:clamp(58px,8.25vw,122px);font-weight:720;letter-spacing:-.072em;line-height:.92}
.adanet-hero h1 span{background:linear-gradient(105deg,#087cff,#6e5cff 58%,#de50a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.adanet-lead{max-width:710px;margin:0 auto;color:#68707d;font-size:clamp(18px,2vw,23px);font-weight:420;line-height:1.5;letter-spacing:-.025em}
.adanet-actions{display:flex;justify-content:center;gap:12px;margin-top:38px}
.adanet-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 25px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:650;transition:transform .25s,box-shadow .25s,background .25s}
.adanet-button:hover{transform:translateY(-2px)}.adanet-button-primary{background:#0a0c10;color:#fff}.adanet-button-primary:hover{color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.adanet-button-ghost{border-color:#d8dde6;background:rgba(255,255,255,.6);color:#15181d}.adanet-scroll-cue{position:absolute;bottom:-14vh;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);color:#89909a;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.adanet-scroll-cue span{width:1px;height:45px;background:linear-gradient(#afb4bd,transparent);animation:adanetCue 1.8s ease-in-out infinite}
.adanet-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.42}.adanet-orb-one{top:20%;left:-10vw;width:30vw;height:30vw;background:radial-gradient(circle,#d9eaff,transparent 70%)}.adanet-orb-two{right:-8vw;bottom:5%;width:27vw;height:27vw;background:radial-gradient(circle,#e6ddff,transparent 70%)}.adanet-orb-three{top:2%;right:14vw;width:16vw;height:16vw;opacity:.3;background:radial-gradient(circle,#ffd9ee,transparent 70%)}
.adanet-hero-grid{position:absolute;inset:0;z-index:1;opacity:.5;background-image:linear-gradient(rgba(20,30,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,55,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 38%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 60% 55% at 50% 38%,#000 0%,transparent 72%)}
.adanet-hero-stats{position:relative;z-index:2;display:flex;justify-content:center;gap:0;margin-top:64px}
.adanet-hero-stat{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 52px;border-left:1px solid #e2e6ec}
.adanet-hero-stat:first-child{border-left:none}
.adanet-hero-stat strong{font-size:clamp(38px,4.2vw,54px);font-weight:750;letter-spacing:-.03em;color:#090b10}
.adanet-hero-stat strong .counter-number{display:inline}
.adanet-hero-stat span{font-size:15px;color:#68707d;font-weight:550}
.adanet-hero-partners{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin-top:40px}
.adanet-hero-partners-row{display:flex;align-items:center;gap:38px;flex-wrap:wrap;justify-content:center}
.adanet-hero-partners-row img{height:30px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.65}
@media(max-width:575px){.adanet-hero-partners-row{gap:24px}.adanet-hero-partners-row img{height:24px}}
.adanet-story{position:relative;height:320vh;background:#080a0f;color:#fff}.adanet-story-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.adanet-story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center}.adanet-story-copy{position:relative;min-height:530px}.adanet-story-copy>.adanet-kicker{position:absolute;top:0;left:0;color:#65aaff}
@media(min-width:992px){.adanet-story-grid>.adanet-hero-partners{grid-column:2/3;justify-self:stretch}}
.adanet-story-step{position:absolute;top:74px;left:0;max-width:470px;opacity:0;transform:translateY(35px);pointer-events:none;transition:opacity .65s,transform .65s}.adanet-story-step.is-active{opacity:1;transform:none}
.adanet-step-no{margin-bottom:20px;color:#69717e;font-size:12px;font-weight:700;letter-spacing:2px}.adanet-story-step h2{margin:0 0 25px;color:#fff;font-size:clamp(42px,5vw,70px);font-weight:650;letter-spacing:-.055em;line-height:1}.adanet-story-step p{margin:0;color:#aeb5c0;font-size:18px;line-height:1.65}
.adanet-story-dots{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:10px}
.adanet-story-dot{width:34px;height:3px;border-radius:2px;background:#2a2f3a;transition:background .4s,width .4s}
.adanet-story-copy:has(.adanet-story-step[data-screen="web"].is-active) .adanet-story-dot-web,
.adanet-story-copy:has(.adanet-story-step[data-screen="ads"].is-active) .adanet-story-dot-ads,
.adanet-story-copy:has(.adanet-story-step[data-screen="social"].is-active) .adanet-story-dot-social{background:#087cff;width:52px}
.adanet-device-scene{perspective:1500px}.adanet-laptop{position:relative;transform:translateY(40px) rotateX(-62deg) scale(.92);transform-origin:50% 100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.adanet-story.is-open .adanet-laptop{transform:translateY(0) rotateX(0) scale(1)}
.adanet-lid{position:relative;width:100%;aspect-ratio:1.55;border:2px solid #666d78;border-radius:24px 24px 10px 10px;padding:10px;background:linear-gradient(145deg,#333842,#101218);box-shadow:0 60px 100px rgba(0,0,0,.65)}.adanet-camera{position:absolute;z-index:3;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#12151b}
.adanet-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#f4f7fb;color:#10131a}.adanet-screen-panel{position:absolute;inset:0;padding:5%;opacity:0;transform:scale(1.04);transition:opacity .55s,transform .7s}.adanet-screen-panel.is-active{opacity:1;transform:none}
.adanet-base{position:absolute;left:-5%;width:110%;height:22px;border-radius:2px 2px 30px 30px;background:linear-gradient(#b8bcc3,#555a63);clip-path:polygon(5% 0,95% 0,100% 65%,97% 100%,3% 100%,0 65%)}.adanet-base span{display:block;width:15%;height:5px;margin:auto;border-radius:0 0 8px 8px;background:#747a83}.adanet-device-shadow{width:85%;height:40px;margin:25px auto 0;border-radius:50%;background:#000;filter:blur(22px);opacity:.7}
.mock-nav{display:flex;align-items:center;gap:5%;font-size:12px}.mock-nav b{margin-right:auto;color:#087cff;letter-spacing:-.8px}.mock-nav i{width:9%;height:3px;border-radius:2px;background:#d4d9e2}.mock-web-hero{height:56%;padding:8% 5%;margin-top:5%;border-radius:12px;background:linear-gradient(130deg,#071c36,#087cff);color:#fff}.mock-web-hero small{font-size:7px;letter-spacing:1.5px}.mock-web-hero strong{display:block;margin-top:5%;font-size:clamp(18px,2.3vw,35px);line-height:.98;letter-spacing:-1.6px}.mock-web-hero span{display:block;width:20%;height:5px;margin-top:7%;border-radius:5px;background:#fff}.mock-cards{display:flex;gap:3%;margin-top:4%}.mock-cards i{width:32%;height:45px;border-radius:7px;background:#e5e9ef}
.mock-ads-head,.mock-social-head{display:flex;align-items:center;justify-content:space-between}.mock-ads-head b{font-size:18px}.mock-ads-head span{padding:5px 9px;border-radius:10px;background:#daf7e5;color:#138743;font-size:8px}.mock-chart{height:58%;display:flex;align-items:flex-end;gap:5%;padding:8% 5% 2%;margin-top:5%;border-radius:13px;background:#fff;box-shadow:0 8px 30px #dce3ec}.mock-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#64b1ff,#087cff)}.mock-chart i:nth-child(1){height:24%}.mock-chart i:nth-child(2){height:42%}.mock-chart i:nth-child(3){height:34%}.mock-chart i:nth-child(4){height:61%}.mock-chart i:nth-child(5){height:54%}.mock-chart i:nth-child(6){height:78%}.mock-chart i:nth-child(7){height:94%}.mock-stats{display:flex;gap:4%;margin-top:4%}.mock-stats span{flex:1;padding:3%;border-radius:8px;background:#eaf2ff}.mock-stats b,.mock-stats small{display:block}.mock-stats b{color:#087cff}.mock-stats small{font-size:8px;color:#68707d}
.mock-social-head span{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#ffce60,#ef3c76 55%,#6c52d9)}.mock-social-head b{margin-right:auto;margin-left:10px;font-size:11px}.mock-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;height:76%;margin-top:5%}.mock-social-grid i{border-radius:8px;background:linear-gradient(145deg,#eef1f5,#cfd8e4)}.mock-social-grid i:nth-child(2),.mock-social-grid i:nth-child(6){background:linear-gradient(145deg,#2288ff,#7251dc)}.mock-social-grid i:nth-child(4){background:linear-gradient(145deg,#ffbd3d,#ef427a)}
.adanet-services,.adanet-work{padding:130px 0;background:#f5f7fa}.adanet-section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:52px}.adanet-section-head h2{max-width:770px;margin:14px 0 0;font-size:clamp(42px,5.2vw,72px);font-weight:650;letter-spacing:-.055em;line-height:1.02}.adanet-section-head>p{max-width:380px;margin:0;color:#68707d;font-size:17px;line-height:1.55}
.adanet-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adanet-service-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:30px;border:1px solid #e4e8ed;border-radius:24px;background:#fff;color:#11141a;transition:transform .35s,box-shadow .35s,border-color .35s}.adanet-service-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(23,35,55,.09);border-color:transparent;color:#11141a}.adanet-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.adanet-service-top b{font-size:18px;color:#aeb4bd;transition:color .3s,transform .3s}.adanet-service-card:hover .adanet-service-top b{color:#087cff;transform:translate(3px,-3px)}.adanet-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f0f3f7;color:#087cff;font-size:22px}.adanet-service-card h3{margin:0 0 10px;font-size:21px;font-weight:650;letter-spacing:-.03em}.adanet-service-card p{margin:0;color:#77808d;font-size:14.5px;line-height:1.55}
.adanet-experience{padding:80px 0;background:#fff}.adanet-experience-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:7%;border-radius:36px;background:#090b10;color:#fff}.adanet-years{display:flex;align-items:end}.adanet-years strong{font-size:clamp(130px,18vw,245px);font-weight:700;letter-spacing:-.1em;line-height:.72;background:linear-gradient(145deg,#fff,#587aa8);-webkit-background-clip:text;background-clip:text;color:transparent}.adanet-years span{margin:0 0 2% 20px;color:#9fa7b3;font-size:15px;line-height:1.2;text-transform:uppercase}.adanet-experience-copy h2{margin:15px 0 20px;font-size:clamp(40px,5vw,65px);letter-spacing:-.055em;line-height:1}.adanet-experience-copy p{color:#aeb4bd;font-size:18px;line-height:1.6}.adanet-experience-copy a{display:inline-flex;gap:25px;margin-top:18px;color:#fff;font-weight:650}
.adanet-work{background:#fff}.adanet-section-head>a{color:#087cff;font-weight:650}
.adanet-work-carousel-wrap{position:relative}
.adanet-work-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.adanet-work-carousel::-webkit-scrollbar{display:none}
.adanet-work-slide{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;text-decoration:none;color:inherit}
.adanet-work-browser{overflow:hidden;border:1px solid #e6e9ee;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(20,30,55,.04);transition:transform .35s,box-shadow .35s}
.adanet-work-slide:hover .adanet-work-browser{transform:translateY(-7px);box-shadow:0 25px 55px rgba(23,35,55,.12)}
.adanet-work-browser-bar{display:flex;gap:6px;padding:12px 14px;background:#f3f5f8;border-bottom:1px solid #e6e9ee}
.adanet-work-browser-bar span{width:8px;height:8px;border-radius:50%;background:#d7dbe2}
.adanet-work-browser-visual{aspect-ratio:1.3;overflow:hidden;background:#f3f5f8}
.adanet-work-browser-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .65s}
.adanet-work-slide:hover .adanet-work-browser-visual img{transform:scale(1.045)}
.adanet-work-browser-visual span{display:grid;place-items:center;height:100%;font-size:clamp(24px,3vw,40px);font-weight:850;letter-spacing:-.06em;color:#aeb4bd}
.adanet-work-slide-info{padding:20px 4px 0}
.adanet-work-slide-info small{color:#087cff;font-weight:650}
.adanet-work-slide-info h3{margin:8px 0;font-size:22px;letter-spacing:-.03em}
.adanet-work-slide-info p{margin:0;color:#747c87;font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.adanet-work-nav{position:absolute;top:calc(50% - 30px);z-index:3;display:grid;place-items:center;width:46px;height:46px;border:1px solid #e6e9ee;border-radius:50%;background:#fff;color:#12151a;box-shadow:0 10px 25px rgba(20,30,55,.1);cursor:pointer;transition:transform .2s,box-shadow .2s}
.adanet-work-nav:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(20,30,55,.16)}
.adanet-work-nav-prev{left:-23px}.adanet-work-nav-next{right:-23px}
.adanet-clients{padding:90px 0}
.adanet-clients-label{margin:0 0 44px;text-align:center;color:#68707d;font-size:19px;font-weight:450}
.adanet-clients-label strong{color:#090b10;font-weight:650}
.adanet-clients-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:28px}
.adanet-clients-row img{height:64px;width:auto;max-width:150px;object-fit:contain;flex-shrink:1;filter:grayscale(1);opacity:.55;transition:opacity .3s,filter .3s}
.adanet-clients-row img:hover{filter:grayscale(0);opacity:1}
@media(max-width:991px){.adanet-clients-row{flex-wrap:wrap;justify-content:center;gap:34px 40px}.adanet-clients-row img{height:52px}}
@media(max-width:767px){.adanet-clients{padding:60px 0}}
.adanet-cta{padding:150px 0;text-align:center;background:linear-gradient(135deg,#087cff,#5a55e7 62%,#c44ea1);color:#fff}.adanet-cta .adanet-kicker{color:#dceaff}.adanet-cta h2{margin:25px 0 38px;color:#fff;font-size:clamp(62px,9vw,126px);font-weight:680;letter-spacing:-.072em;line-height:.88}.adanet-button-light{background:#fff;color:#12151a}.adanet-button-light:hover{color:#12151a;box-shadow:0 15px 40px rgba(20,30,80,.25)}
/* Premium floating call button */
.social-wrapper{right:24px;bottom:24px}
.social-wrapper .w_hizala{line-height:normal}
.social-wrapper .w_hizala>div{padding:0}
.w_hizala>.t_icon,#telegram>.w_head{background:#087cff}
.w_hizala>.w_icon,#whatsapp>.w_head{background:#25d366}
.social-wrapper.single-btn .w_hizala{width:60px;height:60px}
.social-wrapper.single-btn .w_hizala>.w_buton{display:grid;place-items:center;width:60px;height:60px;box-shadow:0 14px 34px rgba(8,124,255,.35);transition:transform .25s,box-shadow .25s}
.social-wrapper.single-btn .w_hizala>.w_buton:before{content:"";position:absolute;inset:0;border-radius:50%;background:#087cff;opacity:.45;animation:adanetCallPulse 2.4s ease-out infinite}
.social-wrapper.single-btn .w_hizala>.w_buton{position:relative}
.social-wrapper.single-btn .w_hizala>.w_buton svg{position:relative;z-index:1}
.social-wrapper.single-btn .w_hizala>.w_buton:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 42px rgba(8,124,255,.45)}
@keyframes adanetCallPulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.social-wrapper.single-btn .w_hizala>.w_buton:before{animation:none;display:none}}
@media(max-width:767px){.social-wrapper{right:16px;bottom:16px}.social-wrapper.single-btn .w_hizala,.social-wrapper.single-btn .w_hizala>.w_buton{width:52px;height:52px}}
.adanet-newsletter{display:block;max-width:620px;margin:34px auto 0;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(12,15,26,.16);box-shadow:0 22px 55px rgba(31,24,89,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:left}
.adanet-newsletter-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 4px 16px}.adanet-newsletter-copy strong{font-size:16px;font-weight:680}.adanet-newsletter-copy span{color:rgba(255,255,255,.72);font-size:13px}
.adanet-newsletter-fields{position:relative;display:flex;gap:10px}
.adanet-newsletter-input{flex:1;min-width:0;height:56px;padding:0 22px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:rgba(255,255,255,.94);color:#11141a;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.adanet-newsletter-input::placeholder{color:#747b87}
.adanet-newsletter-input:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.adanet-newsletter-btn{display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;height:56px;padding:0 24px;border:none;border-radius:16px;background:#0a0c10;color:#fff;font-size:15px;font-weight:650;cursor:pointer;transition:transform .25s,box-shadow .25s}.adanet-newsletter-btn span{font-size:18px}
.adanet-newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.adanet-newsletter .invalid-feedback{display:none;position:absolute;top:100%;left:4px;width:100%;margin-top:7px;color:#fff;font-size:12px}
.adanet-newsletter.was-validated .adanet-newsletter-input:invalid~.invalid-feedback{display:block}
@media(max-width:575px){.adanet-newsletter{max-width:350px;margin-top:30px;padding:16px;border-radius:22px}.adanet-newsletter-copy{display:block;margin:0 2px 15px}.adanet-newsletter-copy strong,.adanet-newsletter-copy span{display:block}.adanet-newsletter-copy strong{font-size:17px}.adanet-newsletter-copy span{margin-top:4px;font-size:13px}.adanet-newsletter-fields{flex-direction:column;gap:10px}.adanet-newsletter-input,.adanet-newsletter-btn{flex:none;width:100%;height:54px;border-radius:15px}.adanet-newsletter .invalid-feedback{position:static;margin:0 2px}}
.adanet-reveal{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.adanet-reveal.is-visible{opacity:1;transform:none}
@keyframes adanetCue{0%,100%{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:1}}
@media(max-width:991px){body:has(.adanet-home) header>.container>.row{min-height:68px}.adanet-story{height:auto;padding:110px 0}.adanet-story-sticky{position:relative;height:auto;overflow:visible}.adanet-story-grid{grid-template-columns:1fr}.adanet-story-copy{min-height:760px}.adanet-story-step{position:relative;top:auto;margin-top:65px;opacity:1;transform:none;pointer-events:auto}.adanet-story-copy>.adanet-kicker{position:relative}.adanet-story-dots{display:none}.adanet-device-scene{order:-1;max-width:760px;width:100%;margin:0 auto 20px}.adanet-laptop,.adanet-story.is-open .adanet-laptop{transform:none}.adanet-bento{grid-template-columns:1fr 1fr}.adanet-experience-card{grid-template-columns:1fr}.adanet-work-slide{flex-basis:calc((100% - 22px)/2)}.adanet-work-nav{display:none}}
@media(max-width:991px){.adanet-screen-panel{transition:none;transform:none}.adanet-screen-panel.is-active{transform:none}}
@media(max-width:767px){.adanet-hero{padding:118px 0 72px}.adanet-hero h1{font-size:clamp(49px,15.5vw,72px);line-height:.91}.adanet-lead{font-size:18px}.adanet-actions{flex-direction:column;align-items:center}.adanet-hero-stats{gap:0;margin-top:40px}.adanet-hero-stat{padding:0 20px}.adanet-hero-stat strong{font-size:30px}.adanet-hero-stat span{font-size:12px}.adanet-scroll-cue{display:none}.adanet-story{padding:74px 0}.adanet-story-grid{gap:38px}.adanet-story-copy{min-height:auto}.adanet-device-scene{margin-bottom:4px}.adanet-float-chip{padding:7px 10px;font-size:10px}.adanet-chip-design{left:0}.adanet-chip-code{right:0}.adanet-story-step{margin-top:18px;padding:25px 22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.035)}.adanet-story-step:first-of-type{margin-top:30px}.adanet-step-no{margin-bottom:12px}.adanet-story-step h2{margin-bottom:15px;font-size:36px}.adanet-story-step p{font-size:16px;line-height:1.6}.adanet-section-head{display:block;margin-bottom:35px}.adanet-section-head h2{font-size:42px}.adanet-section-head>p{margin-top:22px}.adanet-services,.adanet-work{padding:80px 0}.adanet-bento{display:flex;flex-direction:column}.adanet-service-card{padding:26px}.adanet-experience{padding:55px 0}.adanet-experience-card{padding:50px 25px;border-radius:24px}.adanet-years strong{font-size:118px}.adanet-years span{margin-left:14px}.adanet-work-slide{flex-basis:82%}.adanet-cta{padding:95px 0}.adanet-cta h2{font-size:56px}.adanet-lid{border-radius:14px 14px 7px 7px;padding:6px}.adanet-base{height:14px}.fixed-socials{display:none!important}}
@media(max-width:575px){.adanet-cta{padding:82px 0 70px}.adanet-cta .container{padding-right:20px;padding-left:20px}.adanet-cta .adanet-kicker{font-size:11px;letter-spacing:.18em}.adanet-cta h2{max-width:350px;margin:20px auto 28px;font-size:clamp(43px,12.5vw,52px);letter-spacing:-.062em;line-height:.93}.adanet-cta>.container>.adanet-button{min-width:190px;padding:15px 22px;font-size:15px}}
@media(max-width:767px){
.adanet-story{height:300svh;padding:0}
.adanet-story-sticky{position:sticky;top:68px;height:calc(100svh - 68px);display:flex;align-items:stretch;overflow:hidden}
.adanet-story-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(245px,1fr) auto;align-content:center;gap:17px;width:100%;height:100%;padding-top:18px;padding-bottom:18px}
.adanet-device-scene{order:-1;width:min(100%,365px);margin:0 auto;transform:none}
.adanet-story-copy{position:relative;min-height:245px}
.adanet-story-step,.adanet-story-step:first-of-type{position:absolute;inset:0;top:0;display:flex;flex-direction:column;justify-content:center;max-width:none;margin:0;padding:22px 21px;visibility:hidden;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility 0s linear .36s}
.adanet-story-step.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility 0s}
.adanet-story-step h2{font-size:clamp(29px,8.8vw,36px)}
.adanet-story-step p{font-size:15px;line-height:1.55}
.adanet-step-no{margin-bottom:10px}
.adanet-screen-panel{visibility:hidden;opacity:0;transition:none}
.adanet-screen-panel.is-active{visibility:visible;opacity:1}
.adanet-hero-partners{margin-top:0}
.adanet-hero-partners-row{gap:12px 20px}
.adanet-hero-partners-row img{height:20px;max-width:76px}
}
/* Premium mobile navigation sheet */
@media(max-width:991px){
body.menu_open{overflow:hidden}
header .anamenu{background:#f5f6f8}
header .anamenu>.navHeader{flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.08)}
header .anamenu>ul.list-unstyled{gap:8px;margin:0;padding:18px 16px 12px}
header .anamenu>ul.list-unstyled>li{overflow:hidden;border:1px solid #e5e8ed!important;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(20,30,50,.03)}
header .anamenu>ul.list-unstyled>li>a{position:relative;min-height:72px;padding:15px 52px 14px 52px!important;font-size:18px!important;line-height:1.2}
header .anamenu>ul.list-unstyled>li>a:before{position:absolute;top:17px;left:17px;color:#a1a8b3;font-size:11px;font-weight:700;letter-spacing:.08em}
header .anamenu>ul.list-unstyled>li:nth-child(1)>a:before{content:"01"}header .anamenu>ul.list-unstyled>li:nth-child(2)>a:before{content:"02"}header .anamenu>ul.list-unstyled>li:nth-child(3)>a:before{content:"03"}header .anamenu>ul.list-unstyled>li:nth-child(4)>a:before{content:"04"}header .anamenu>ul.list-unstyled>li:nth-child(5)>a:before{content:"05"}
header .anamenu>ul.list-unstyled>li>a:after{display:block;margin-top:5px;color:#8a919c;font-size:12px;font-weight:500;letter-spacing:0;white-space:normal}
header .anamenu>ul.list-unstyled>li:nth-child(1)>a:after{content:"Ajansımızı ve yaklaşımımızı tanıyın"}header .anamenu>ul.list-unstyled>li:nth-child(2)>a:after{content:"Seçili işlerimizi inceleyin"}header .anamenu>ul.list-unstyled>li:nth-child(3)>a:after{content:"Güncel projeleri keşfedin"}header .anamenu>ul.list-unstyled>li:nth-child(4)>a:after{content:"Dijital çözümlerimize göz atın"}header .anamenu>ul.list-unstyled>li:nth-child(5)>a:after{content:"Ekibimizle iletişime geçin"}
header .anamenu ul li span{top:13px!important;right:12px!important;width:38px!important;height:46px!important;border-radius:13px;background:#f4f6f9!important}
header .anamenu ul li span:after{width:8px;height:8px}
header .anamenu>ul.list-unstyled>li.has-child.is-open{border-color:#cfe2ff!important;box-shadow:0 8px 28px rgba(8,124,255,.08)}
header .anamenu>ul.list-unstyled>li.has-child.is-open>span{background:#eaf3ff!important}
header .anamenu ul ul{width:auto!important;margin:0 14px 14px 52px!important;padding:4px 0 7px!important;border-left:1px solid #dfe4eb!important}
header .anamenu ul ul li{border:0!important}
header .anamenu ul ul li a{min-height:0!important;padding:9px 12px!important;font-size:14px!important;white-space:normal!important}
.adanet-mobile-menu-footer{margin-top:auto;padding:12px 16px 20px}
.adanet-mobile-menu-cta{display:flex!important;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px!important;border-radius:17px;background:#0b0d12;color:#fff!important;font-size:15px!important;font-weight:650}
.adanet-mobile-menu-cta b{font-size:19px;font-weight:500}
.adanet-mobile-menu-footer small{display:block;margin-top:11px;color:#939aa5;text-align:center;font-size:10px;letter-spacing:.04em}
}
@media(max-width:767px) and (max-height:700px){
.adanet-story-grid{grid-template-rows:auto minmax(218px,1fr) auto;gap:12px;padding-top:12px;padding-bottom:12px}
.adanet-device-scene{width:min(88%,315px)}
.adanet-story-copy{min-height:218px}
.adanet-story-step,.adanet-story-step:first-of-type{padding:18px}
.adanet-story-step h2{font-size:29px;margin-bottom:11px}
.adanet-story-step p{font-size:14px}
}
/* Adanet 2026 — final visual polish */
.adanet-hero-inner{max-width:1180px}.adanet-hero h1{max-width:1080px;font-size:clamp(66px,8.2vw,116px)}
.adanet-story-grid{padding-inline:clamp(28px,4vw,58px)}
.adanet-service-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.adanet-service-card:after{content:"Detayları gör →";margin-top:18px;color:#087cff;font-size:13px;font-weight:650}
.adanet-icon{font-size:0}.adanet-icon:before{content:"";width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 17l6-6 4 4 6-7M15 8h5v5'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 17l6-6 4 4 6-7M15 8h5v5'/%3E%3C/svg%3E") center/contain no-repeat}
.adanet-clients{padding:68px 0}.adanet-clients-label{margin-bottom:32px}.adanet-clients-row{min-height:82px;padding:12px 24px;border:1px solid #edf0f4;border-radius:24px;background:#fafbfc}.adanet-clients-row img{height:50px;max-width:135px;opacity:.68}
.adanet-work{padding-top:105px}.adanet-work-slide-info{min-height:132px}.adanet-work-slide-info h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:53px}.adanet-work-browser-visual img{filter:saturate(.92) contrast(1.02)}
.adanet-cta{position:relative}.adanet-cta:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:46px;background:linear-gradient(to bottom,transparent,#090b10);pointer-events:none}.adanet-footer{position:relative}
.adanet-page-panel{border-color:rgba(215,222,231,.72);background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 28px 80px rgba(31,45,70,.08)}.adanet-page-panel .detail-article>h2{padding-top:38px;border-top:1px solid #e8ecf1}.adanet-page-panel .detail-article>h2:first-child{padding-top:0;border-top:0}.adanet-page-panel .detail-article>p{max-width:780px}.adanet-page-panel .detail-article blockquote{margin:34px 0;padding:24px 28px;border-left:3px solid #087cff;border-radius:0 18px 18px 0;background:#f1f6ff}
@media(max-width:991px){
header .anamenu ul ul{display:none!important;margin:0 0 12px!important;padding:4px 0 6px 12px!important}
header .anamenu li.has-child.is-open>ul{display:flex!important}
header .anamenu>.navHeader{padding:17px 22px;background:#0b0d12}
.adanet-mobile-menu-logo{display:flex;align-items:center;padding:4px 0}.adanet-mobile-menu-logo img{display:block;width:auto;height:34px}
header .anamenu>.navHeader span{width:40px;height:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
header .anamenu>.navHeader span svg{width:13px!important;font-size:18px!important;color:#fff!important}
}
@media(max-width:767px){
.adanet-story-grid{padding:30px 18px 18px}.adanet-story-sticky{top:68px}.adanet-device-scene{width:min(96%,365px)}
.adanet-screen-panel{padding:4.5%}
.mock-nav{gap:4%;font-size:10px}.mock-nav b{letter-spacing:-.45px}.mock-nav i{width:10%;height:2px}
.mock-web-hero{box-sizing:border-box;height:57%;margin-top:4%;padding:5.5% 5%;border-radius:10px}
.mock-web-hero small{display:block;font-size:6px;line-height:1;letter-spacing:1.15px}
.mock-web-hero strong{margin-top:4%;font-size:clamp(13px,4.2vw,16px);line-height:1.02;letter-spacing:-.7px}
.mock-web-hero span{height:3px;margin-top:5%}
.mock-cards{gap:3%;margin-top:3%}.mock-cards i{height:clamp(25px,8vw,34px);border-radius:6px}
.adanet-hero-partners-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:250px;margin:auto;gap:13px 28px}.adanet-hero-partners-row img{justify-self:center;height:21px;max-width:92px}
.adanet-services{padding:72px 0}.adanet-section-head h2{font-size:clamp(38px,11vw,46px)}.adanet-section-head>p{font-size:16px}
.adanet-bento{gap:14px}.adanet-service-card{min-height:0;padding:23px;border-radius:21px}.adanet-service-top{margin-bottom:16px}.adanet-service-card p{-webkit-line-clamp:3}.adanet-service-card:after{margin-top:14px}
.adanet-clients{padding:48px 0}.adanet-clients-label{margin-bottom:25px}.adanet-clients-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;min-height:0;padding:25px 20px}.adanet-clients-row img{justify-self:center;width:auto;height:42px;max-width:125px}
.adanet-experience{padding:48px 0}.adanet-work{padding:72px 0}.adanet-work-slide{flex-basis:84%;scroll-snap-align:center}.adanet-work-carousel{gap:16px;padding-right:6%;padding-left:2%}.adanet-work-slide-info{min-height:134px}.adanet-work-slide-info h3{font-size:20px}
.adanet-page-breadcrumb{margin-bottom:22px}.adanet-page-breadcrumb .breadcrumb-item{font-size:13px}.adanet-page-breadcrumb .breadcrumb-item:not(:nth-last-child(-n+2)){display:none}.adanet-page-panel{padding:25px 21px;border-radius:22px}.adanet-page-panel .detail-article{font-size:16px;line-height:1.72}.adanet-page-panel .detail-article h2{margin-top:38px;padding-top:30px;font-size:30px}
.fixed-socials{display:none!important}
.social-wrapper{right:-7px;bottom:14px}.social-wrapper.single-btn .w_hizala,.social-wrapper.single-btn .w_hizala>.w_buton{width:46px;height:46px}.social-wrapper.single-btn .w_hizala>.w_buton{box-shadow:0 10px 26px rgba(8,124,255,.26)}
.adanet-footer{padding-top:62px}.adanet-footer-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;padding-bottom:45px}.adanet-footer-top>div,.adanet-footer-top>.footer-menu-category{min-width:0}.adanet-footer-top>div:first-child{grid-column:1/-1;text-align:center}.adanet-footer-top>div:first-child p{max-width:330px;margin:18px auto 0}.adanet-footer .adanet-logo-img-footer{margin:auto}.adanet-footer h3,.adanet-footer .footer_title{font-size:11px}.adanet-footer a{font-size:13px}.adanet-footer p{font-size:13px}.adanet-footer-partners{grid-column:1/-1}.adanet-footer-partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.adanet-footer-partners-grid img{max-width:72px;justify-self:center}.adanet-footer-bottom{text-align:center}.adanet-footer-bottom div{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.adanet-home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.adanet-reveal{opacity:1;transform:none}.adanet-laptop{transform:none}}
/** General usage (s) **/
.cursive-font {
font-family: var(--bs-cursive-font-family);
}
.primary-color {
color: var(--primary-color);
}
.secondary-color {
color: var(--secondary-color);
}
.primary-bg {
background-color: var(--primary-color);
}
.primary-bg-linear {
background: -webkit-linear-gradient(
left,
var(--primary-color) 0%,
var(--primary-color-o8) 100%
);
background: linear-gradient(
90deg,
var(--primary-color) 0%,
var(--primary-color-o8) 100%
);
}
.secondary-bg {
background-color: var(--secondary-color);
}
.secondary-bg-linear {
background: -webkit-linear-gradient(
90deg,
var(--secondary-color) 0%,
var(--secondary-color-o8) 100%
);
background: linear-gradient(
90deg,
var(--secondary-color) 0%,
var(--secondary-color-o8) 100%
);
}
.bg-linear-x {
background: -webkit-linear-gradient(
90deg,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
background: linear-gradient(
90deg,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
}
.bg-linear-y {
background: -webkit-linear-gradient(
0,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
background: linear-gradient(
0,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
}
.title-color {
color: var(--bs-heading-color) !important;
}
.text-color {
color: var(--bs-body-color) !important;
}
.btn-custom {
--bs-btn-hover-bg: var(--primary-color-o8);
--bs-btn-active-bg: var(--primary-color-o8);
--bs-btn-hover-color: #fff;
color: #fff;
background-color: var(--primary-color);
line-height: 1.2;
}
.btn-custom:hover {
color: #fff;
background-color: var(--primary-color-o8);
}
.text-gradient {
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-color-x {
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
100deg,
var(--primary-color) 20%,
var(--secondary-color) 75%
);
}
.gradient-color-y {
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
0deg,
var(--primary-color) 20%,
var(--secondary-color) 85%
);
}
.general-container {
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
/*.translate-color-wrapper,.translate-primary-wrapper,.translate-secondary-wrapper {overflow: hidden;}*/
.translate-color-wrapper {
transform: translateX(-100vw);
-webkit-filter: drop-shadow(100vw 0 0 var(--translate-color));
filter: drop-shadow(100vw 0 0 var(--translate-color));
}
.translate-primary-wrapper {
transform: translateX(-100vw);
-webkit-filter: drop-shadow(100vw 0 0 var(--primary-color));
filter: drop-shadow(100vw 0 0 var(--primary-color));
}
.translate-secondary-wrapper {
transform: translateX(-100vw);
-webkit-filter: drop-shadow(100vw 0 0 var(--secondary-color));
filter: drop-shadow(100vw 0 0 var(--secondary-color));
}
a:hover .h1,
a:hover .h2,
a:hover .h3,
a:hover .h4,
a:hover .h5,
a:hover .h6,
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
color: inherit;
}
.pre-title {
font-weight: 500;
display: inline-block;
text-transform: uppercase;
margin-bottom: 14px;
letter-spacing: 1px;
color: var(--bs-tertiary-color);
}
.two-line,
.three-line,
.four-line,
.five-line,
.six-line,
.seven-line,
.ten-line {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.two-line {
-webkit-line-clamp: 2;
}
.three-line {
-webkit-line-clamp: 3;
}
.four-line {
-webkit-line-clamp: 4;
}
.five-line {
-webkit-line-clamp: 5;
}
.six-line {
-webkit-line-clamp: 6;
}
.seven-line {
-webkit-line-clamp: 7;
}
.ten-line {
-webkit-line-clamp: 10;
}
a {
text-decoration: none;
color: inherit;
}
a.hover-underline:hover {
text-decoration: underline;
}
a.btn-link {
color: var(--bs-body-color);
}
a.btn-link:hover {
color: var(--primary-color);
}
.underline-type {
position: relative;
margin-bottom: 30px;
}
.underline-type::after {
content: '';
position: absolute;
width: 120px;
height: 3px;
bottom: -8px;
left: 0;
background-color: var(--primary-color);
background: -webkit-linear-gradient(
90deg,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
background: linear-gradient(
90deg,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
border-radius: 0.4rem;
}
.underline-type.underline-center::after {
left: 50%;
transform: translateX(-50%);
}
.hvr-wrapper .hvr-content {
position: absolute;
inset: 0;
border-radius: 4px;
padding: 20px;
visibility: hidden;
opacity: 0;
-webkit-transition: var(--transition-2);
transition: var(--transition-2);
display: flex;
align-items: center;
}
.hvr-wrapper:hover .hvr-content {
visibility: visible;
opacity: 1;
}
.hvr-wrapper .hvr-content::before {
content: '';
position: absolute;
inset: 0;
background-color: var(--primary-color);
opacity: 0;
transition: var(--transition-2);
}
.hvr-wrapper:hover .hvr-content::before {
opacity: 1;
}
.hvr-zoom-out {
position: relative;
overflow: hidden;
}
.hvr-zoom-wrapper .hvr-zoom-out > img {
transition: var(--transition-2);
transform: scale(1);
}
.hvr-zoom-wrapper:hover .hvr-zoom-out > img {
transform: scale(1.03);
}
.img-object {
object-fit: cover;
}
.hs-item {
inset: 0px;
z-index: 10;
background-color: rgba(0, 0, 0, 0.86);
backdrop-filter: saturate(250%) blur(5px);
-webkit-backdrop-filter: saturate(250%) blur(5px);
height: 100vh;
}
.hs-item form {
width: 100%;
max-width: 576px;
}
.sidemenu-wrapper {
width: var(--sidemenu-width);
min-width: var(--sidemenu-width);
}
#sidemenuCollapse {
position: sticky;
top: var(--header-height);
}
.default-sidemenu li {
padding: 0 !important;
}
.default-sidemenu a {
display: block;
padding: calc(var(--bs-list-group-item-padding-x) * 0.75)
var(--bs-list-group-item-padding-x);
}
.default-sidemenu ul > li > a {
padding-left: calc(var(--bs-list-group-item-padding-x) * 2);
}
.scrollspy-target-item {
scroll-margin-top: calc(var(--header-height) * 1.1) !important;
}
.maps-iframe-wrapper-100 iframe {
border: 0 !important;
min-height: 260px !important;
width: 100% !important;
height: 100% !important;
}
.detail-article ul {
list-style-position: inside;
}
.detail-article ul p {
display: inline;
}
.shape-line {
margin-top: 0.15rem;
margin-bottom: 0.25rem;
}
.shape-line > img.divider {
max-width: 80px;
}
.contact-map-item > .row[class*='g'] > :first-child {
margin-top: 0 !important;
}
.unit-wrapper.bg-black .headline,
.unit-wrapper.bg-black .subhead {
color: #f5f5f7;
}
.unit-wrapper .headline {
font-size: 3.3rem;
line-height: 1.07143;
font-weight: 600;
letter-spacing: -0.005em;
}
.unit-wrapper .subhead {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.unit-wrapper .subhead {
font-size: 1.65rem;
line-height: 1.14286;
font-weight: 400;
letter-spacing: 0.007em;
}
#unit-loop-3d .image-wrapper {
transform: translateX(-100vw);
-webkit-filter: drop-shadow(100vw 0 0 #36a9e1);
filter: drop-shadow(100vw 0 0 #36a9e1);
}
[id^='unit-']:not(:last-child) {
margin-bottom: 16px;
}
/* avatar (s) */
.avatar {
white-space: nowrap;
background-color: #c3c3c3;
border-radius: 50%;
position: relative;
cursor: pointer;
color: #fff;
display: inline-flex;
font-size: 1rem;
text-align: center;
vertical-align: middle;
font-weight: 600;
}
.avatar .avatar-content {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 0.857rem;
line-height: 1;
}
.avatar .avatar-content .avatar-icon {
width: 24px;
height: 24px;
}
.avatar img {
border-radius: 50%;
}
.avatar.avatar-xxl {
font-size: 1.5rem;
}
.avatar.avatar-xxl img {
width: 100px;
height: auto;
max-height: 120%;
}
.avatar.avatar-xxl .avatar-content {
height: 100px;
width: 100px;
font-size: 2.57rem;
}
.avatar.avatar-xxl .avatar-content .avatar-icon,
.avatar.avatar-xxl .avatar-content i,
.avatar.avatar-xxl .avatar-content svg {
height: 3rem;
width: 3rem;
font-size: 3rem;
}
.avatar.avatar-xxl [class*='avatar-status-'] {
right: 3px;
bottom: 0;
}
.avatar.avatar-xl {
font-size: 1.3rem;
}
.avatar.avatar-xl img {
width: 75px;
height: auto;
max-height: 120%;
}
.avatar.avatar-xl .avatar-content {
width: 75px;
height: 75px;
font-size: 2rem;
}
.avatar.avatar-xl .avatar-content .avatar-icon,
.avatar.avatar-xl .avatar-content i,
.avatar.avatar-xl .avatar-content svg {
height: 2.35rem;
width: 2.35rem;
font-size: 2.2rem;
}
.avatar.avatar-xl [class*='avatar-status-'] {
right: 3px;
bottom: 1px;
}
.avatar.avatar-lg {
font-size: 1.2rem;
}
.avatar.avatar-lg img {
width: 50px;
height: auto;
max-height: 120%;
}
.avatar.avatar-lg .avatar-content {
width: 50px;
height: 50px;
font-size: 1.714rem;
}
.avatar.avatar-lg .avatar-content .avatar-icon,
.avatar.avatar-lg .avatar-content i,
.avatar.avatar-lg .avatar-content svg {
height: 1.714rem;
width: 1.714rem;
font-size: 1.714rem;
}
.avatar.avatar-lg [class*='avatar-status-'] {
right: 3px;
bottom: 1px;
}
.avatar.avatar-sm .avatar-content {
width: 24px;
height: 24px;
}
.avatar.avatar-sm .avatar-content .avatar-icon,
.avatar.avatar-sm .avatar-content i,
.avatar.avatar-sm .avatar-content svg {
height: 1rem;
width: 1rem;
font-size: 1rem;
}
.avatar.avatar-sm img {
width: 24px;
height: auto;
max-height: 120%;
}
.avatar.avatar-sm [class*='avatar-status-'] {
right: -3px;
bottom: -2px;
}
.avatar.bg-light-primary {
color: var(--bs-primary);
}
.avatar.bg-light-secondary {
color: var(--bs-secondary);
}
.avatar.bg-light-success {
color: var(--bs-success);
}
.avatar.bg-light-info {
color: var(--bs-info);
}
.avatar.bg-light-warning {
color: var(--bs-warning);
}
.avatar.bg-light-danger {
color: var(--bs-danger);
}
/* avatar (f) */
.bg-light-primary {
background: rgba(var(--bs-primary-rgb), 0.12);
color: var(--bs-primary);
}
.bg-light-secondary {
background: rgba(var(--bs-secondary-rgb), 0.12);
color: var(--bs-secondary);
}
.bg-light-success {
background: rgba(var(--bs-success-rgb), 0.12);
color: var(--bs-success);
}
.bg-light-info {
background: rgba(var(--bs-info-rgb), 0.12);
color: var(--bs-info);
}
.bg-light-warning {
background: rgba(var(--bs-warning-rgb), 0.12);
color: var(--bs-warning);
}
.bg-light-danger {
background: rgba(var(--bs-danger-rgb), 0.12);
color: var(--bs-danger);
}
.timeline {
position: relative;
padding-left: 0;
list-style: none;
padding-top: 30px;
padding-bottom: 30px;
clip-path: inset(-10px -15px -10px -15px);
}
.timeline::before,
.timeline::after {
content: '';
position: absolute;
width: 3px;
background-color: #d6d6d6;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
.timeline::after {
position: fixed;
background-color: var(--primary-color);
bottom: 40%;
}
.timeline .timeline-item {
position: relative;
background-color: inherit;
width: 50%;
}
.timeline .timeline-item::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -11px;
background-color: #fff;
border: 3px solid var(--primary-color);
top: 15px;
border-radius: 50%;
z-index: 1;
}
.timeline .timeline-item:nth-child(odd) {
padding: 0px 40px 20px 0px;
left: 0;
}
.timeline .timeline-item:nth-child(even) {
padding: 0px 0px 20px 40px;
left: 50%;
}
.timeline .timeline-item:nth-child(odd)::before {
content: ' ';
position: absolute;
top: 18px;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
}
.timeline .timeline-item:nth-child(even)::before {
content: ' ';
position: absolute;
top: 18px;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
.timeline .timeline-item:nth-child(even)::after {
left: -14px;
}
.timeline .card-body > :last-child {
margin-bottom: 0 !important;
}
@media screen and (max-width: 600px) {
.timeline::before {
left: 33px;
}
.timeline::after {
left: 44px;
}
.timeline .timeline-item {
width: 100%;
padding-left: 70px !important;
padding-right: 25px !important;
}
.timeline .timeline-item::before {
left: 60px !important;
border: medium solid white !important;
border-width: 10px 10px 10px 0 !important;
border-color: transparent white transparent transparent !important;
}
.timeline .timeline-item:nth-child(odd)::after,
.timeline .timeline-item:nth-child(even)::after {
left: 18px;
}
.timeline .timeline-item:nth-child(odd)::before {
right: auto;
}
.timeline .timeline-item:nth-child(even) {
left: 0%;
}
}
@media (min-width: 768px) {
.img-item-horizontal {
min-width: 180px;
max-width: 180px;
}
}
@media (min-width: 992px) {
.default-sidemenu {
max-height: calc(90vh - var(--header-height));
overflow-y: auto;
}
}
@media (max-width: 992px) {
.sidemenu-wrapper {
width: 100%;
min-width: auto;
order: 0 !important;
}
}
.sayfa_baslik {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative; /*height: 180px;*/
right: 0;
left: 0;
top: 0;
padding-top: 15px;
z-index:1;
}
header:not(.fixed) + .sayfa_baslik .container {
position: relative;
z-index: 3;
}
.sayfa_baslik h1 {
font-size: 1.7rem;
color: black;
}
.sayfa_baslik.bg-img-hero .baslik-bg {
background-color: rgba(248, 249, 250, 0.8);
backdrop-filter: saturate(110%) blur(1.3px);
-webkit-backdrop-filter: saturate(110%) blur(1.3px);
}
.sayfa_baslik.bg-img-hero h1,
.sayfa_baslik.bg-img-hero nav.nerdeyim ol li > * {
color: #000;
}
body.hp-absolute .sayfa_baslik {
padding-top: var(--header-first-height);
}
nav.nerdeyim ol {
--bs-breadcrumb-margin-bottom: 0.5rem;
}
nav.nerdeyim ol li a:hover {
color: var(--header-color-hover);
}
nav.nerdeyim ol li > * {
font-size: 0.8em;
color: black;
}
/*nav.nerdeyim {overflow-x: hidden;}
nav.nerdeyim ol {list-style: none;margin: 0;padding: 0;width: 100%;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
nav.nerdeyim ol li {display: inline-block;margin-right: 3px;}
.sayfa_baslik .baslik-bg {position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.75);backdrop-filter: saturate(110%) blur(1.3px);-webkit-backdrop-filter: saturate(110%) blur(1.3px);padding: 10px;z-index: 2;}
.sayfa_baslik .container {position: relative;z-index: 3;}
.sayfa_baslik h1 {white-space: normal;width: fit-content;font-size: 1.7rem;color: #fff;}
body.hp-absolute .sayfa_baslik {height:450px;}
body.hp-absolute .sayfa_baslik .baslik-bg {top: 0;}
body.hp-absolute .sayfa_baslik .title-breadcrumb {height: auto !important;position: absolute;left: 0;right: 0;top: 60%;text-align: center;}
body.hp-absolute .sayfa_baslik .title-breadcrumb > .col-auto {width:100%}
body.hp-absolute .sayfa_baslik h1 {margin: 0 auto 0.5rem !important;padding-bottom: .4rem;position: relative;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
body.hp-absolute .sayfa_baslik h1::after {content: '';position: absolute;bottom:-3px;left:50%;transform:translateX(-50%);height: 4px;width: 90px;background-color: var(--primary-color);border-radius: .4rem;} */
@media (max-width: 992px) {
.sayfa_baslik h1 {
font-size: 1.4em;
}
nav.nerdeyim {
overflow-x: auto;
}
body.hp-absolute .sayfa_baslik {
height: 240px;
}
}
.accordion-button:focus {
--bs-accordion-btn-focus-box-shadow: none;
z-index: 2;
}
.accordion-button:not(.collapsed) {
--bs-accordion-active-color: var(--primary-color);
--bs-accordion-active-bg: #f5f5f5;
}
.instagram-embed {
position: relative;
overflow: hidden;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
border-radius: 1.3rem;
}
.instagram-embed::before {
display: block;
padding-top: 135%;
content: '';
}
.instagram-embed > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 100% !important;
border: 0 !important;
}
.main-container > main {
min-height: 70vh;
}
button.t_button,
button.t_button_2,
button.t_button_l {
border: 0;
outline: 0;
}
.t_button,
.t_button_2,
.t_button_l {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 20px;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: 500;
height: 45px;
line-height: 45px;
transition: all 200ms ease-in-out;
overflow: hidden;
z-index: 1;
}
.t_button.t_button_small,
.t_button_2.t_button_small,
.t_button_l.t_button_small {
height: 33px;
line-height: 33px;
padding: 0 15px;
}
.t_button.t_button_round {
height: 60px;
width: 60px;
line-height: 60px;
border-radius: 50%;
padding: 0;
}
.t_button {
background-color: var(--primary-color);
border-radius: 5px;
}
.t_button::after {
content: '';
height: 100%;
width: 0;
background: var(--secondary-color);
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.t_button:hover::after {
left: 0;
width: 100%;
}
.t_button_2 {
background-color: var(--secondary-color);
border-radius: 5px;
}
.t_button_2:hover {
color: var(--primary-color);
}
.t_button_2::after {
content: '';
height: 100%;
width: 0;
background: #fff;
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.t_button_2:hover::after {
left: 0;
width: 100%;
}
.t_button_l {
padding-right: 40px;
border: 1px solid var(--primary-color);
background-color: #efefef;
color: var(--primary-color);
z-index: 1;
border-radius: 0.25rem;
}
.t_button_l:hover {
color: #fff;
text-indent: 20px;
padding-right: 20px;
}
.t_button_l::after {
content: '';
position: absolute;
right: -3px;
top: -3px;
bottom: -3px;
width: 30px;
background: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 15px;
background-color: var(--primary-color);
transition: ease all var(--transition);
z-index: -1;
border-radius: 0.25rem;
}
.t_button_l:hover::after {
width: 104%;
background-position: left 17px center;
}
@media (max-width: 768px) {
.t_button,
.t_button_2,
.t_button_l {
height: 35px;
line-height: 35px;
}
}
.cursor-pointer {
cursor: pointer;
}
.toast-container > .toast.fade.show::before {
content: '';
top: calc(100vh / 2 * -1);
left: calc(100vw / 2 * -1);
position: fixed;
width: 130vw;
height: 130vh;
background-color: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(4px);
z-index: -1;
}
.g-recaptcha {
transform-origin: left top;
-webkit-transform-origin: left top;
width: max-content;
margin: 10px auto;
}
.cookie-wrapper {
position: fixed;
left: 30px;
bottom: 30px;
padding: 15px;
border-radius: 5px;
background-color: #000000cc;
max-width: 400px;
color: #fff;
z-index: 999999;
/* display: none; */
}
@media only screen and (max-width: 430px) {
.cookie-wrapper {
right: 30px;
}
}
#popupModal .btn-close {
position: absolute;
right: 0;
z-index: 2;
border-radius: 0;
border-bottom-left-radius: 8px;
font-size: 0.8rem;
}
#popupModal > .modal-dialog img {
max-height: 100%;
margin-left: auto;
margin-right: auto;
}
#popupModal > .modal-dialog .carousel-caption {
left: auto;
right: auto;
bottom: 5px;
max-width: 100%;
width: max-content;
}
#popupModal > .modal-dialog .carousel-caption.backdrop {
backdrop-filter: saturate(120%) blur(10px);
-webkit-backdrop-filter: saturate(120%) blur(10px);
}
.f_phone_wrapper {
position: fixed;
bottom: 15px; /*width:123px;font-size: 14px;*/
height: 35px;
border-radius: 6px;
z-index: 100;
}
.f_phone_wrapper.phone {
left: 15px;
}
.f_phone_wrapper.whatsapp {
right: 15px;
}
.galeri-kategori-baslik {
font-weight: 600;
display: inline-block;
position: relative;
z-index: 1;
line-height: 2;
color: #fff;
padding-left: 1.8rem;
padding-right: 0.6rem;
}
.galeri-kategori-baslik::before,
.galeri-kategori-baslik::after {
content: '';
position: absolute;
z-index: -1;
background-color: var(--primary-color);
left: 10px;
right: -10px;
}
.galeri-kategori-baslik::before {
transform: skew(45deg);
top: 0;
bottom: 49.8%;
}
.galeri-kategori-baslik::after {
transform: skew(-45deg);
top: 49.8%;
bottom: 0;
}
.general-gallery-wrapper .img-item {
width: 100%;
display: block;
height: 100%;
object-fit: cover;
}
.general-gallery-wrapper .card {
height: 100%;
}
.general-gallery-wrapper .card .card-body {
position: absolute;
z-index: 2;
transition: all 0.5s ease;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.57) 0%,
rgba(255, 255, 255, 0) 100%
);
}
.general-gallery-wrapper .img-item-wrapper {
position: relative;
box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.26);
overflow: hidden;
}
.general-gallery-wrapper .img-item-wrapper .icon-wrapper {
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1px;
transition: all var(--transition);
text-align: center;
z-index: 2;
}
.general-gallery-wrapper .img-item-wrapper:hover .icon-wrapper {
font-size: 34px;
top: 50%;
}
.general-gallery-wrapper .img-item-wrapper::before {
content: '';
background: rgba(0, 0, 0, 0.7);
position: absolute;
inset: 30px;
transition: all ease-in-out var(--transition);
z-index: 2;
opacity: 0;
}
.general-gallery-wrapper .img-item-wrapper:hover::before {
inset: 0;
opacity: 1;
}
.general-gallery-wrapper .img-item-wrapper .card-body::before,
.general-gallery-wrapper .img-item-wrapper .card-body::after {
display: block;
content: '';
width: 48px;
height: 48px;
position: absolute;
transition: all 0.5s ease 0s;
z-index: 1;
opacity: 0;
}
.general-gallery-wrapper .img-item-wrapper .card-body::before {
top: 35px;
left: 35px;
border-top: 3px solid #d7dce1;
border-left: 3px solid #d7dce1;
}
.general-gallery-wrapper .img-item-wrapper .card-body::after {
bottom: 35px;
right: 35px;
border-bottom: 3px solid #d7dce1;
border-right: 3px solid #d7dce1;
}
.general-gallery-wrapper .img-item-wrapper:hover .card-body::before {
top: 15px;
left: 15px;
opacity: 1;
}
.general-gallery-wrapper .img-item-wrapper:hover .card-body::after {
bottom: 15px;
right: 15px;
opacity: 1;
}
.fa-secondary {
opacity: 0.4;
}
.w_hizala {
display: flex;
flex-direction: row;
text-align: center;
color: #fff;
line-height: 50px;
cursor: pointer;
}
.w_hizala > div {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
padding: 5px;
}
.w_hizala > div:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.w_hizala > div:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.social-wrapper {
position: fixed;
right: 15px;
bottom: 15px;
max-width: 353px;
width: 100%;
z-index: 2;
}
.w_buton i,
.w_buton .i {
font-size: 25px;
vertical-align: sub;
}
.w_kisiler {
display: none;
position: relative;
right: 0;
bottom: 0;
border-radius: 6px;
margin-bottom: 15px;
padding-top: 25px;
}
.w_kisiler.active {
display: block;
}
.w_head {
padding: 15px 15px 10px;
color: #fff;
border-radius: 6px 6px 0 0;
text-align: center;
line-height: 160%;
font-size: 1rem;
}
.w_head i,
.w_head .i {
font-size: 20px;
padding: 10px 12px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0px;
left: calc(50% - 24px);
border: 5px solid;
box-sizing: border-box;
cursor: pointer;
}
.w_head .i {
padding: 4px 10px;
color: #0dc152;
border-color: #0cab49;
}
.w_list {
border: 1px solid #eaeaea;
border-top: 0;
border-radius: 0 0 6px 6px;
overflow: hidden;
background: #fff;
}
.w_list ul {
list-style: none;
margin: 0;
padding: 0;
}
.w_list ul li {
position: relative;
border-top: 1px solid #eaeaea;
}
.w_list ul li > .soc_li_under {
display: flex;
align-items: center;
padding: 10px;
}
.w_list ul li:first-child {
border-top: none;
}
.w_list ul li a {
width: 100%;
padding-left: 7px;
font-size: 1rem;
}
.w_list ul li a:hover {
color: inherit;
}
.w_list ul li a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: '';
}
.w_list ul li .online {
position: relative;
float: right;
padding-right: 23px;
color: #0dc152;
margin-bottom: 0;
}
.w_list ul li .online:after {
position: absolute;
display: block;
content: '';
right: 0;
bottom: 4px;
float: right;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #0dc152;
border: 3px solid #0a98416e;
}
.w_list ul li:hover {
background-color: #d1efc9;
cursor: pointer;
}
.w_hizala > .w_icon,
#whatsapp > .w_head {
background: #0dc152;
}
.w_hizala > .t_icon,
#telegram > .w_head {
background: #0088cc;
}
.w_hizala > .map_icon,
#map > .w_head {
background: #343a40;
}
#whatsapp > .w_head i,
#whatsapp > .w_head .i {
color: #0dc152;
border-color: #0dc152;
}
#telegram > .w_head i,
#telegram > .w_head .i {
color: #0088cc;
border-color: #0088cc;
}
#map > .w_head i,
#map > .w_head .i {
color: #343a40;
border-color: #343a40;
}
.social-wrapper.single-btn .w_hizala {
width: 45px;
margin-left: auto;
}
.social-wrapper.single-btn .w_hizala > .w_buton {
border-radius: 50%;
}
/* Restore the original circular contact actions. */
.social-wrapper:not(.single-btn){width:auto;max-width:none}
.social-wrapper:not(.single-btn) .w_hizala{width:auto;gap:8px}
.social-wrapper:not(.single-btn) .w_hizala>.w_buton{display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #2d3745;border-radius:50%;background:#0b1018}
.social-wrapper:not(.single-btn) .w_hizala>.t_icon{background:#0b1018}
.social-wrapper:not(.single-btn) .w_hizala>.map_icon{background:#343a40}
.social-wrapper:not(.single-btn) .w_hizala>.t_icon{width:70px;height:70px;flex:0 0 70px!important;border:4px solid rgba(255,255,255,.78);border-radius:50%;background:#0b1018;box-shadow:0 8px 22px rgba(0,0,0,.35);line-height:normal}
.social-wrapper:not(.single-btn) .w_hizala>.w_icon,.social-wrapper:not(.single-btn) .w_hizala>.map_icon{width:70px;height:70px;flex:0 0 70px!important;border:4px solid rgba(255,255,255,.78);border-radius:50%;background:#0b1018;line-height:normal;transition:background .2s,border-color .2s,transform .2s}
.social-wrapper:not(.single-btn) .w_hizala>.w_icon:hover,.social-wrapper:not(.single-btn) .w_hizala>.map_icon:hover,.social-wrapper:not(.single-btn) .w_hizala>.t_icon:hover{background:#087cff;border-color:#fff;transform:translateY(-3px)}
.social-wrapper:not(.single-btn) .w_hizala>.w_icon svg,.social-wrapper:not(.single-btn) .w_hizala>.map_icon svg{color:#fff!important}
.social-wrapper:not(.single-btn) .w_hizala>.t_icon svg{width:1.9em!important}
.social-wrapper:not(.single-btn) .w_kisiler{position:absolute;right:0;bottom:82px;width:min(520px,calc(100vw - 32px));overflow:visible;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(8,20,38,.2);opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}
.social-wrapper:not(.single-btn) .w_kisiler.active{display:block;opacity:1;transform:none}
.social-wrapper:not(.single-btn) .w_head{position:relative;min-height:92px;padding:25px 58px 22px 24px;border-radius:17px 17px 0 0;background:#087cff!important;color:#fff;font-size:19px;font-weight:600;line-height:1.35}
.social-wrapper:not(.single-btn) .w_head .i{position:absolute;top:-22px;right:50%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:4px solid #fff!important;border-radius:50%;background:#087cff;color:#fff;transform:translateX(50%)}
.social-wrapper:not(.single-btn) .w_list{overflow:hidden;border-radius:0 0 17px 17px;background:#fff}
.social-wrapper:not(.single-btn) .w_list ul li{border:0!important}
.social-wrapper:not(.single-btn) .w_list ul li>.soc_li_under{min-height:92px;padding:20px 24px;background:#fff}
.social-wrapper:not(.single-btn) .w_list ul li>.soc_li_under:hover{background:#f2f7fd}
.social-wrapper:not(.single-btn) .soc_li_under>a{color:#172131}
/* Refined floating contact action */
.social-wrapper.single-btn {
right: 22px;
bottom: 22px;
width: auto;
filter: drop-shadow(0 18px 28px rgba(8, 15, 30, 0.2));
}
.social-wrapper.single-btn .w_hizala {
width: 58px;
height: 58px;
margin: 0;
padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
backdrop-filter: saturate(160%) blur(14px);
-webkit-backdrop-filter: saturate(160%) blur(14px);
}
.social-wrapper.single-btn .w_hizala > .w_buton {
position: relative;
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
overflow: hidden;
border-radius: 50%;
background: linear-gradient(145deg, #111722 0%, #080b10 72%);
box-shadow: 0 8px 18px rgba(7, 12, 22, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.16);
transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;
}
.social-wrapper.single-btn .w_hizala > .w_buton::before {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
background: radial-gradient(circle at 32% 18%, rgba(57, 143, 255, 0.55), transparent 38%);
opacity: .8;
animation: none;
}
.social-wrapper.single-btn .w_hizala > .w_buton svg {
position: relative;
z-index: 1;
width: 20px !important;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
.social-wrapper.single-btn .w_hizala > .w_buton:hover {
transform: translateY(-2px) scale(1.035);
box-shadow: 0 12px 24px rgba(7, 12, 22, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media(max-width:767px) {
.social-wrapper.single-btn {
right: 12px;
bottom: max(12px, env(safe-area-inset-bottom));
}
.social-wrapper.single-btn .w_hizala {
width: 50px;
height: 50px;
padding: 3px;
}
.social-wrapper.single-btn .w_hizala > .w_buton {
width: 42px;
height: 42px;
}
.social-wrapper.single-btn .w_hizala > .w_buton svg {
width: 18px !important;
}
}
/* Floating contact panel */
.social-wrapper.single-btn .w_kisiler {
position: absolute;
right: 0;
bottom: 72px;
width: min(340px, calc(100vw - 24px));
margin: 0;
padding: 0;
overflow: visible;
border: 1px solid rgba(255,255,255,.8);
border-radius: 22px;
background: rgba(250,252,255,.92);
box-shadow: 0 24px 70px rgba(12,20,35,.24), 0 4px 16px rgba(12,20,35,.08);
backdrop-filter: saturate(170%) blur(22px);
-webkit-backdrop-filter: saturate(170%) blur(22px);
transform: translateY(10px) scale(.97);
transform-origin: right bottom;
opacity: 0;
}
.social-wrapper.single-btn .w_kisiler.active {
display: block;
transform: none;
opacity: 1;
animation: adanetContactPanelIn .28s cubic-bezier(.2,.8,.2,1) both;
}
.social-wrapper.single-btn .w_head {
min-height: 112px;
padding: 28px 62px 24px 24px;
border-radius: 21px 21px 0 0;
background: linear-gradient(145deg,#151b27,#080b11) !important;
color: rgba(255,255,255,.88);
text-align: left;
font-size: 17px;
font-weight: 520;
line-height: 1.45;
letter-spacing: -.015em;
}
.social-wrapper.single-btn .w_head .i {
display: grid;
place-items: center;
top: 18px;
right: 18px;
left: auto;
width: 34px;
height: 34px;
padding: 0;
border: 1px solid rgba(255,255,255,.14) !important;
border-radius: 50%;
background: rgba(255,255,255,.1);
color: #fff !important;
transition: background .2s,transform .2s;
}
.social-wrapper.single-btn .w_head .i:hover {
background: rgba(255,255,255,.18);
transform: rotate(4deg);
}
.social-wrapper.single-btn .w_head .i svg { width: 11px !important; }
.social-wrapper.single-btn .w_list {
overflow: hidden;
border: 0;
border-radius: 0 0 21px 21px;
background: transparent;
}
.social-wrapper.single-btn .w_list ul li { border: 0; }
.social-wrapper.single-btn .w_list ul li > .soc_li_under {
gap: 14px;
min-height: 92px;
padding: 18px 20px;
background: rgba(255,255,255,.72);
transition: background .2s;
}
.social-wrapper.single-btn .w_list ul li:hover,
.social-wrapper.single-btn .w_list ul li:hover > .soc_li_under { background: rgba(240,246,255,.92); }
.social-wrapper.single-btn .soc_li_under > svg {
width: 48px !important;
color: #087cff !important;
filter: drop-shadow(0 7px 12px rgba(8,124,255,.18));
}
.social-wrapper.single-btn .w_list ul li a {
position: relative;
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
padding: 0 34px 0 0;
color: #111722;
line-height: 1.3;
}
.social-wrapper.single-btn .w_list ul li a b {
overflow: hidden;
font-size: 17px;
font-weight: 700;
letter-spacing: -.02em;
text-overflow: ellipsis;
white-space: nowrap;
}
.social-wrapper.single-btn .w_list ul li a small {
color: #747d8b;
font-size: 14px;
font-weight: 500;
}
.social-wrapper.single-btn .w_list ul li .online {
position: absolute;
top: 50%;
right: 3px;
width: 11px;
height: 11px;
margin: -6px 0 0;
padding: 0;
border: 2px solid #fff;
border-radius: 50%;
background: #22c55e;
box-shadow: 0 0 0 4px rgba(34,197,94,.13);
}
.social-wrapper.single-btn .w_list ul li .online::after { display: none; }
@keyframes adanetContactPanelIn {
from { opacity: 0; transform: translateY(10px) scale(.97); }
to { opacity: 1; transform: none; }
}
@media(max-width:767px) {
.social-wrapper.single-btn .w_kisiler { bottom: 62px; }
.social-wrapper.single-btn .w_head { min-height: 102px;padding:24px 56px 21px 21px;font-size:16px; }
.social-wrapper.single-btn .w_head .i { top:16px;right:16px;width:32px;height:32px; }
.social-wrapper.single-btn .w_list ul li > .soc_li_under { min-height:84px;padding:16px 18px; }
.social-wrapper.single-btn .soc_li_under > svg { width:44px !important; }
}
@media(prefers-reduced-motion:reduce) {
.social-wrapper.single-btn .w_kisiler.active { animation:none; }
}
/* ### Fixed Socials (s) ### */
.fixed-socials {
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.fixed-socials.circle.pos-left,
.fixed-socials.square.pos-left {
left: 0;
}
.fixed-socials.circle.pos-right,
.fixed-socials.square.pos-right {
right: 0;
}
.fixed-socials.default.pos-left {
left: -90px;
text-align: right;
}
.fixed-socials.default.pos-right {
left: calc(100% - 48px);
}
.fixed-socials ul li {
display: block;
margin: 5px 0;
background: rgba(0, 0, 0, 0.36);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
padding: 5px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 1s;
transition: all 1s;
}
.fixed-socials.circle.pos-left ul li {
-webkit-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
}
.fixed-socials.circle.pos-right ul li {
-webkit-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
}
.fixed-socials.square ul li {
-webkit-border-radius: 0;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
}
.fixed-socials ul li a {
color: #fff;
}
.fixed-socials.default.pos-left ul li:hover {
-webkit-transform: translate(85px, 0);
transform: translate(85px, 0);
}
.fixed-socials.default.pos-right ul li:hover {
-webkit-transform: translate(-85px, 0);
transform: translate(-85px, 0);
}
.fixed-socials ul li:hover i,
.fixed-socials ul li:hover .i {
color: #fff !important;
background-color: var(--primary-color);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 1s;
transition: all 1s;
}
.fixed-socials ul li.twitter i,
.fixed-socials ul li.twitter .i {
color: var(--twitter-hex);
}
.fixed-socials ul li.instagram i,
.fixed-socials ul li.instagram .i {
color: var(--instagram-hex);
}
.fixed-socials ul li.pinterest i,
.fixed-socials ul li.pinterest .i {
color: var(--pinterest-hex);
}
.fixed-socials ul li.youtube i,
.fixed-socials ul li.youtube .i {
color: var(--youtube-hex);
}
.fixed-socials ul li.facebook i,
.fixed-socials ul li.facebook .i {
color: var(--facebook-hex);
}
.fixed-socials ul li.whatsapp i,
.fixed-socials ul li.whatsapp .i {
color: var(--whatsapp-hex);
}
.fixed-socials ul li.linkedin i,
.fixed-socials ul li.linkedin .i {
color: var(--linkedin-hex);
}
.fixed-socials ul li.telegram i,
.fixed-socials ul li.telegram .i {
color: var(--telegram-hex);
}
.fixed-socials ul li.tumblr i,
.fixed-socials ul li.tumblr .i {
color: var(--tumblr-hex);
}
.fixed-socials ul li.reddit i,
.fixed-socials ul li.reddit .i {
color: var(--reddit-hex);
}
.fixed-socials ul li.discord i,
.fixed-socials ul li.discord .i {
color: var(--discord-hex);
}
.fixed-socials ul li.twitter:hover i,
.fixed-socials ul li.twitter:hover .i {
background: var(--twitter-hex);
}
.fixed-socials ul li.instagram:hover i,
.fixed-socials ul li.instagram:hover .i {
background: var(--instagram-hex);
}
.fixed-socials ul li.pinterest:hover i,
.fixed-socials ul li.pinterest:hover .i {
background: var(--pinterest-hex);
}
.fixed-socials ul li.youtube:hover i,
.fixed-socials ul li.youtube:hover .i {
background: var(--youtube-hex);
}
.fixed-socials ul li.facebook:hover i,
.fixed-socials ul li.facebook:hover .i {
background: var(--facebook-hex);
}
.fixed-socials ul li.whatsapp:hover i,
.fixed-socials ul li.whatsapp:hover .i {
background: var(--whatsapp-hex);
}
.fixed-socials ul li.linkedin:hover i,
.fixed-socials ul li.linkedin:hover .i {
background: var(--linkedin-hex);
}
.fixed-socials ul li.telegram:hover i,
.fixed-socials ul li.telegram:hover .i {
background: var(--telegram-hex);
}
.fixed-socials ul li.tumblr:hover i,
.fixed-socials ul li.tumblr:hover .i {
background: var(--tumblr-hex);
}
.fixed-socials ul li.reddit:hover i,
.fixed-socials ul li.reddit:hover .i {
background: var(--reddit-hex);
}
.fixed-socials ul li.discord:hover i,
.fixed-socials ul li.discord:hover .i {
background: var(--discord-hex);
}
.fixed-socials ul li i,
.fixed-socials ul li .i {
position: relative;
color: var(--primary-color);
padding: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 35px;
height: 35px;
font-size: 18px;
background: #ffffff;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fixed-socials ul li i::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.fixed-socials ul li .i {
display: flex;
align-items: center;
justify-content: center;
}
.fixed-socials ul li span.item-name {
width: 77px;
margin-left: 7px;
margin-right: 7px;
}
.fixed-socials.pos-right ul li span.item-name {
order: 1;
}
.fixed-socials.circle ul li span.item-name,
.fixed-socials.square ul li span.item-name {
display: none;
}
.fixed-socials.default ul li span.item-name,
.fixed-socials.default.pos-left ul li span.item-name,
.fixed-socials.default.pos-right ul li span.item-name {
display: none !important;
}
.fixed-socials span.item-name,
.fixed-socials .item-name {
display: none !important;
width: 0 !important;
margin: 0 !important;
}
/* ### Fixed Socials (f) ### */
/* Compact social menu */
.fixed-socials,.fixed-socials.circle,.fixed-socials.square,.fixed-socials.default{display:flex!important;align-items:center;gap:8px;top:50%;left:18px;right:auto;transform:translateY(-50%);z-index:20}
.fixed-socials.default.pos-left{left:18px;text-align:left}
.fixed-socials.pos-right{left:auto;right:18px;flex-direction:row-reverse}
.fixed-socials.default.pos-right{left:auto;right:18px}
.fixed-socials-toggle{position:absolute;left:0;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(116,174,255,.55);border-radius:50%;background:#0b1018;box-shadow:0 14px 36px rgba(0,0,0,.22);color:#7eb3ff;opacity:1;visibility:visible;transform:translateY(-50%);transition:background-color .25s,color .25s,opacity .22s,visibility 0s,transform .25s}
.fixed-socials.pos-right .fixed-socials-toggle{left:auto;right:0}
.fixed-socials-toggle:hover,.fixed-socials-toggle:focus-visible,.fixed-socials.is-open .fixed-socials-toggle{background:#1677df;color:#fff;transform:translateY(-50%) scale(1.04)}
.fixed-socials-toggle svg{stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.fixed-socials-close-icon{display:none}.fixed-socials.is-open .fixed-socials-open-icon{display:none}.fixed-socials.is-open .fixed-socials-close-icon{display:block}
.fixed-socials.is-open .fixed-socials-toggle{opacity:0;visibility:hidden;transform:translateY(-50%) scale(.7);pointer-events:none;transition-delay:0s}
.fixed-socials.is-closing .fixed-socials-toggle{opacity:0;visibility:hidden;transform:translateY(-50%) scale(.7);pointer-events:none;transition-delay:.34s}
.fixed-socials-panel{display:flex;align-items:center;gap:7px;width:max-content;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;visibility:hidden;transform:none;pointer-events:none}
.fixed-socials.pos-right .fixed-socials-panel{border:0;transform:none}
.fixed-socials.is-open .fixed-socials-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.fixed-socials.is-closing .fixed-socials-panel{opacity:1;visibility:visible;pointer-events:none}
.fixed-socials ul{display:flex;align-items:center;gap:7px}
.fixed-socials ul li,.fixed-socials.circle ul li,.fixed-socials.square ul li{display:block;margin:0;padding:0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.fixed-socials ul li:hover{transform:none!important}
.fixed-socials ul li{opacity:0;transform:translateX(-24px) scale(.72);transition:opacity .24s ease,transform .34s cubic-bezier(.55,0,.8,.2)}
.fixed-socials.is-closing ul li:nth-child(1){transition-delay:.24s}.fixed-socials.is-closing ul li:nth-child(2){transition-delay:.18s}.fixed-socials.is-closing ul li:nth-child(3){transition-delay:.12s}.fixed-socials.is-closing ul li:nth-child(4){transition-delay:.06s}.fixed-socials.is-closing ul li:nth-child(5){transition-delay:0s}
.fixed-socials.is-open ul li{opacity:1;transform:none;transition:opacity .2s ease,transform .32s cubic-bezier(.2,.85,.3,1.15)}
.fixed-socials.is-open ul li:nth-child(1){transition-delay:.02s}.fixed-socials.is-open ul li:nth-child(2){transition-delay:.06s}.fixed-socials.is-open ul li:nth-child(3){transition-delay:.1s}.fixed-socials.is-open ul li:nth-child(4){transition-delay:.14s}.fixed-socials.is-open ul li:nth-child(5){transition-delay:.18s}
.fixed-socials ul li a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #2d3a4c;border-radius:50%;background:#0b1018;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:border-color .2s,background-color .2s,transform .2s}
.fixed-socials ul li a:hover,.fixed-socials ul li a:focus-visible{border-color:#1677df;background:#131e2c;transform:translateY(-3px)}
.fixed-socials ul li .i,.fixed-socials ul li i{display:grid;place-items:center;width:20px;height:20px;padding:0;border-radius:0;background:transparent!important;font-size:18px;transform:none!important;transition:color .2s}
.fixed-socials ul li .i svg{max-width:20px;max-height:20px}.fixed-socials ul li.facebook .i{color:var(--facebook-hex)!important}.fixed-socials ul li.twitter .i{color:var(--twitter-hex)!important}.fixed-socials ul li.instagram .i{color:var(--instagram-hex)!important}.fixed-socials ul li.youtube .i{color:var(--youtube-hex)!important}
.fixed-socials-close{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #334154;border-radius:50%;background:#1677df;box-shadow:0 12px 28px rgba(0,0,0,.22);color:#fff;opacity:0;transform:translateX(-24px) scale(.72);transition:opacity .24s ease,transform .34s cubic-bezier(.55,0,.8,.2)}
.fixed-socials-close svg{stroke:currentColor;stroke-width:2;stroke-linecap:round}.fixed-socials.is-open .fixed-socials-close{opacity:1;transform:none;transition:opacity .2s ease .18s,transform .32s cubic-bezier(.2,.85,.3,1.15) .18s}.fixed-socials-close:hover,.fixed-socials-close:focus-visible{background:#0f65c4;transform:rotate(90deg)}
@media(max-width:767px){.fixed-socials,.fixed-socials.circle,.fixed-socials.square,.fixed-socials.default,.fixed-socials.pos-right,.fixed-socials.default.pos-left,.fixed-socials.default.pos-right{top:auto;bottom:18px;left:14px;right:auto;align-items:flex-start;flex-direction:row;transform:none}.fixed-socials-toggle{width:44px;height:44px;flex-basis:44px}.fixed-socials-panel,.fixed-socials.pos-right .fixed-socials-panel{gap:6px;padding:0;border:0;transform:none}.fixed-socials ul{gap:6px}.fixed-socials ul li a,.fixed-socials-close{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.fixed-socials-toggle,.fixed-socials-panel,.fixed-socials ul li,.fixed-socials ul li a,.fixed-socials-close{transition:none}}
#portfolio-filters .nav-link {
margin: 0 3px 6px;
}
#portfolio-filters .nav-link:not(.active) {
border: 1px solid var(--primary-color);
color: var(--primary-color);
}
#portfolio-filters .nav-link:not(.active):hover {
background-color: var(--primary-color-o2);
}
#portfolio-filters .nav-link.active {
--bs-nav-pills-link-active-bg: var(--primary-color);
}
.madde-wrapper .other-details > p:last-child {
margin-bottom: 0;
}
.madde-media-item {
font-size: 25px;
}
.madde-media-item svg {
width: 1em;
font-size: 25px;
}
.madde-media-item img {
width: 30px;
}
/** General usage (f) **/
/** Navbar Menu (s) **/
.navbar-toggler:focus {
box-shadow: none;
}
#navbarNavDropdown .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
#navbarNavDropdown .dropdown:hover .dropdown-menu,
#navbarNavDropdown .dropdown-menu.show {
display: block;
left: auto;
right: 0;
margin-top: 0;
}
/** Navbar Menu (f) **/
/** Header (s) **/
.header-top-wrapper {
background-color: var(--header-bg);
/* border-top: 3px solid var(--primary-color); */
font-size: var(--web-fs);
}
.diller .btn.dropdown-toggle {
box-shadow: none;
outline: none;
border: none;
}
.diller img.img-item {
width: 24px;
}
.diller .dropdown-item {
color: inherit;
}
.diller .dropdown-item.active {
color: var(--primary-color);
background-color: #e9ecef;
}
.diller .dropdown-toggle::after {
display: none;
}
.diller > ul > li > a > span {
color: var(--header-color);
}
.diller > ul > li + li {
position: relative;
}
.diller > ul > li + li::after {
content: '';
position: absolute;
left: -4px;
width: 1px;
top: 5px;
bottom: 5px;
background-color: var(--header-color);
}
.sosyal_medya > li,
.sosyal_medya_header > li {
display: inline-block;
}
.header-top a,
.header-top .a,
.header-top input.form-control,
.header-top .diller > button > span {
font-size: 0.9em;
color: var(--header-color);
}
.header-top a:hover {
color: var(--header-color-hover);
}
header {
position: var(--header-position);
left: 0;
right: 0;
z-index: 3;
background-color: var(--header-bg);
}
body.menu_open header {
z-index: 4;
}
body.fixed-menu header.fixed {
position: var(--header-fixed-position);
top: 0;
background-color: var(--header-fixed-bg);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
backdrop-filter: saturate(250%) blur(5px);
-webkit-backdrop-filter: saturate(250%) blur(5px);
}
header img.logo {
height: var(--web-logo);
transition: ease-in-out all var(--transition);
}
body.fixed-menu header.fixed img.logo {
height: var(--fixed-web-logo);
}
/** Header (f) **/
/** Footer (s) **/
footer {
font-size: 0.9rem;
position: relative;
color: var(--color);
background-color: var(--footer-bg);
}
footer .footer_title {
color: var(--color-title);
font-weight: 600;
font-size: 18px;
position: relative;
padding-bottom: 10px;
margin-bottom: 0;
}
footer a,
footer p,
footer .blockquote-footer {
color: var(--color);
}
footer a:hover {
color: var(--color-hover);
}
footer .f-logo {
width: 100%;
max-width: var(--logo);
}
.sosyal_medya_header a {
padding: 5px;
font-size: 1.1em;
}
.footer-menu-wrapper.horizontal,
.footer-menu-wrapper.horizontal .footer-menu-category {
display: flex;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
}
.footer-menu-wrapper.horizontal .footer-menu-category > .footer_title {
width: 100%;
}
.footer-menu-wrapper.horizontal > div:not(.footer-menu-category) {
flex: 0 0 auto;
width: auto;
max-width: 100%;
margin-top: var(--bs-gutter-y);
}
footer .sosyal_medya a {
display: block;
align-items: center;
justify-content: center;
font-size: 1.4em;
color: var(--color);
margin-right: 20px;
/* background-color: red; */
}
footer .sosyal_medya a.facebook:hover {
color: var(--facebook-hex);
}
footer .sosyal_medya a.twitter:hover {
color: var(--twitter-hex);
}
footer .sosyal_medya a.instagram:hover {
color: var(--instagram-hex);
}
footer .sosyal_medya a.youtube:hover {
color: var(--youtube-hex);
}
footer .sosyal_medya a.pinterest:hover {
color: var(--pinterest-hex);
}
footer .sosyal_medya a.linkedin:hover {
color: var(--linkedin-hex);
}
footer .sosyal_medya a.whatsapp:hover {
color: var(--whatsapp-hex);
}
footer .sosyal_medya a:hover {
transition: ease-in-out all var(--transition);
}
@media (max-width: 992px) {
footer .f-logo {
max-width: var(--logo-m);
}
}
@media (max-width: 992px) {
footer .f-logo {
max-width: var(--logo-m);
}
}
/** Footer (f) **/
/** custom menu(s) **/
.anamenu > ul > li {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center;
align-items: center;
}
.anamenu > ul > li > a {
position: relative;
}
.anamenu > ul li a {
font-size: var(--mobil-fs);
font-weight: 500;
}
.anamenu > ul li a:hover {
text-decoration: none;
}
.anamenu ul ul {
position: absolute;
background: #fff;
}
header.fixed {
--header-color: var(--header-fixed-color);
}
@media (min-width: 992px) {
.anamenu {
position: unset !important;
height: auto !important;
overflow: visible !important;
}
.anamenu li.ustmenu {
display: none !important;
}
header .web-icons svg {
color: var(--header-color);
}
.anamenu a {
color: var(--header-color);
line-height: 1.5;
font-weight: 500;
}
.anamenu > ul > li > a {
color: var(--header-color);
}
header.fixed .anamenu > ul > li:hover > a {
color: var(--header-fixed-color-hover);
}
.anamenu > ul.list-unstyled {
text-align: center;
}
.anamenu > ul.list-unstyled ul.list-unstyled {
text-align: left;
}
.anamenu > ul.list-unstyled > li:last-child {
border-right: none;
}
.anamenu li > a:hover {
color: var(--header-color-hover);
}
.anamenu > ul > li {
/*-ms-flex: 1 0 auto;flex: 1 0 auto;*/
width: auto;
max-width: 100%;
display: block !important;
}
.anamenu > ul > li > a {
display: block !important;
font-size: var(--web-fs);
font-weight: 500;
padding: 10px;
height: 100%;
}
.anamenu ul ul .active > a {
border-color: transparent !important;
background-color: #ffffff;
}
.anamenu ul ul {
min-width: 160px;
right: auto;
height: auto;
z-index: 100;
border-top: 3px solid var(--primary-color);
opacity: 0;
visibility: hidden;
transition: opacity 200ms, visibility 200ms;
}
.anamenu ul:not(.dropdown-menu) li {
display: inline-block;
position: relative;
}
.anamenu > ul > li {
border-bottom: none !important;
}
.anamenu ul li span {
display: none !important;
}
.anamenu ul li a {
padding: 8px;
}
.anamenu ul li li {
display: block;
height: auto;
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
.anamenu ul li li a {
font-weight: 500;
white-space: nowrap;
text-transform: none;
line-height: normal;
padding: 10px;
border: none;
display: block;
color: #000;
transition: ease-in-out all 0.2s;
height: auto;
}
.anamenu ul li li > a:hover {
background-color: #fff;
color: var(--primary-color);
}
.anamenu ul li:hover > ul {
visibility: visible;
opacity: 1;
}
.anamenu ul ul {
height: auto !important;
left: auto !important;
}
.anamenu ul ul ul {
left: inherit;
top: 0px;
right: 100%;
}
.anamenu ul ul::before {
content: none !important;
}
.anamenu > ul > li.mega-menu {
position: unset;
}
.anamenu > ul > li.mega-menu > ul {
max-width: 960px;
width: 100%;
margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
margin-left: calc(var(--bs-gutter-x) * 0.5) !important;
left: 50% !important;
transform: translateX(-50%);
top: auto !important;
border-top: none;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
max-height: calc(100vh - var(--header-height) * 2);
overflow-y: scroll;
padding: 5px;
}
.anamenu > ul > li.mega-menu > ul > li {
flex: 0 0 auto;
width: 33.33333333%;
border-right: 1px solid var(--bs-border-color);
margin-bottom: 15px;
margin-top: 15px;
padding-left: 40px;
}
.anamenu > ul > li.mega-menu > ul > li:last-child,
.anamenu > ul > li.mega-menu > ul > li:nth-child(3n) {
border-right: none;
}
.anamenu
> ul
> li.mega-menu
> ul
> li:nth-child(3n):not(:last-child)::after {
content: '';
position: absolute;
right: -25px;
border-bottom: 1px solid var(--bs-border-color);
width: 100vw;
bottom: -15px;
}
.anamenu > ul > li.mega-menu > ul li > a:hover {
text-indent: 0;
}
.anamenu > ul > li.mega-menu > ul ul {
top: auto !important;
right: 0;
left: 0 !important;
padding-left: calc(var(--bs-gutter-x) * 0.25);
border-top: none;
position: relative;
visibility: visible;
opacity: 1;
}
.anamenu > ul > li.mega-menu > ul > li.has-child > a {
font-weight: 700;
}
.anamenu > ul > li.mega-menu > ul li {
border-bottom: none;
}
}
@media (min-width: 1200px) {
.anamenu > ul > li.mega-menu > ul {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.anamenu > ul > li.mega-menu > ul {
max-width: 1320px;
}
}
@media (max-width: 992px) {
.mobile-icons svg {
color: var(--header-color);
}
header img.logo {
height: var(--mobil-logo);
}
body.fixed-menu header.fixed img.logo {
height: var(--fixed-mobil-logo);
}
.navHeader {
background-color: #000;
position: relative;
z-index: 9;
}
.navHeader span {
height: 65px;
width: 65px;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.anamenu {
position: fixed;
z-index: 9;
left: -100%;
top: 0;
width: 100%;
height: 100vh;
background: #fff;
overflow: hidden;
transition: all var(--transition) ease-in-out;
}
.anamenu ul ul:before {
content: '';
display: block;
height: 65px;
}
.anamenu ul {
list-style: none;
padding: 0;
transition: all 300ms ease-in-out;
}
.anamenu ul ul {
top: 0;
height: 100%;
width: 100%;
left: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 1;
}
.anamenu ul li {
border-bottom: 1px solid #dddddd;
}
.anamenu ul li a {
display: flex;
align-items: center;
height: 45px;
padding-left: 12px;
white-space: nowrap;
color: #7c7c7c;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500;
}
.anamenu ul li a:hover {
color: var(--primary-color);
}
.anamenu ul li span {
display: block;
background-color: #f5f5f5;
height: 45px;
width: 45px;
float: right;
background-image: url('data:image/svg+xml,');
background-size: 19px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
right: 0;
}
.ustmenu {
padding: 12px;
color: #fff;
font-weight: 700;
background-color: var(--primary-color);
position: relative;
text-indent: 40px;
}
.ustmenu i {
background-color: #e8e6e6;
height: 100%;
width: 45px;
position: absolute;
left: 0;
top: 0;
background-image: url('data:image/svg+xml,');
background-size: 19px;
background-position: center;
background-repeat: no-repeat;
}
}
/** custom menu(f) **/
/** Slider (s) **/
/* .slider-wrapper .carousel-item:first-child > video {transform: scale(1.2);transition: 2.5s;}
body.loaded .slider-wrapper .carousel-item:first-child > video {transform: scale(1);transition-delay: .2s;} */
.carousel-item {
z-index: 1;
}
.slider-wrapper .carousel-item img.slide-media-item,
.slider-wrapper .carousel-item video.slide-media-item {
object-fit: cover;
}
.slider-wrapper .carousel-item video.slide-media-item {
width: 100%;
margin-bottom: -6px;
}
.slider-wrapper .carousel-item video.slide-media-item + .description-container {
height: calc(100% - 6px);
}
.slider-wrapper .slide-area,
.slider-wrapper .carousel-inner,
.slider-wrapper .carousel-item,
.slider-wrapper .carousel-item img.slide-media-item,
.slider-wrapper .carousel-item video.slide-media-item {
height: var(--web-height);
min-height: var(--web-height);
max-height: var(--web-height);
}
.description-container {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.slider-wrapper .description-container > .description {
left: 0%;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
max-width: 470px;
}
.slide-area .description {
display: inline-table;
width: 100%;
font-size: var(--web-fs);
}
.slide-area .description .in-wrapper {
height: fit-content;
}
.default-features-wrapper {
position: absolute;
right: 3%;
bottom: 0;
z-index: 3;
margin-bottom: 120px;
text-align: center;
}
.default-features-wrapper > .count-item {
position: relative;
font-size: 45px;
font-weight: bolder;
color: #fff;
}
.default-features-wrapper::before,
.default-features-wrapper::after {
content: '';
position: absolute;
border-radius: 50%;
transform: translateX(-50%);
transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all var(--transition);
}
.default-features-wrapper::before {
width: 120px;
height: 120px;
border: 15px solid var(--primary-color);
}
.default-features-wrapper::after {
width: 190px;
height: 190px;
background-color: #cecece4b;
}
.carousel-item .default-features-wrapper::before {
top: -20px;
}
.carousel-item .default-features-wrapper::after {
top: -60px;
}
.carousel-item.active .default-features-wrapper::before {
top: -90px;
}
.carousel-item.active .default-features-wrapper::after {
top: -10px;
}
.default-features {
z-index: 3;
position: relative;
}
.carousel.slide.carousel-zoom-up-right .carousel-item .slide-media-item {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
.carousel.slide.carousel-zoom-up-right .carousel-item.active .slide-media-item {
-webkit-animation: kenburnsUpRight ease-out forwards;
animation: kenburnsUpRight ease-out forwards;
animation-duration: 12000ms;
}
@-webkit-keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.slider-title {
font-size: 1em;
color: var(--web-color);
}
.slider-title .typing-text {
display: block;
}
.slider-title .typing-text[data-animation='fade'] {
color: var(--primary-color);
}
.slider-title .typing-text:not([data-animation='fade']) {
-webkit-text-stroke: 1.5px var(--web-color);
-webkit-text-fill-color: transparent;
letter-spacing: 0.07em;
}
.slider-description {
font-size: 0.75em;
color: var(--web-color);
}
.slider-link {
font-size: 0.5em;
}
body.innerpage .slide-area img {
min-height: 250px;
}
body.innerpage
#slideCarousel.slide-area
.carousel-inner
> .carousel-item.active::after {
position: absolute;
top: 35%;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.57) 0%,
rgba(255, 255, 255, 0) 100%
);
}
.slider-wrapper .carousel-inner > .carousel-item.active::after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0%;
z-index: 1;
background: var(--shadow);
}
.slider-wrapper .carousel-indicators.round > li {
width: 14px;
height: 14px;
border-radius: 100%;
}
.slider-wrapper .carousel-indicators.square > li {
width: 14px;
height: 14px;
border-radius: 0;
}
.banner-thumbnail {
position: relative;
z-index: 1;
}
.shape-group {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.shape-group .shape-group-item {
margin: 0;
position: absolute;
z-index: -1;
overflow: hidden;
}
.shape-group .shape-group-item > img {
transform: translateX(-100vw);
}
.shape-group .shape-group-item:nth-child(odd) > img {
filter: drop-shadow(100vw 0 0 var(--primary-color));
}
.shape-group .shape-group-item:nth-child(even) > img {
filter: drop-shadow(100vw 0 0 var(--secondary-color));
}
.shape-group.slide-shape-group li.shape-1 {
top: 30px;
left: 80px;
}
.shape-group.slide-shape-group li.shape-2 {
top: 114px;
right: 41px;
}
.shape-group li.shape-3 {
bottom: 100px;
right: -50px;
}
.shape-group li.shape-4 {
top: -40px;
right: -50px;
}
.slide-shape-group li.shape-5 {
top: -30px;
left: -100%;
}
.anim-zoom1 {
-webkit-animation: zoom1 5s alternate infinite linear;
animation: zoom1 5s alternate infinite linear;
}
.anim-zoom2 {
-webkit-animation: zoom2 5s alternate infinite linear;
animation: zoom2 5s alternate infinite linear;
}
.anim-x-move {
-webkit-animation: sm-x-move 3.5s alternate infinite linear;
animation: sm-x-move 3.5s alternate infinite linear;
}
.anim-rotate {
-webkit-animation: rotateIt 11s linear infinite;
animation: rotateIt 11s linear infinite;
}
.anim-rotate-x {
-webkit-animation: rotate-x 11s linear infinite;
animation: rotate-x 11s linear infinite;
}
.anim-rotate-y {
-webkit-animation: rotate-y 11s linear infinite;
animation: rotate-y 11s linear infinite;
}
.anim-rotate-reverse {
-webkit-animation: rotateItReverse 11s linear infinite;
animation: rotateItReverse 11s linear infinite;
}
@-webkit-keyframes sm-x-move {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
100% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@keyframes sm-x-move {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
100% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@-webkit-keyframes rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes zoom1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
}
@keyframes zoom1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
}
@-webkit-keyframes zoom2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes zoom2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes rotateIt {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotateIt {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateItReverse {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotateItReverse {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.row.tns-slider.tns-carousel {
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
.row.owl-carousel .owl-item > * {
width: 100%;
}
.tns-nav {
text-align: center;
margin: 10px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tns-nav > [aria-controls] {
width: 12px;
height: 12px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0;
}
.tns-nav > .tns-nav-active {
background: #999;
}
.tns-outer {
position: relative;
}
.tns-controls {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.tns-controls > button {
padding: 0;
-webkit-user-select: none;
user-select: none;
border: none;
border-radius: var(--bs-border-radius);
--bs-bg-opacity: 0.5;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity));
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.tns-controls > button:hover {
--bs-bg-opacity: 0.75;
}
.tns-outer[data-controlspos^='top-']
.tns-controls:not([style*='display: none'])
~ .tns-ovh {
padding-top: 50px !important;
}
.tns-outer[data-controlspos^='bottom-']
.tns-controls:not([style*='display: none'])
~ .tns-ovh {
padding-bottom: 15px !important;
}
.tns-outer[data-controlspos='top-left'] .tns-controls {
top: 0;
left: 0;
}
.tns-outer[data-controlspos='top-center'] .tns-controls {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.tns-outer[data-controlspos='top-right'] .tns-controls {
top: 0;
right: 0;
}
.tns-outer[data-controlspos='bottom-left'] .tns-controls {
bottom: 0;
left: 0;
}
.tns-outer[data-controlspos='bottom-center'] .tns-controls {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.tns-outer[data-controlspos='bottom-right'] .tns-controls {
bottom: 0;
right: 0;
}
.tns-outer[data-controlspos='middle'] .tns-controls {
height: 0;
top: 50%;
left: 0;
right: 0;
transform: translatey(-100%);
display: flex;
align-items: center;
justify-content: space-between;
}
.tns-outer[data-controlspos='top-center'] .tns-controls > button,
.tns-outer[data-controlspos='bottom-center'] .tns-controls > button {
margin-left: 3px;
margin-right: 3px;
}
.textFade {
animation: textFade ease-out forwards 1s;
animation-fill-mode: both;
}
.textFadeIn {
animation: textFadeIn ease-out forwards 0.5s;
}
.textZoomIn {
animation: textZoomIn ease-out forwards 0.5s;
}
.textUpToBottom {
animation: textUpToBottom ease-out forwards 0.5s;
}
.textBottomToUp {
animation: textBottomToUp ease-out forwards 0.5s;
}
.textLeftToRight {
animation: textLeftToRight ease-out forwards 0.5s;
}
.textRightToLeft {
animation: textRightToLeft ease-out forwards 0.5s;
}
@-webkit-keyframes textFade {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes textFade {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes textFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes textFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes textZoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes textZoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes textUpToBottom {
0% {
transform: translate(0, -2em);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes textBottomToUp {
0% {
transform: translate(0, 2em);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes textLeftToRight {
0% {
transform: translate(-3em, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes textRightToLeft {
0% {
transform: translate(3em, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
.wave-bottom {
--wave-w-height: 60px;
--wave-m-height: 60px;
display: block;
width: 100%;
position: absolute;
bottom: -2px;
object-fit: fill;
object-position: top;
height: var(--wave-w-height);
z-index: 2;
}
.carousel.slide.animated .carousel-item .description > .in-wrapper > * {
opacity: 0;
margin-bottom: 0;
color: var(--web-color);
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(1) {
animation-delay: 0s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(2) {
animation-delay: 0.2s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(3) {
animation-delay: 0.4s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(4) {
animation-delay: 0.6s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(5) {
animation-delay: 0.8s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(6) {
animation-delay: 1s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(7) {
animation-delay: 1.2s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(8) {
animation-delay: 1.4s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(9) {
animation-delay: 1.6s;
}
.carousel.slide.animated
.carousel-item.active
.description
> .in-wrapper
> *:nth-child(9)
+ * {
animation-delay: 1.8s;
}
.carousel.slide.animated .carousel-item.active .description > .in-wrapper > * {
animation: var(--text-animation) ease-out forwards 0.5s;
}
/* .carousel.slide.animated .carousel-item.active.carousel-item-start,
.carousel.slide.animated .carousel-item.active.carousel-item-end {opacity: 0 !important;transition: none !important;} */
@media (max-width: 992px) {
.slider-wrapper .description-container > .description {
max-width: 100%;
}
.carousel.slide.animated .carousel-item .description > .in-wrapper > * {
color: var(--mobil-color);
}
.slider-wrapper .slide-area,
.slider-wrapper .carousel-inner,
.slider-wrapper .carousel-item,
.slider-wrapper .carousel-item img.slide-media-item,
.slider-wrapper .carousel-item video.slide-media-item {
height: var(--mobil-height);
min-height: var(--mobil-height);
max-height: var(--mobil-height);
}
.slide-area .description {
font-size: var(--mobil-fs);
}
.slider-title {
color: var(--mobil-color);
}
.slider-description {
color: var(--mobil-color);
}
.wave-bottom {
height: var(--wave-m-height);
}
.slide-shape-group li.shape-5 {
left: 0;
}
}
/** Slider (f) **/
/* animation (s) */
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* animation (f) */
/* services hover flip (s) */
.services-wrapper {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.services-wrapper,
.services-wrapper .img-container > img {
min-height: 365px;
}
.services-wrapper .img-container {
overflow: hidden;
}
.services-wrapper .img-container::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
}
.services-wrapper:hover .img-container::after {
background-color: rgba(0, 0, 0, 0.75);
}
.servicebox_front,
.servicebox_back {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.25);
transition: 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.25);
}
.servicebox_front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
z-index: 2;
}
.servicebox_back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
z-index: 1;
}
.services-wrapper:hover .servicebox_front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: 1;
}
.services-wrapper:hover .servicebox_back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
z-index: 2;
}
.servicebox_front .servicebox_inner,
.servicebox_back .servicebox_inner {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.servicebox_front .servicebox_inner {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
}
.servicebox_back .servicebox_inner {
-webkit-transform: translateZ(125px);
transform: translateZ(125px);
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);
transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}
.services-wrapper:hover .servicebox_front .servicebox_inner {
-webkit-transform: translateZ(125px);
transform: translateZ(125px);
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);
transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}
.services-wrapper:hover .servicebox_back .servicebox_inner {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;
}
.services-wrapper .text-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 30px;
}
.services-wrapper .txt-title {
font-size: 20px;
width: 100%;
}
.services-wrapper .aciklama {
color: #ffffff;
font-size: 17px;
min-height: 102px;
}
.services-wrapper .link-item {
background-color: var(--custom);
color: var(--article);
padding: 0.25rem 0.5rem;
}
/* services hover flip (f) */
.comment-wrapper .comment-header::before {
content: '';
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: -10px;
background-repeat: no-repeat;
background-position: center center;
}
.comment-wrapper .comment-content {
display: -webkit-box;
-webkit-box-orient: vertical;
transition: height 0.5s;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
overflow: hidden;
}
.comment-wrapper .comment-read-more {
display: block;
padding: 5px 0 0;
text-align: left;
font-weight: 400;
font-size: 12.6px;
opacity: 0.5;
cursor: pointer;
}
.comment-wrapper .comment-read-more:hover {
opacity: 1 !important;
}
.star-rate-item {
display: inline-block;
width: 23px;
height: 22px;
font-size: 1.75rem;
line-height: 1;
color: #edf0f1;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.star-rate-item.filled {
color: #ffd600;
background-image: url('data:image/svg+xml,');
}
[data-bg_text]::before {
content: attr(data-bg_text);
font-size: 13vw;
opacity: 0.05;
z-index: 0;
position: absolute;
left: 0;
top: 7%;
transform: translateY(-50%);
font-weight: bold;
color: var(--primary-color-o8);
width: 100%;
}
@media (min-width: 1920px) {
[data-bg_text]::before {
font-size: 200px;
}
}
.table-layout-fixed {
table-layout: fixed;
}
table .tooltip-icon {
background: rgba(var(--bs-secondary-rgb), 0.12);
color: var(--bs-secondary);
border-radius: 50%;
padding: 0 6px;
font-weight: 600;
margin-left: 5px;
cursor: pointer;
}
table .block-parameter {
border-bottom-width: 1px;
}
table .block-parameter .block-parameter-row {
position: sticky;
left: 0;
padding: 0.25rem 0 0.1875rem;
display: inline-block;
}
.detail-article .table-responsive > table {
min-width: 700px;
}
@media (max-width: 992px) {
.carousel-item.active .default-features-wrapper::before {
top: -40px;
width: 70px;
height: 70px;
border-width: 8px;
}
.carousel-item.active .default-features-wrapper::after {
top: -10px;
width: 120px;
height: 120px;
}
.default-features-wrapper > .count-item {
font-size: 30px;
font-weight: 600;
}
}
/* ===== Adanet premium portfolio listing (all_sub_pages / alt_sayfa 66) ===== */
.adanet-portfolio-wrap{padding:20px 0 10px}
.adanet-portfolio-section{margin-bottom:74px}
.adanet-portfolio-section:last-child{margin-bottom:0}
.adanet-portfolio-head{max-width:760px;margin-bottom:34px}
.adanet-portfolio-head .adanet-kicker{margin-bottom:12px}
.adanet-portfolio-head h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:680;letter-spacing:-.03em;color:#0b0d12}
.adanet-portfolio-count{display:inline-block;margin-left:10px;padding:4px 12px;border-radius:999px;background:#f0f3f7;color:#68707d;font-size:13px;font-weight:600;letter-spacing:0;vertical-align:middle}
.adanet-portfolio-jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:56px}
.adanet-portfolio-jump a{padding:9px 16px;border:1px solid #e6e9ee;border-radius:999px;color:#3a3f47;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.adanet-portfolio-jump a:hover{background:#087cff;border-color:#087cff;color:#fff}
.adanet-portfolio-head p{margin:12px 0 0;color:#68707d;font-size:16px;line-height:1.6}
.adanet-portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adanet-portfolio-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:34px}
.adanet-portfolio-pager button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border:1px solid #e6e9ee;border-radius:12px;background:#fff;color:#3a3f47;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.adanet-portfolio-pager button:hover{border-color:#087cff;color:#087cff}
.adanet-portfolio-pager button.is-active{background:#087cff;border-color:#087cff;color:#fff}
.adanet-portfolio-pager button:disabled{opacity:.35;cursor:default;pointer-events:none}
.adanet-portfolio-pager-prev,.adanet-portfolio-pager-next{color:#8a929d}
.adanet-portfolio-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e6e9ee;border-radius:22px;background:#fff;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s}
.adanet-portfolio-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(23,35,55,.1);border-color:transparent}
.adanet-portfolio-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f5f7fa}
.adanet-portfolio-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.adanet-portfolio-card:hover .adanet-portfolio-visual img{transform:scale(1.06)}
.adanet-portfolio-visual-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#101921,#183c58)}
.adanet-portfolio-visual-fallback span{font-size:44px;font-weight:800;color:#fff;letter-spacing:-.05em}
.adanet-portfolio-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.adanet-portfolio-body h3{margin:0 0 8px;font-size:18px;font-weight:650;letter-spacing:-.02em;color:#0b0d12;line-height:1.3}
.adanet-portfolio-excerpt{margin:0 0 14px;color:#747c87;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.adanet-portfolio-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#087cff;font-size:13px;font-weight:650}
.adanet-portfolio-more svg{transition:transform .3s}
.adanet-portfolio-card:hover .adanet-portfolio-more svg{transform:translateX(4px)}
@media(max-width:991px){.adanet-portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.adanet-portfolio-grid{grid-template-columns:1fr}}
/* Mobile inner-page rhythm and category navigation */
.adanet-page-hero-content{position:relative}
.adanet-page-hero-copy{position:relative;z-index:1;min-width:0}
.adanet-page-hero-copy>p{max-width:800px;margin:0;color:#6d7581;font-size:20px;line-height:1.6}
.adanet-page-hero{padding:46px 0 36px}
.adanet-page-yonca{position:absolute;z-index:0;top:-209px;right:calc((100% - 100vw)/2 - 243px);display:block;width:600px;max-width:none;aspect-ratio:1;object-fit:contain;opacity:.96;filter:drop-shadow(0 24px 36px rgba(8,124,255,.16));pointer-events:none;user-select:none}
@media(max-width:767px){
.adanet-page-hero{padding:18px 0 28px}
.adanet-page-hero-content{min-height:0}
.adanet-page-yonca{top:-89px;right:calc((100% - 100vw)/2 - 99px);width:250px;opacity:.18;filter:none}
.adanet-page-breadcrumb{margin-bottom:18px}
.adanet-page-hero h1{margin-top:10px;font-size:clamp(42px,12vw,52px)}
.adanet-page-hero-copy>p{font-size:16px;line-height:1.58}
.adanet-page-body{padding-top:26px}
.adanet-portfolio-wrap{padding-top:4px}
.adanet-portfolio-jump{display:flex;flex-wrap:nowrap;gap:9px;margin:0 -4px 34px;padding:4px 4px 10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.adanet-portfolio-jump::-webkit-scrollbar{display:none}
.adanet-portfolio-jump a{flex:0 0 auto;padding:11px 16px;border-color:#dde3eb;border-radius:14px;background:#f7f9fc;color:#303640;font-size:13px;scroll-snap-align:start}
.adanet-portfolio-jump a:active{background:#087cff;border-color:#087cff;color:#fff}
.adanet-portfolio-section{margin-bottom:26px}
.adanet-portfolio-head{margin-bottom:25px}
.adanet-portfolio-pager{gap:7px;margin-top:24px;margin-bottom:4px;overflow:hidden}
.adanet-portfolio-pager button{min-width:38px;width:38px;height:38px;padding:0;border-radius:11px}
.adanet-portfolio-pager button[hidden]{display:none!important}
header img.logo{width:auto!important;height:36px!important;max-width:175px}
header .adanet-wordmark{transform:scale(1.1);transform-origin:left center}
}
@media(min-width:768px) and (max-width:991px){.adanet-page-yonca{top:-151px;right:calc((100% - 100vw)/2 - 178px);width:440px}}
/* Keep premium navigation overrides after legacy menu rules. */
@media(max-width:991px){
body.menu_open{overflow:hidden}
header img.logo{width:auto!important;height:40px!important;max-width:190px!important}
header .logo_a{display:flex!important;align-items:center;min-height:60px}
header .adanet-wordmark{transform:scale(1.15);transform-origin:left center}
header .anamenu{background:#f5f6f8!important}
header .anamenu>ul.list-unstyled{gap:8px!important;margin:0!important;padding:18px 16px 12px!important}
header .anamenu>ul.list-unstyled>li{overflow:hidden;border:1px solid #e5e8ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 1px 2px rgba(20,30,50,.03)}
header .anamenu>ul.list-unstyled>li>a{position:relative;height:auto!important;min-height:72px;padding:15px 52px!important;font-size:18px!important;line-height:1.2}
header .anamenu>ul.list-unstyled>li.has-child>a.adanet-nav-cta{min-height:72px;padding:15px 52px!important;border-radius:0!important;background:transparent!important;color:#0b0d12!important}
header .anamenu ul li span{top:13px!important;right:12px!important;width:38px!important;height:46px!important;border-radius:13px!important;background:#f4f6f9!important;background-image:none!important}
header .anamenu ul ul{display:none!important;position:static!important;width:auto!important;height:auto!important;margin:0 14px 14px 52px!important;padding:4px 0 7px!important;border-left:1px solid #dfe4eb!important;overflow:visible!important}
header .anamenu li.has-child.is-open>ul{display:flex!important}
header .anamenu ul ul li{border:0!important}
header .anamenu ul ul li a{height:auto!important;min-height:0!important;padding:9px 12px!important;font-size:14px!important;white-space:normal!important}
.adanet-mobile-menu-footer{margin-top:auto;padding:12px 16px 20px}
.adanet-mobile-menu-cta{display:flex!important;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px!important;border-radius:17px;background:#0b0d12;color:#fff!important;font-size:15px!important;font-weight:650}
}
/* Unified Adanet contact dock. */
.social-wrapper:not(.single-btn){right:22px;bottom:22px;width:auto;max-width:none}
.social-wrapper:not(.single-btn) .w_hizala{display:flex;width:auto;gap:8px;line-height:normal}
.social-wrapper:not(.single-btn) .w_hizala>.w_buton{display:grid!important;place-items:center;width:54px!important;height:54px!important;max-width:none;flex:0 0 54px!important;padding:0!important;border:1px solid #344154!important;border-radius:50%!important;background:#0b1018!important;box-shadow:0 10px 24px rgba(4,10,20,.28);color:#fff;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.social-wrapper:not(.single-btn) .w_hizala>.w_buton:hover{border-color:#087cff!important;background:#087cff!important;transform:translateY(-3px)}
.social-wrapper:not(.single-btn) .w_hizala>.w_buton svg{width:22px!important;height:22px;color:#fff!important}
.social-wrapper:not(.single-btn) .w_kisiler{right:0;bottom:70px;width:min(360px,calc(100vw - 28px));border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(10,20,38,.2)}
.social-wrapper:not(.single-btn) .w_kisiler.active{display:block;opacity:1;transform:none}
.social-wrapper:not(.single-btn) .w_head{min-height:82px;padding:24px 52px 20px 22px;border-radius:13px 13px 0 0;background:#0b1018!important;color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-align:left}
.social-wrapper:not(.single-btn) .w_head .i{top:15px;right:15px;left:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.2)!important;background:#087cff;transform:none}
.social-wrapper:not(.single-btn) .w_list{border-radius:0 0 13px 13px;background:#fff}
.social-wrapper:not(.single-btn) .w_list ul li>.soc_li_under{min-height:78px;padding:15px 18px;background:#fff}
@media(max-width:767px){.social-wrapper:not(.single-btn){right:14px;bottom:14px}.social-wrapper:not(.single-btn) .w_hizala>.w_buton{width:48px!important;height:48px!important;flex-basis:48px!important}.social-wrapper:not(.single-btn) .w_kisiler{bottom:62px}}