@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{padding:0;box-sizing:border-box;margin:0}body{overflow-x:hidden;font-family:Poppins,sans-serif}a{text-decoration:none}li{list-style-type:none}.container{padding:0 100px}header{padding:15px;justify-content:space-between;transition:.5s ease;position:absolute;top:0;background-color:rgba(0,0,0,.342);align-items:center;left:0;width:100%;display:flex;z-index:999}header .navigation{position:relative}header .tel{padding:10px;color:#fff;transition:.5s;background-color:#028acc;border-radius:5px}header .tel:hover{color:#028acc;transition:.5s;background-color:#fff}header .navigation .navigation-items a{font-size:1em;text-decoration:none;font-weight:500;color:#fff;transition:.3s ease;position:relative;margin-left:30px}header .navigation .navigation-items a:before{height:3px;transition:.3s ease;content:"";position:absolute;bottom:0;background:#fff;left:0;width:0}.home,header .navigation .navigation-items a:hover:before{width:100%}.home{min-height:100vh;justify-content:space-between;position:relative;align-items:center;background:#028acc;display:flex}.home:before{height:100%;content:"";position:absolute;top:0;background:rgba(0,0,0,.3);left:0;width:100%;z-index:777}.home .content{color:#fff;width:70%;display:none;z-index:888}.home .content.activ{display:block}.home .content p{font-size:26px;text-decoration:underline;font-weight:600;text-align:right}.home .images,.home video{height:100%;position:absolute;object-fit:cover;top:0;left:0;width:100%;z-index:0}.slider-navigation{position:relative;flex-direction:column;display:flex;z-index:888}.slider-navigation .nav-btn a{font-size:18px;color:#fff;transition:.5s}.slider-navigation .nav-btn a:hover{color:#028acc;transition:.5s}.slider-navigation .nav-btn:not(:last-child){margin-bottom:20px}.video-slide{position:absolute;clip-path:circle(0 at 0 50%);width:100%}.video-slide.activ{transition:2s ease;clip-path:circle(150% at 0 50%);transition-property:clip-path}@media (max-width:1000px){header{padding:12px 20px}section{padding:100px 20px}.home .media-icons{right:15px}header .navigation{display:none}header .navigation.activ{height:100vh;justify-content:center;position:fixed;top:0;align-items:center;background:rgba(1,1,1,.5);left:0;width:100%;display:flex}header .navigation .navigation-items a{font-size:1.2em;color:#fff;margin:20px}header .navigation .navigation-items a:before{height:5px;background:#fff}header .navigation.activ .navigation-items{padding:40px;max-width:600px;flex-direction:column;margin:20px;align-items:center;box-shadow:0 5px 25px rgba(1,1,1,.2);border-radius:5px;background:#0289cca1;width:600px;display:flex}.menu-btn{height:40px;transition:.3s ease;background:url(https://crafttide.online/img/menu.png)no-repeat;background-size:30px;background-position:50%;cursor:pointer;width:40px}.menu-btn.activ{transition:.3s ease;background:url(https://crafttide.online/img/close.png)no-repeat;background-size:25px;background-position:50%;z-index:999}header .tel{display:none}.site-map{flex-direction:column}}@media (max-width:600px){.slider-navigation .nav-btn a{font-size:14px}.home .content p{font-size:22px}}.ikili{justify-content:center;flex-wrap:wrap}.ikili,.ikili .katalog{align-items:center;display:flex}.ikili .katalog{padding:20px;justify-content:space-around;font-size:30px;font-weight:500;color:#fff;transition:1s;background-color:#75b325;cursor:pointer;width:50%}.ikili .katalog:hover{color:#75b325;transition:1s;background-color:#ececec}.ikili .sertifika{padding:20px;justify-content:space-around;font-size:30px;font-weight:500;color:#fff;transition:1s;background-color:#028acc;align-items:center;cursor:pointer;width:50%;display:flex}.ikili .sertifika:hover{color:#028acc;transition:1s;background-color:#ececec}.hikaye{justify-content:space-between;flex-wrap:wrap;align-items:center;display:flex}.hikaye .resim{align-items:center}.hikaye .resim,.hikaye .yazi{padding-top:50px;padding-bottom:50px;width:500px;display:flex}.hikaye .yazi{justify-content:space-between;flex-direction:column}.hikaye .yazi h4{font-size:24px;color:#75b325}.hikaye .yazi h2{font-size:36px;color:#028acc;margin-top:-10px}.asd{height:55px;position:relative;perspective:1000px;width:300px;display:inline-flex}.asd a{transform:translateZ(-25px);transform-style:preserve-3d;font-size:19px;transition:transform .25s;letter-spacing:1px}.asd a:after,.asd a:before{height:55px;justify-content:center;border:5px solid #028acc;content:"TARİHÇEMİZİN DEVAMI >";position:absolute;box-sizing:border-box;align-items:center;border-radius:5px;width:300px;display:flex}.asd a:before{transform:rotateY(0deg) translateZ(25px);color:#fff;background:#028acc}.asd a:after{transform:rotateX(90deg) translateZ(25px);color:#028acc}.asd a:hover{transform:translateZ(-25px) rotateX(-90deg)}.projeler{padding-top:50px;background-color:#ececec;padding-bottom:50px}.projeler .yazi h4{font-size:24px;color:#75b325}.projeler .yazi h2{font-size:36px;margin-bottom:50px;color:#028acc;margin-top:-10px}.proje-resimler{justify-content:space-between;flex-wrap:wrap;align-items:center;display:flex}.proje-resimler .kutu{overflow:hidden;transition:1s;position:relative;cursor:pointer}.proje-resimler .kutu:hover{transform:scale(.9);transition:1s}.proje-resimler .kutu h1{font-size:70px;color:hsla(0,0%,100%,.466);position:absolute;bottom:50px;padding-left:20px}.proje-resimler .kutu a{height:60px;justify-content:space-around;font-size:20px;color:#fff;position:absolute;bottom:6px;background-color:#0289cc94;align-items:center;width:100%;display:flex}.neler{padding-top:50px;padding-bottom:50px}.neler .yazi h4{font-size:24px;color:#75b325}.neler .yazi h2{font-size:36px;margin-bottom:50px;color:#028acc;margin-top:-10px}.galeri{justify-content:space-between;flex-wrap:wrap;display:flex}.galeri .galeri-kutu{transition:.5s}.galeri .galeri-kutu:hover{transform:scale(1.1);transition:.5s}@media only screen and (max-width:768px){.ikili .katalog,.ikili .sertifika{font-size:18px}}@media only screen and (max-width:1220px){.bar{justify-content:space-around;align-items:center;display:flex}.hikaye{justify-content:center}.menu-1{display:none}.ikili{flex-direction:column;display:flex}.ikili .katalog,.ikili .sertifika{width:100%}.ikili .katalog img,.ikili .sertifika img{width:30%}.container{padding:0 10px}.projeler{padding-top:50px}.proje-resimler{justify-content:center;display:flex}.proje-resimler .kutu{margin-bottom:50px}.neler{padding-top:50px;padding-bottom:50px}.btn{display:none}.galeri{justify-content:center;display:flex}.copyright{flex-direction:column;text-align:center;display:flex}h1 a{display:block}}.footer{padding-top:30px;justify-content:space-between;flex-wrap:wrap;background-color:#0f61ae;padding-bottom:60px;display:flex}.footer-menu{padding-top:30px;padding-left:20px}.footer p{padding-top:10px}.footer a{font-size:14px;color:#d0d0d0;transition:.5s;margin-top:10px}.footer a:hover{color:#fff;transition:.5s}.footer h4{font-size:18px;color:#75b325}.footer li{font-size:14px;color:#d0d0d0;padding-bottom:5px}.footer li:hover{color:#fff}.copyright{padding-top:10px;justify-content:space-between;color:#fff;background-color:#028acc;padding-bottom:10px;display:flex}.copyright a,.copyright p{font-size:14px}.copyright a{color:#fff;transition:.5s}.copyright a:hover{color:#0f61ae;transition:.5s}.scrollup{padding:10px;right:10px;color:#fff;position:fixed;bottom:10px;background-color:#028acc;border-radius:50px;display:none;z-index:1}.titlee{justify-content:center;flex-direction:column;text-align:center;align-items:center;line-height:80px;margin-top:150px;display:flex}.titlee h1{font-size:70px;color:transparent;-moz-background-clip:text;-webkit-background-clip:text;background-size:cover;background-image:url(https://media.giphy.com/media/3osxYsSSxjWhZw0BUY/giphy.gif)}.titlee h2{font-size:55px;color:#028acc}.site-map{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.site-map ul{padding-top:20px;display:flex}.site-map ul a{color:#9c9c9c}.iso img{width:100px}.kurumsal-ikili{padding-top:20px;justify-content:space-between;flex-wrap:wrap;padding-bottom:40px;display:flex}.left-menu{width:250px}.left-menu h1{color:#028acc}.left-menu a{color:#000;transition:.5s}.left-menu a:hover{color:#028acc;transition:.5s}.left-menu li{padding-top:10px;border-bottom:1px solid #028acc;padding-bottom:10px;width:200px}.yazı-alanı{width:750px}.yazı-alanı h1{color:#75b325;padding-bottom:40px}.left-menu .activee a{color:#028acc}.yazı-alanı li{margin-bottom:20px;text-align:center}.yazı-alanı .bir{padding:10px;color:#028acc;transition:.5s;background-color:#ececec}.yazı-alanı .bir:hover{transition:.5s;background-color:#dfdfdf}.yazı-alanı .iki{padding:10px;color:#028acc;transition:.5s;background-color:#ececec}.yazı-alanı .iki:hover{transition:.5s;background-color:#dfdfdf}.yazı-alanı .uc{padding:10px;color:#028acc;transition:.5s;background-color:#ececec}.yazı-alanı .uc:hover{transition:.5s;background-color:#dfdfdf}.yazı-alanı .dort{padding:10px;color:#028acc;transition:.5s;background-color:#ececec}.yazı-alanı .dort:hover{transition:.5s;background-color:#dfdfdf}.yazı-alanı .ulu{justify-content:space-between;flex-wrap:wrap;display:flex}.yazı-alanı .ulu .dort{width:360px}.yazı-alanı h3{font-size:16px;font-weight:300}.yazı-alanı .isim{font-weight:700}.yazı-alanı h5{font-size:16px;font-weight:300;color:#9c9c9c}.yazı-alanı .b{font-size:20px;font-weight:700;color:#028acc}.kutuu{padding:20px;margin-bottom:20px;transition:.5s;position:relative;background-color:#e6e6e6}.kutuu:hover{transition:.5s;background-color:#0f61ae}.kutuu p{color:#000;transition:.5s}.logokutu{justify-content:space-between;flex-wrap:wrap;display:flex}.logo4{padding:20px;margin-bottom:10px;transition:.5s;text-align:center;background-color:#e6e6e6;width:175px}.logo4:hover{transition:.5s;background-color:#0f61ae}.logo4 p{color:#000}.logokutu i{font-size:30px;color:#028acc}.fa-bookmark,.fa-file,.fa-file-pdf{font-size:60px;color:#028acc;position:absolute;margin-left:650px;margin-top:40px;z-index:1}.hover-overlay-container{margin-bottom:20px;position:relative;width:600px}.hover-overlay-container:hover .overlay-text-container{opacity:.8}.hover-overlay-container .overlay-image{height:auto;width:100%;display:block}.hover-overlay-container .overlay-text-container{height:100%;right:0;transition:.5s ease;position:absolute;opacity:0;bottom:0;top:0;background-color:#028acc;left:0;width:100%}.hover-overlay-container .overlay-text-container .overlay-text{transform:translate(-50%,-50%);font-size:28px;color:#fff;position:absolute;text-align:center;top:50%;left:50%}.resimler{padding-top:40px;justify-content:space-between;flex-wrap:wrap;padding-bottom:20px;display:flex}.kurumsal-icerik{background-size:cover;background-position:50%;background-image:url(https://crafttide.online/img/back2.png);background-repeat:no-repeat}.kurumsal-icerikk h1{padding-top:20px;color:#75b325;padding-bottom:20px}.accordion{padding:18px;font-size:15px;border:none;font-weight:600;color:#fff;transition:.5s;outline:none;text-align:left;background-color:#028acc;cursor:pointer;width:100%}.accordion:hover,.active{background-color:#0f61ae}.accordion:after{font-weight:700;color:#fff;content:"\002B";margin-left:5px;float:right}.active:after{content:"\2212"}.panel{overflow:hidden;padding:0 18px;transition:max-height .5s ease-out;max-height:0;background-color:#f6f6f6}.detail{justify-content:space-between;flex-wrap:wrap;display:flex}.card{height:400px;overflow:hidden;margin-bottom:50px;position:relative;border-radius:20px;background:#232323;width:300px;margin-top:50px}.card:before{height:100%;transition:.5s ease-in-out;content:"";position:absolute;clip-path:circle(150px at 80% 20%);top:0;background:#028acc;left:0;width:100%}.card:hover:before{clip-path:circle(300px at 80% -20%)}.card:after{font-size:6em;font-weight:800;font-style:italic;color:hsla(0,0%,100%,.04);content:"gaski"}.card .imgBx,.card:after{position:absolute;top:50%}.card .imgBx{height:100%;transform:translateY(-50%);transition:.5s;width:100%;z-index:1000}.card:hover .imgBx{transform:translateY(-15%);top:0}.card .imgBx img{transform:translate(-50%,-50%) rotate(20deg);position:absolute;top:50%;left:50%;width:270px}.card .contentBx{height:100px;transition:1s;position:absolute;bottom:-10px;text-align:center;width:100%;z-index:90}.card:hover .contentBx{height:160px}.card .contentBx h2{font-weight:600;color:#fff;position:relative;letter-spacing:1px}.card .contentBx .color,.card .contentBx .size{padding:8px 20px;justify-content:center;transition:.5s;opacity:0;visibility:hidden;align-items:center;display:flex}.card:hover .contentBx .size{transition-delay:.5s;opacity:1;visibility:visible}.card:hover .contentBx .color{transition-delay:.6s;opacity:1;visibility:visible}.card .contentBx .color h3,.card .contentBx .size h3{font-size:14px;font-weight:300;margin-right:10px;color:#fff;text-transform:uppercase;letter-spacing:2px}.card .contentBx .size span{height:26px;font-size:14px;color:#111;transition:.5s;text-align:center;margin:0 5px;border-radius:4px;background:#fff;cursor:pointer;width:150px;line-height:26px;display:inline-block}.card .contentBx .color img{margin-left:5px}.accordionn{height:250px;overflow:hidden;margin:50px auto;width:100%}.accordionn ul{padding:0;table-layout:fixed;margin:0;width:100%;display:table}.accordionn ul li{height:250px;transition:all .5s ease;position:relative;background-position:50%;width:20%;background-repeat:no-repeat;vertical-align:bottom;display:table-cell}.accordionn ul li div{overflow:hidden;width:100%;display:block}.accordionn ul li div a{height:250px;padding:15px 20px;text-decoration:none;color:#fff;transition:all .2s ease;position:relative;box-sizing:border-box;width:100%;vertical-align:bottom;display:block;z-index:3}.accordionn ul li div a *{overflow:hidden;-webkit-transform:translateX(-20px);transform:translateX(-20px);text-overflow:ellipsis;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative;opacity:0;margin:0;width:100%;white-space:nowrap;z-index:5}.accordionn ul li div a h2{text-overflow:clip;font-size:24px;margin-bottom:2px;top:160px}.accordionn ul li div a p{font-size:13.5px;top:160px}.accordionn ul li:first-child{background-image:url(https://crafttide.online/img/projeler/enerji-p.png)}.accordionn ul li:nth-child(2){background-image:url(https://crafttide.online/img/projeler/insaat-p.png)}.accordionn ul li:nth-child(3){background-image:url(https://crafttide.online/img/projeler/cevre-p.png)}.accordionn ul li:nth-child(4){background-image:url(https://crafttide.online/img/projeler/imalat-p.png)}.accordionn ul li:nth-child(5){background-image:url(https://crafttide.online/img/projeler/hizmet-p.png)}.accordionn ul:focus-within li,.accordionn ul:hover li{width:8%}.accordionn ul li:focus{outline:none}.accordionn ul li:focus,.accordionn ul:focus-within li:focus,.accordionn ul:hover li:hover{width:60%}.accordionn ul li:focus a,.accordionn ul:focus-within li:focus a,.accordionn ul:hover li:hover a{background:rgba(0,0,0,.4)}.accordionn ul li:focus a *,.accordionn ul:focus-within li:focus a *,.accordionn ul:hover li:hover a *{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.accordionn ul:hover li{width:8%!important}.accordionn ul:hover li a *{opacity:0!important}.accordionn ul:hover li:hover{width:36%!important}.accordionn ul:hover li:hover a{background:rgba(0,0,0,.4)}.accordionn ul:hover li:hover a *{-webkit-transform:translateX(0);transform:translateX(0);opacity:1!important}.mobil{display:none}@media screen and (max-width:600px){.accordionn{display:none}.mobil{justify-content:center;flex-wrap:wrap;display:flex}.boxx{cursor:pointer}}.wrapper{max-width:1100px;margin:100px auto}.wrapper nav{justify-content:center;display:flex}.wrapper .items{justify-content:space-between;max-width:720px;width:100%;display:flex}.items span{padding:7px 25px;font-size:18px;border:2px solid #007bff;font-weight:500;color:#007bff;transition:all .3s ease;border-radius:50px;cursor:pointer}.items span.active,.items span:hover{color:#fff;background:#007bff}.gallery{flex-wrap:wrap;margin-top:30px;display:flex}.gallery .image{padding:7px;width:50%}.gallery .image span{overflow:hidden;width:100%;display:flex}.gallery .image img{transition:all .3s ease;width:100%;vertical-align:middle}.gallery .image:hover img{transform:scale(1.1)}.gallery .image.hide{display:none}.gallery .image.show{animation:animate .4s ease}@keyframes animate{0%{transform:scale(.5)}to{transform:scale(1)}}.preview-box{transform:translate(-50%,-50%) scale(.9);pointer-events:none;padding:0 5px 5px;position:fixed;max-width:1200px;opacity:0;top:50%;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:3px;background:#fff;left:50%;width:100%;z-index:5}.preview-box.show{transform:translate(-50%,-50%) scale(1);pointer-events:auto;transition:all .3s ease;opacity:1}.preview-box .details{padding:13px 15px 13px 10px;justify-content:space-between;align-items:center;display:flex}.details .title{font-size:18px;font-weight:400;display:flex}.details .title p{font-weight:500;margin-left:5px}.details .icon{font-style:22px;color:#007bff;cursor:pointer}.preview-box .image-box{width:100%;display:flex}.image-box img{max-height:600px;border-radius:0 0 3px 3px;width:100%}.shadow{height:100%;position:fixed;top:0;background:rgba(0,0,0,.4);left:0;width:100%;display:none;z-index:2}.shadow.show{display:block}@media (max-width:1000px){.gallery .image{width:33.33333%}}@media (max-width:800px){.gallery .image{width:50%}}@media (max-width:700px){.wrapper nav .items{max-width:600px}nav .items span{padding:7px 15px}}@media (max-width:600px){.wrapper{margin:30px auto}.wrapper nav .items{justify-content:center;flex-wrap:wrap}nav .items span{margin:5px}.gallery .image{width:100%}.hover-overlay-container .overlay-text-container .overlay-text{font-size:20px}}.merkez{justify-content:space-between;flex-wrap:wrap;display:flex}.ile{height:200px;padding:20px;justify-content:center;margin-bottom:50px;color:#fff;transition:.5s;flex-direction:column;text-align:center;background-color:#2a2a2a;align-items:center;width:280px;display:flex}.ile:hover{transition:.5s;background-color:#7a7a7a}.ile a{color:#fff}.ile h3{color:#75b325}.iletisimm{margin-top:20px}.iletisimm,.iletisimmm{margin-bottom:20px;color:#75b325}.altyapi{justify-content:space-between;flex-wrap:wrap;align-items:center;display:flex}.alt-resim{width:600px}.alt-detay{justify-content:center;width:500px;display:flex}