header .swiper{width:100%;height:100%;min-height:53vw;background-color:#eee}header .swiper-slide{display:flex;justify-content:center;align-items:center}header .swiper-slide picture{width:100%}header .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/8.6}#story ul{position:relative;list-style:none;display:flex;justify-content:center;flex-direction:row;padding-block:10rem;overflow:auto}#story ul::-webkit-scrollbar{height:0;display:none}#story ul li{position:relative;display:block;width:12rem;height:12rem;border-radius:50%;background:linear-gradient(135deg,#00d2dc,#00e196);margin-inline:1rem;box-shadow:0 0 1.5rem #0fa;aspect-ratio:1;cursor:pointer}#story ul li:last-child{margin-right:0}#story ul li .img-box{position:absolute;top:.5rem;left:.5rem;width:11rem;height:11rem;display:inline-flex;justify-content:center;align-items:center;border-radius:inherit;background:#3c4e59;overflow:hidden}#story ul li .img-box p{font-size:1.8rem;font-weight:700;text-align:center;background:-webkit-linear-gradient(#00d2dc,#00e196);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#story ul li .img-box img{width:50%;margin:auto}#about{padding-bottom:21.3rem;color:var(--text-color)}#about .pool{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}#about .pool .pool-wrap{cursor:pointer}#about .pool .pool-wrap:hover{color:#fff}#about .pool .pool-wrap .card{display:flex;flex-direction:row;align-items:center;padding-left:6rem;height:17.3rem;background:linear-gradient(90deg,#70828c,#515568);overflow:hidden;transition:.25s}#about .pool .pool-wrap .card:hover{background:linear-gradient(90deg,#3d708c,#515568)}#about .pool .pool-wrap .card img{width:8.5rem}#about .pool .pool-wrap:first-child .card img{width:8rem}#about .pool .pool-wrap:last-child .card img{width:10rem}#about .pool .pool-wrap .card h1,#about .pool .pool-wrap .card h2{font-size:3rem;font-weight:600;margin-left:2.4rem}#about .pool .pool-wrap .card img.card-bg{position:absolute;bottom:0;right:0;width:14rem}#about .pool .pool-wrap:first-child .card img.card-bg{width:15rem}#about .pool .pool-wrap:last-child .card img.card-bg{width:16rem}#about .pool-line{margin:.7rem 0}#about .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem}#about .grid .card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:44rem;background:var(--text-color-2);padding:3rem 0 4rem}#about .grid .card:first-child:hover img{transform:scale(1.05)}#about .grid .card:nth-child(2){background-image:url(/images/urunler_bg.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;overflow:hidden;transition:.25s}#about .grid .card:nth-child(2):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#about .grid .card:nth-child(2):hover:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#about .grid .card:nth-child(3){grid-column:3/5;align-items:flex-start;padding:6.6rem 13.1rem 4rem 6.6rem}#about .grid .card img{width:90%;transition:.25s}#about .grid .card ul{list-style:none;padding:0 2.8rem;z-index:2}#about .grid .card ul li{font-size:2.8rem;font-weight:400}#about .grid .card .inner img.about-logo{width:15.6rem;margin-bottom:4.3rem}#about .grid .card .inner p{font-size:1.8rem;font-weight:400;line-height:1.5}#greentech{position:relative;min-height:70rem;background-image:url(/images/greentech_bg.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;color:var(--text-color);overflow:hidden}#greentech h2{position:absolute;top:25%;left:15%;font-weight:800;text-align:right;width:35rem}#greentech h2,#greentech h3{font-size:1.5rem;letter-spacing:.5rem}#greentech h3{font-weight:700;margin-bottom:1rem}#greentech p{font-size:1.7rem;font-weight:500;color:#0fa;line-height:140%}#greentech .wrapper{position:absolute}#greentech .wrapper.wrap-one{top:50%;left:12.9%;text-align:right;width:38rem}#greentech .wrapper.wrap-two{top:17%;left:65%;width:44rem}#greentech .wrapper.wrap-three{top:70%;left:55%;width:38rem}#greentech .wrapper .btn{display:inline-block;margin-top:3.8rem}#greentech .img-box{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:15.4rem}#greentech .img-box img{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#greentech .img-box .circle{--time:20s;position:absolute}#greentech .img-box .circle.white{width:36rem;animation:animate var(--time) linear infinite}@keyframes animate{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}#greentech .img-box .circle.green{width:32rem;animation:animate2 var(--time) linear infinite}@keyframes animate2{0%{transform:rotate(-1turn)}to{transform:rotate(0deg)}}#reference{margin:20rem 0;color:var(--text-color)}#reference .col-38{flex:0 0 38.5%;max-width:38.5%;padding-left:13.5%}#reference .col-38 h2{font-size:3rem;font-weight:500;color:var(--text-color-2)}#reference .col-38 p{font-size:1.7rem;font-weight:500;color:var(--text-color-2);line-height:140%;margin:4.4rem 0;width:80%}#reference .col-62{flex:0 0 61.5%;max-width:61.5%;padding-right:7.8%}#reference .col-62 .galeri{display:grid;grid-template-columns:repeat(4,1fr);align-items:flex-end;grid-gap:1rem}#reference .col-62 .galeri .galeri-box{display:flex;align-items:flex-end;overflow:hidden;aspect-ratio:5/7;transition:.25s}#reference .col-62 .galeri .galeri-box.top{aspect-ratio:5/6}#reference .col-62 .galeri .galeri-box img{object-fit:cover;object-position:bottom;width:100%;height:100%;transition:.25s;aspect-ratio:5/7}#reference .col-62 .galeri .galeri-box.top img{aspect-ratio:5/6}#reference .col-62 .galeri .galeri-box .inner{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem}#reference .col-62 .galeri .galeri-box .inner p{font-size:1.5rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reference .col-62 .galeri .galeri-box .inner .date{color:transparent;transition:.25s}#reference .col-62 .galeri .galeri-box .inner .bottom .project{font-weight:600;margin-bottom:2.6rem}#reference .col-62 .galeri .galeri-box .inner .bottom span{font-size:1.2rem;font-weight:500;color:transparent;transition:.25s}#reference .col-62 .galeri .galeri-box:hover img{filter:blur(3px);transform:scale(1.02)}#reference .col-62 .galeri .galeri-box:hover .inner .bottom span,#reference .col-62 .galeri .galeri-box:hover .inner .date{color:var(--text-color)}#reference .grid{display:grid;grid-template-columns:repeat(24,1fr);grid-gap:1rem;padding:1rem 8.9% 0 27%}#reference .grid .galeri-box{display:flex;overflow:hidden;transition:.25s}#reference .grid .galeri-box img{object-fit:cover;object-position:bottom;width:100%;height:100%;transition:.25s}#reference .grid .galeri-box:first-child{grid-column:1/6;aspect-ratio:5/6}#reference .grid .galeri-box:first-child img{aspect-ratio:5/6}#reference .grid .galeri-box:nth-child(2){grid-column:6/13;aspect-ratio:7/5}#reference .grid .galeri-box:nth-child(2) img{aspect-ratio:7/5}#reference .grid .galeri-box:nth-child(3){grid-column:13/18;aspect-ratio:5/7}#reference .grid .galeri-box:nth-child(3) img{aspect-ratio:5/7}#reference .grid .galeri-box:nth-child(4){grid-column:18/25;aspect-ratio:7/5}#reference .grid .galeri-box:nth-child(4) img{aspect-ratio:7/5}#reference .grid .galeri-box .inner{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem}#reference .grid .galeri-box .inner p{font-size:1.5rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reference .grid .galeri-box .inner .date{color:transparent;transition:.25s}#reference .grid .galeri-box .inner .bottom .project{font-weight:600;margin-bottom:2.6rem}#reference .grid .galeri-box .inner .bottom span{font-size:1.2rem;font-weight:500;color:transparent;transition:.25s}#reference .grid .galeri-box:hover img{filter:blur(3px);transform:scale(1.02)}#reference .grid .galeri-box:hover .inner .bottom span,#reference .grid .galeri-box:hover .inner .date{color:var(--text-color)}@media (max-width:575.98px){header .swiper-slide img{aspect-ratio:1}#story ul{padding-block:5rem;justify-content:flex-start}#story ul li{width:8rem;height:8rem;margin-inline:.5rem}#story ul li .img-box{top:.5rem;left:.5rem;width:7rem;height:7rem}#story ul li .img-box p{font-size:1.3rem;font-weight:700}#about{padding-bottom:5rem}#about .pool{grid-template-columns:repeat(1,1fr)}#about .pool .pool-wrap .card{padding-left:6rem;height:9rem}#about .pool .pool-wrap .card img{width:6.375rem}#about .pool .pool-wrap:first-child .card img{width:6rem}#about .pool .pool-wrap:last-child .card img{width:7.5rem}#about .pool .pool-wrap .card h1,#about .pool .pool-wrap .card h2{font-size:2.4rem;margin-left:2rem}#about .pool .pool-wrap .card img.card-bg{position:absolute;bottom:0;right:0;width:10.5rem}#about .pool .pool-wrap:first-child .card img.card-bg{width:11.25rem}#about .pool .pool-wrap:last-child .card img.card-bg{width:12rem}#about .pool-line{display:none}#about .grid{display:flex;flex-direction:column}#about .grid .card{min-height:40rem}#about .grid .card:first-child{margin-top:1rem}#about .grid .card ul li{font-size:2.6rem}#about .grid .card:nth-child(3){padding:4rem 2.8rem}#about .grid .card .inner{margin-bottom:2rem}#about .grid .card .inner p{line-height:1.3}#about .grid .card .inner img.about-logo{width:55%;margin-bottom:2rem}#greentech{min-height:90rem}#greentech .img-box{top:21%;left:37%;width:7rem}#greentech .img-box .circle.white{width:14rem}#greentech .img-box .circle.green{width:12.5rem}#greentech h2{top:7%;left:7.5%;text-align:left;width:85%}#greentech p{font-size:1.5rem;line-height:130%}#greentech .wrapper.wrap-one{top:70%;left:7.5%;text-align:right;width:85%}#greentech .wrapper.wrap-two{top:31%;left:7.5%;width:85%;text-align:right}#greentech .wrapper.wrap-three{top:51.5%;left:7.5%;width:85%}#reference{margin:5rem 0 7rem;padding:0 1.5rem}#reference .col-38{flex:0 0 100%;max-width:100%;padding-left:0}#reference .col-38 h2{font-size:2.6rem}#reference .col-38 p{line-height:130%;margin:2rem 0;width:100%}#reference .col-62{flex:0 0 100%;max-width:100%;padding-right:0;margin-top:4rem}#reference .col-62 .galeri{display:flex;grid-gap:.5rem;padding-left:2rem}#reference .col-62 .galeri .galeri-box{max-width:25%}#reference .col-62 .galeri .galeri-box .inner{display:none}#reference .grid{display:grid;grid-gap:.5rem;padding:.5rem 0 0}#reference .grid .galeri-box .inner{display:none}}@media (max-width:400px){#story ul{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;grid-gap:1rem;gap:1rem}}@media (min-width:400px) and (max-width:576px){#story ul{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;grid-gap:1rem;gap:1rem}}@media (min-width:576px) and (max-width:767.98px){#about .grid .card{min-height:40rem}#about .grid .card ul li{font-size:2.6rem}}@media (min-width:768px) and (max-width:991.98px){#about .grid .card{min-height:38rem}#about .grid .card ul{padding:0 2rem}#about .grid .card ul li{font-size:2.4rem}#about .grid .card .inner img.about-logo{margin-bottom:3rem}}@media (min-width:992px) and (max-width:1199.98px){#about .grid .card{min-height:40rem}#about .grid .card ul li{font-size:2.8rem}}@media (min-width:1200px) and (max-width:1535.98px){#about .grid .card{min-height:35rem}#about .grid .card ul{padding:0 2rem}#about .grid .card ul li{font-size:2.4rem}#about .grid .card:nth-child(3){padding:4rem 6.6rem}#about .grid .card .inner img.about-logo{margin-bottom:3rem}}#build-pool{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:9}#build-pool form{position:relative;width:90rem;border-radius:.5rem;background:linear-gradient(135deg,#00d2dc,#00e196);padding:5rem 3rem}#build-pool form .close{position:absolute;top:-5rem;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border:1px solid var(--text-color-2);border-radius:.2rem;color:var(--text-color-2);background:var(--text-color);font-size:5rem;cursor:pointer}#build-pool form .close span{transform:rotate(45deg)}#build-pool form .close span,#build-pool form .close span:after{display:block;width:2.4rem;height:1px;background:var(--text-color-2)}#build-pool form .close span:after{content:"";transform:rotate(90deg)}#build-pool form label{color:var(--text-color);font-weight:500}#build-pool form .ui-input{width:100%;height:4rem;border:1px solid hsla(0,0%,100%,.7);outline:none;font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;margin-bottom:1.3rem;padding:0 1rem;border-radius:.4rem;color:var(--text-color);background:transparent}#build-pool form .ui-input option{color:var(--text-color-2)}#build-pool form .ui-input.big{height:10rem;padding:1rem;resize:none}#build-pool form .ui-input::placeholder{font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;color:var(--text-color)}#build-pool form .input-group{display:flex;justify-content:space-between}#build-pool form .input-group .ui-input{position:relative;width:32%}#build-pool form .row span{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border:1px solid var(--text-color);margin-right:1rem;border-radius:.3rem;cursor:pointer}#build-pool form .row span.active{background:var(--text-color)}#build-pool form .row span.active:before{content:"\2713";color:var(--text-color-2);font-size:1.4rem}#build-pool form .row p{color:var(--text-color);margin-bottom:1.3rem}#build-pool form .auth-btn{display:inline-flex;justify-content:center;align-items:center;height:4rem;width:32%;font-size:1.6rem;font-family:Barlow,sans-serif;margin:3rem 0 0;border:none;outline:none;border-radius:.4rem;color:var(--text-color-2);background:var(--text-color);cursor:pointer;transition:.25s}#build-pool form .auth-btn:hover{opacity:.8}@media (max-width:575.98px){#build-pool form{width:90%;max-height:90vh;padding:3rem 1.5rem;overflow:auto}#build-pool form .close{top:.2rem;right:.2rem;width:3rem;height:3rem}#build-pool form .ui-input{height:3rem;font-size:1.3rem;margin-bottom:1rem}#build-pool form .ui-input::placeholder{font-size:1.3rem}#build-pool form .input-group{flex-direction:column}#build-pool form .input-group .ui-input{width:100%}#build-pool form .auth-btn{height:3.5rem;font-size:1.4rem;margin-top:1.5rem;width:100%}}#story-modal{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:9}#story-modal .story-wrap{position:relative;width:auto;height:80vh;border-radius:.5rem;background:linear-gradient(135deg,#00d2dc,#00e196);padding:.5rem;box-shadow:0 0 1.5rem #0fa}#story-modal .story-wrap video{display:block;width:auto;height:100%}#story-modal .story-wrap .close{position:absolute;top:-5rem;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border:1px solid var(--text-color-2);border-radius:.2rem;color:var(--text-color-2);background:var(--text-color);font-size:5rem;cursor:pointer}#story-modal .story-wrap .close span{display:block;width:2.4rem;height:1px;transform:rotate(45deg);background:var(--text-color-2)}#story-modal .story-wrap .close span:after{content:"";display:block;width:2.4rem;height:1px;transform:rotate(90deg);background:var(--text-color-2)}