@import "pikare.css";
@font-face{font-family:TL;src:url(abakutlsymsans.eot?#iefix) format("embedded-opentype"),url(abakutlsymsans.woff) format("woff"),url(abakutlsymsans.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:ZWFont1;src:url(00611.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:ZWFont2;src:url(HelveticaNeueLTPro55Roman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:ZWFont3;src:url(HelveticaNeueLTPro65Medium.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:ZWFont4;src:url(ppneuemontreal-medium.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;}
.img-responsive { display: block; max-width: 100%; width: 100%; height: auto; margin: auto; }
.nav-giris .logo {    margin-left: auto;margin-right: auto;display: block;width: 176px;height: 57px;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);z-index: 100;background: url(../img/logo.png) center / contain no-repeat;}
a.nav {}
.nav-btn > div:nth-of-type(2) {padding-left: 50px;}
.slide-mobil-resim {display: none !important;}
.image-responsive{display: block !important;}
.contact-info p {display: flex;margin-bottom: 12px; font-size: 14px;    text-align: center; justify-content: center;}
.contact-info .label {width: 65px;flex-shrink: 0;}
.contact-info .nokta { width: 20px; text-align: center;flex-shrink: 0;}
.contact-info .value {flex: 1;}
.nav-menu-sag {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 12px;
    padding-right: 36px;
    }
.nav-container .nav-giris {top:22px ; position: relative;z-index: 100; }
.nav-container {box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    width: 100%;
    height: 80px;}
.slide-yazi >div >span {font-family: 'ZWFont1';
    font-size: 30px;
    padding: 45px 45px 17px 45px;
    color: #000;
    text-align: center;}
.slide-yazi >div>p {font-family: 'ZWFont1';font-size: 15px;letter-spacing: 0;text-align:center}
.anasayfa-slider > div  {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);}
.anasayfa-slider > div > div {display: flex;justify-content: center; flex-direction: column; align-items: center; width: 100%;color: #ffffff}
.header{position: relative;}
.anasayfa-slider {position: relative;}
.nav-container > a >  span {color: #000;font-size: 12px;margin-left: 0px;     font-family: 'ZWFont2'; letter-spacing: 1px;}
.denim-sanati-flex{    width: 40%;margin: 50px auto 100px;}
.denim-sanati-content{    display: flex;flex-direction: column;align-items: center;}
.denim-title{font-family: 'ZWFont2';font-size: 40px;color: #630000;margin-bottom: 20px;}
.denim-text{    font-family: 'ZWFont3';font-size: 17px;letter-spacing: 0.5px;text-align: center;color: #132138;line-height: 21px;}
.banner {display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto;justify-content: space-between;padding: 160px 0 60px;}
.banner img {scale: 1;}
.banner1 {    width: 25%;}
.banner2 {
    display: flex;overflow: hidden; width: 65%;
}
.banner2 > div:nth-of-type(1) {
    overflow: hidden;width: 70%;
}
.banner2 > div:nth-of-type(2) {
    padding-top: 15%;width: 50%;
}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) {
    font-size: 70px;
    margin-left: -100px;
    letter-spacing: 1px;
    line-height: 70px;
}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > span {
    color: #fff;     font-family: 'ZWFont1';
}
.banner-enalt {
    width: 69%;
    font-family: 'ZWFont2';
    line-height: 28px;
    font-size: 16px;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > span {margin-left: 29%;}
.banner2 > div:nth-of-type(2) > div:nth-of-type(2) {
    margin-top: 20px;
    width: 90%;
    margin-left: auto;
}
.banner2 > div > p {width: 100%;
    font-family: 'ZWFont2';
    padding: 33px 0px 25px 86px;
    line-height: 28px;
    font-size: 16px;}
    
    .banner3 {margin-top: 50px;display: flex;justify-content: flex-end;width: 84%;align-items: center;gap: 57px;margin: 68px 0px 51px 267px;}
.banner3 > div {text-align: center;font-size: 62px;}
.banner3 > div:nth-of-type(2) {text-align: center;font-size: 14px;}
.banner3 > div:nth-of-type(3) {text-align: center;font-size: 14px;}
.sayi{    padding: 45px; font-size: 50px;font-family: 'ZWFont4'; width: 33%;}
.banner-alt{
        width: 69%;
    font-family: 'ZWFont2';
    line-height: 28px;
    font-size: 16px;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    }
.zengin-cesit{    writing-mode: sideways-lr; text-align: right;
    height: 50%;}
.alt-baslik{    font-size: 27px;
    font-family: 'ZWFont2'; margin-bottom: 10px; margin-top: 20px;}
.paragraf{    font-size: 14px;
    font-family: 'ZWFont2';   ;
    letter-spacing: 1px;line-height: 21px;}
.alt-kisim{    display: flex;
    width: 70%;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;}
    .global-ag{    width: 45%;}
    .ikinci{width: 31%;}
.banner-ic > div {    display: flex;
    width: 70%;
    margin: 0 auto 100px;
    justify-content: space-between;
    position: relative;}
.banner-yazi {   color: #a1a1a1;
    display: flex;
    margin-top: 28%;
    width: 50%;
    font-size: 20px;
    font-family: 'ZWFont2';}
    .contact-info p  br{display: none;}
.banner-ic{       display: flex;
    flex-wrap: wrap;}
.banner-sol{    width: 30%;}
.banner-sol > div, .global-ag, .cesit-image {overflow: hidden;}
.banner-sol > div img, .global-ag img, .cesit-image img {scale: 1;}
.banner-sag{display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;    padding-bottom: 12%;}
.yatay-paragraf{       font-size: 14px;
    font-family: 'ZWFont2';
    letter-spacing: 1px;
    line-height: 21px;
    color: #fff;
    margin-right: 20px;}
.alt-baslik{color: #fff;}
.paragraf {color: #fff;}
.dikey{font-size: 27px;
    font-family: 'ZWFont2';
    margin-bottom: 0px;
    color: #fff;}
.siyah-ana-baslik{      margin-bottom: 60px;  width: 100%;text-align: center;  line-height: 60px; margin-top: 60px;}
.banner-siyah{    background-color: #000; height: 50%;}
.siyah-baslik{    color: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 27%;
    font-size: 55px;
    font-family: 'ZWFont2';}
.mesaj-bar{
    background-color: #f2f4f7;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    letter-spacing: 0px;
    overflow: hidden;
    }

.mesaj-container{display: flex;padding: 30px 0;justify-content: space-around;animation: scrollText 10s linear infinite;}
.mesaj-item {
    font-family: 'ZWFont1';
    font-size: 18px;
    margin: 0px 70px;
    }
    .mesaj-item::before {content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 10px;}

    @keyframes scrollText {
0%{transform:translate3d(0,0,0)}
100%{transform:translate3d(-50%,0,0)}
}

.yazi {background-color: #000;padding: 150px 0;}
.yazi > div {text-align: center;}
.yazi > div > div {color: #fff;display: inline-block;font-size: 100px;overflow: hidden;}
.yazi > div > div > span {display: inline-block;}

.yazi > div > div:nth-of-type(1) > span {transition-delay: .1s; font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(2) > span {transition-delay: .2s; font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(3) > span {transition-delay: .3s; font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(4) > span {transition-delay: .4s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(5) > span {transition-delay: .5s; font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(6) > span {transition-delay: .6s; font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(7) > span {transition-delay: .7s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(8) > span {transition-delay: .8s;font-family: 'ZWFont1';}


.story {position: relative;}
.story-img{overflow:hidden;clip-path: inset(10% 30% 10% 30%);transition: clip-path 3s cubic-bezier(.16,1,.3,1);}
.story-img img{display:block;width:100%;height:100%;object-fit:cover;transform: scale(1.2);transition: transform 3s cubic-bezier(.16,1,.3,1), scale 2s;}

.story-yazi {position: absolute;top: 0;font-size: 80px;top: 40%;left: 50%;transform: translateX(-50%); font-family:ZWFont1}
.story-yazi > span {display: inline-block;transition: transform 2s, color 1s;}
.story-yazi > span:nth-of-type(1) {transform: translateX(-145%);}
.story-yazi > span:nth-of-type(2) {transform: translateX(155%);}
.story-yazi.aktif > span {transform: translateX(0);color: #fff;}


.features-section { background-color: #f4f4f4;width: 100%;padding-top: 40px;padding-bottom: 27px;}
.features-container {display: flex;justify-content: center;align-items: center;max-width: 90%;margin: 60px auto 76px;align-items: flex-start;}
.feature-card {flex: 1;text-align: center;padding: 10px 20px;  }
.feature-card:last-child {border-right: none}
.feature-card .icon {display: block;margin: 0 auto 12px auto;width: 40px;height: 40px; object-fit: contain;}
.feature-card h3 {font-size: 20px;color: #111111;margin: 0 0 20px 0;font-family: 'ZWFont1';}
.feature-card p {       font-size: 15px;
    color: #858585;
    margin: 0;
    font-family: 'ZWFont2';
    padding: 0 75px 0 75px; line-height: 21px;}
.site-footer {background-color: #000000; color: #ffffff;width: 100%;max-width: 1920px;height: 100vh; margin: 0 auto;display: flex;flex-direction: column;box-sizing: border-box;}
.footer-container {display: flex;flex: 1;width: 100%;flex-direction: column;}
.footer-left {flex: 1;background-color: #1a1a1a;padding: 0 10%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 60px;}
.footer-left h2, 
.footer-right h2 {font-size: 28px;font-weight: 300;margin: 60px 0 50px 0;color: #ffffff;letter-spacing: -0.5px;font-family: ZWFont2;}
.contact-form {  width: 36%;}
.form-group {margin-bottom: 30px;}
.form-group input, .form-group textarea {padding-bottom: 44px;width: 100%;background: transparent;border: none;border-bottom: 2px solid #333333;padding: 14px 0;color: #ffffff;font-size: 14px;outline: none;font-family:'ZWFont2'}
.form-group input::placeholder, .form-group textarea::placeholder {color: #ffffff;}
.form-buttons {display: flex;gap: 15px;margin-top: 28px;    width: 50%;
    margin: 0 auto;}
.btn-submit {flex: 1;padding: 14px 22px;background-color: #ffffff;color: #000000;border: 1px solid #ffffff;cursor: pointer;font-size: 12px;font-weight: 500;text-align: center;font-family: ZWFont2;letter-spacing: 1px;}
.btn-reset {letter-spacing: 1px;flex: 1;padding: 14px 22px;background-color: transparent;color: #ffffff;border: 1px solid #4b4b4b;cursor: pointer;font-size: 12px;font-weight: 400;text-align: center;font-family: 'ZWFont2';}
.footer-right {flex: 1;background-size: cover;background-position: center;background-repeat: no-repeat;padding: 0 10%;display: flex;flex-direction: column;justify-content: center;background-color: #000000;align-items: center;}
.footer-right label {white-space: nowrap;}
.contact-info {max-width: 50%;font-size: 19px;line-height: 1.9;color: #838383;font-family: 'ZWFont2';}
.company-name {margin-bottom: 10px;font-size: 19px;color: #ffffff;font-family: ZWFont2;}
.contact-info p {margin: 10px 0;}
.contact-info > div {text-align: center;}
.contact-info > div > p{display: inline-block;}
.form-group {    display: flex;
    gap: 75px;
    margin-bottom: 30px;}
.contact-info .label {color: #ffffff;font-weight: bold;}
.footer-bottom {border-top: 1px solid #111111;text-align: center;padding: 20px 0;background-color: #000000;}
.footer-logo {height: 30px;display: inline-block;}

.nav-giris img[alt="telefon"] {margin-left: 19px; }
.nav-menu-sag img {width: 12px; height: auto; }
.nav-container .nav-menu-sag > span {position: absolute;right: 58px;font-family: 'ZWFont2';}
.slide-yazi > div > p {position: relative;color: #5d5d5d;font-family: 'ZWFont2';width: 56%;}

.story {position: relative;}
.story-img{overflow:hidden;clip-path: inset(10% 30% 10% 30%);transition: clip-path 3s cubic-bezier(.16,1,.3,1);}
.story-img img{display:block;width:100%;height:100%;object-fit:cover;transform: scale(1.2);transition: transform 3s cubic-bezier(.16,1,.3,1), scale 2s;}
 
.story-yazi {position: absolute;top: 0;font-size: 80px;top: 40%;left: 50%;transform: translateX(-50%);}
.story-yazi > span {display: inline-block;transition: transform 2s, color 1s;}
.story-yazi > span:nth-of-type(1) {transform: translateX(-145%);}
.story-yazi > span:nth-of-type(2) {transform: translateX(155%);}
.story-yazi.aktif > span {transform: translateX(0);color: #fff;}
 
.aktif.story-img{ clip-path: inset(0 0 0 0); }
.aktif.story-img img{ transform: scale(1); }

@media (pointer:fine){
  .ani-img{opacity:0;clip-path:inset(100% 0 0 0);transition:opacity 1s cubic-bezier(.5,1,.89,1),transform 5s cubic-bezier(.5,1,.89,1),clip-path 4s cubic-bezier(.16,1,.3,1);}
  .ani-img2{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity 1s cubic-bezier(.5,1,.89,1),transform 4s cubic-bezier(.5,1,.89,1),clip-path 3s cubic-bezier(.16,1,.3,1);}
}
.header-cizgi {       display: none; position: absolute;
    bottom: -36px;
    width: 100%;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;}
.ani-bottom {transform: translateY(70%);opacity: 0;transition: all .7s;}
.ani-right {transform: translateX(50%);opacity: 0;transition: all .7s;}
.ani-left {transform: translateX(-50%);opacity: 0;transition: all .7s;}
.ani-tam {transform: translateY(0) !important;opacity: 1 !important;}
.ani-tam2 {transform: translateX(0) !important;opacity: 1 !important;}
.ani-delay1 {transition-delay: .1s;     font-family: 'ZWFont1';}
.ani-delay2 {transition-delay: .2s;    font-family: 'ZWFont1';}
.ani-delay3 {transition-delay: .3s;}
.ani-delay4 {transition-delay: .4s;}
.ani-delay5 {transition-delay: .5s;}
.ani-tam2 {opacity:1;clip-path:inset(0 0 0 0);}
.contact-info .adres-devam {
    display: inline-block;
    margin-left: 56px;
}


@media screen and (max-width: 1000px) {
    .ani-left,.ani-right,.ani-bottom,.ani-tam{opacity:1;transform:translate(0)}
 .ani-img {clip-path: inset(0 0 0 0);opacity:1;}

.slide-mobil-resim {
        display: block !important;}
.image-responsive{display: none !important;}



.slide-yazi >div>p {    font-family: 'ZWFont2';font-size: 18px;letter-spacing: 0.5px;text-align: center;     margin-bottom: 0px;width: 38%;}
.nav-container {    top: 42px;}
.nav-giris img[alt="telefon"] {margin-left: 18px;}
.nav-menu-sag {right: -32px;}
.denim-sanati-flex {width: 58%;margin: 50px auto 100px;}
.denim-text {    line-height: 21px; width: 100%; margin: 0 auto; max-width: 100%; font-size: 12px;}
.yazi > div > div {    font-size: 42px;}
.yazi {padding: 63px 0;}
.story-yazi {font-size: 40px; color: #fff;}
.features-container {display: flex;justify-content: center;align-items: center;max-width: 82%;margin: 60px auto 60px;flex-wrap: wrap;gap: 20px; }
.feature-card { flex: 1; text-align: center; padding: 10px 20px; border-right: none;}
.feature-card h3 {font-size: 18px;color: #111111;margin: 0 0 20px 0;font-family: 'ZWFont1';}
.feature-card p { font-size: 15px;color: #858585;margin: 0;font-family: 'ZWFont2';}

.sayi {padding: 45px;font-size: 31px; font-family: 'ZWFont4'; width: 33%;}
.footer-container {display: flex;flex: 1;width: 100%;flex-direction: column;}
.footer-left {        flex: 1;
        background-color: #1a1a1a;
        padding: 46px 18% 46px;
        display: flex;
        justify-content: center;
        flex-direction: column;}
.banner-ic {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.banner-ic > div {
    display: flex;
    width: 90%;
    margin: 0 auto 0px;
    position: relative;
            flex-direction: column-reverse;
    align-items: center;
}
.banner-ic > div:nth-of-type(1) {flex-direction: column;}
.dikey {
    font-size: 27px;
    font-family: 'ZWFont2';
    margin-bottom: 0px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 20px;
}
.banner-yazi {
    color: #a1a1a1;
    display: flex;
    margin-top: 6%;
    width: 73%;
    font-size: 20px;
    font-family: 'ZWFont2';
    text-align: center;        margin-bottom: 50px;
}
.banner-enalt {    flex-direction: column;}
.zengin-cesit {
    writing-mode: unset;
    text-align: left;
    height: 50%;
}
.global-ag {
    width: 66%;
}
.ikinci {
    width: 66%;
}
.paragraf {
    color: #fff;
    width: 50%;
}
.banner-sag {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 50px;
    width: 100%;margin-top: 50px;
}
.banner-sol {
    width: 66%;
}
.footer-right {margin-top: 35px;}
.contact-info {font-size: 16px;align-self: center;}
.company-name {font-size: 16px;}
.footer-right { flex: 1; background-image: url(../img/footer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;margin-top: 0px;padding: 46px 0 46px 0px;}
.footer-right h2  { font-size: 38px;font-weight: 300;margin: 22px 0 22px 0;color: #ffffff;letter-spacing: -0.5px;display: block;text-align: left;width: unset;margin-left: 0px; } 
  
.contact-form {max-width: 420px;width: 100%;align-self: center;}
.footer-left h2{        margin: 22px auto;}
.footer-bottom {
    border-top: 1px solid #111111;
    text-align: center;
    padding: 0px 0 20px;
    background-color: #000000;
}
.features-section { background-color: #f7f7f7;width: 100%;padding-top: 27px;padding-bottom: 27px;}
.story-yazi > span:nth-of-type(2) {transform: translateX(0%);}
.story-yazi > span:nth-of-type(1) {transform: translateX(0%);}
.story-img {    clip-path: inset(0 0 0 0);}
.anasayfa-slider > div {width: 100%;transform: translate(-50%, 0);top: auto;bottom: 20%;}

.mobil-br {display: none;}
.banner {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
            padding: 60px 0 60px;
}
.banner2 {
    display: flex;
    overflow: hidden;
    width: 100%;
}
.banner3 > div {
    text-align: left;
    font-size: 62px;
}
.banner-alt {width: 84%;}

.banner3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 57px;
    width: 58%;
    flex-direction: column;align-items: flex-start;
    margin: 0;margin-top: 68px;justify-content: center;
}
.siyah-baslik {
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 57%;
    font-size: 49px;
    font-family: 'ZWFont2';
}
.siyah-ana-baslik {
    margin-bottom: 60px;
    width: 100%;
    text-align: center;
    line-height: 58px;
    margin-top: 40px;
}
.banner1 {
    width: 42%;        order: 1;margin-top: 60px;
}
.banner2 > div > p {    padding: 33px 0px 25px 46px;}
.site-footer {height: auto;}
}


@media screen and (max-width: 1750px) {


    .banner-alt {    width: 90%;}
}








@media screen and (max-width: 768px) {

  .ani-left,.ani-right,.ani-bottom,.ani-tam{opacity:1;transform:translate(0)}
 .ani-img {clip-path: inset(0 0 0 0);opacity:1;}

.slide-mobil-resim {
        display: block !important;}
.image-responsive{display: none !important;}
a.nav {display: block;}
.header-cizgi {bottom: -59px;}
.nav-giris .logo {    top: 9px;}
.story-yazi > span:nth-of-type(2) {transform: translateX(0%);}
.story-yazi > span:nth-of-type(1) {transform: translateX(0%);}
.story-img {    clip-path: inset(0 0 0 0);}


.slide-yazi >div>p {    font-family: 'ZWFont1';font-size: 18px;letter-spacing: 0.5px;text-align: center;}
.nav-container {    top: 42px;}
.nav-giris img[alt="telefon"] {margin-left: 8px;}
.nav-menu-sag {display: flex !important;
  align-items: center !important;
  gap: 6px !important;      
  margin-left: auto !important;}
.denim-sanati-flex {width: 58%;margin: 50px auto 100px;}
.denim-text {    line-height: 21px; width: 100%; margin: 0 auto; max-width: 100%; font-size: 12px;}
.yazi > div > div {    font-size: 42px;}
.yazi {padding: 63px 0;}
.story-yazi {font-size: 32px; color: #fff;}
.features-container {display: flex;justify-content: center;align-items: center;max-width: 66%;margin: 60px auto 76px;flex-wrap: wrap;gap: 59px; }
.feature-card { flex: 1; text-align: center; padding: 10px 20px; border-right: none;}
.feature-card h3 {font-size: 18px;color: #111111;margin: 0 0 20px 0;font-family: 'ZWFont4';}
.feature-card p { font-size: 15px;color: #858585;margin: 0;font-family: 'ZWFont2';}
.banner-img{display: none !important;}
.banner-satir > div:first-child {display: none !important;}
.banner-satir > div:last-child {width: 100% !important;}
.banner-satir {    padding-left: 72px;}
.banner-aciklama {font-family: 'ZWFont2';font-size: 27px;color: #777777;padding: 45px;}
.sayi {padding: 45px;font-size: 31px; font-family: 'ZWFont4'; width: 33%;}
.footer-container {display: flex;flex: 1;width: 100%;flex-direction: column;}
.footer-left {flex: 1;background-color: #1a1a1a;padding: 30px 19% 30px;display: flex;justify-content: center;flex-direction: column;}
.footer-right {margin-top: 35px;    padding: 10% 19% 20px;}
.contact-info {font-size: 16px;         align-self: center;}
.company-name {    font-size: 16px;}
.footer-right { flex: 1; background-image: url(../img/footer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;padding: 10px 10% 10px;display: flex;flex-direction: column;justify-content: center;margin-top: 35px;}
 .footer-right h2  { font-size: 38px;font-weight: 300;margin: 0 0 20px 0;color: #ffffff;letter-spacing: -0.5px;display: block;text-align: left;width: unset;margin-left: 0px; } 
.contact-form {max-width: 420px;width: 100%;align-self: center;}
.footer-left h2{}
    .denim-text {font-size: 10px;}
    .banner-yazi {
        color: #a1a1a1;
        display: flex;
        margin-top: 6%;
        width: 66%;
        font-size: 20px;
        font-family: 'ZWFont2';
        text-align: left;margin-bottom: 50px;
    }
    .banner-ic > div {
        display: flex;
        width: 90%;
        margin: 0 auto 0px;
        position: relative;
        align-items: center;
       
    }
    .anasayfa-slider > div {
        width: 100%;
        transform: translate(-50%, 0);
        top: auto;
        bottom: 17%;
    }
    
        .slide-yazi >div>p {width: 40% ; font-family: 'ZWFont2';}
    .banner-ic > div:nth-child(1){flex-direction: column;}
    .cesit-image{    width: 95%;
    margin: 0 auto;}
      .zengin-cesit {
        writing-mode: unset;
        text-align: left;
        width: 71%;
        margin: 0px 0px 0px 11px;
    }
    .banner-sag {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-bottom: 12%;
        width: 100%;
        margin-top: 50px;
    }
        .paragraf {
        color: #fff;
        width: 63%;
    }
}



@media screen and (max-width: 450px) {
    
.nav-giris .logo {width: 72px;
        height: 41px;}
    .anasayfa-slider > div {
        width: 100%;
        transform: translate(-50%, 0);
        top: 59%;
        bottom: 20%;
    }
        .paragraf { width: 81%;;}
    .contact-info {max-width: 100%;}
    .anasayfa-slider > div > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: #ffffff;
}
.footer-bottom {    border-top: 0px solid #111111; padding: 20px 0 20px;}
.contact-info p {justify-content: center;
        text-align: center;}
.contact-info p br {
    display: block;
}
.banner1 {width: 100%;margin-bottom: 20px; margin-top: 20px; order: 1;}
.banner2 {
    display: flex;
    overflow: hidden;
    width: 100%;
    flex-direction: column;        flex-direction: column-reverse;
}
.nav-container {    height: 60px;}
.banner2 > div:nth-of-type(2) {
    padding-top: 15%;
    width: 100%;
}
.banner2 > div > p {
    width: 100%;
    font-family: 'ZWFont2';
    padding: 0px 0px 26px 0px;
    line-height: 28px;
    font-size: 15px;
    text-align: left;
}
.banner3 > div {
    text-align: left;
    font-size: 40px;
}
.banner2 .ani-bottom {margin-bottom: 20px;}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > span {
    color: #000000;
    font-family: 'ZWFont1';
}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > span {
    margin-left: 0%;
}
.banner2 > div:nth-of-type(2) > div:nth-of-type(1) {
    font-size: 40px;
    margin-left: 0px;
    letter-spacing: 1px;
    line-height: 29px;
}
.banner3 {    margin-top: 50px;
    display: flex;
    width: 100%;
    gap: 22px;flex-direction: column;margin: 0; align-items: flex-start;order: 2;}
.banner2 > div:nth-of-type(1) {
    overflow: hidden;
    width: 100%;
}
.banner-alt {
   width: 96%;
        font-family: 'ZWFont2';
        line-height: 28px;
        font-size: 15px;
        text-align: left;
        display: flex;
        flex-direction: column;
        padding-left: 0px;
}
.mesaj-item {
    font-family: 'ZWFont1';
    font-size: 14px;
    margin: 0px 23px;
}
.yatay-paragraf {
    font-size: 14px;
    font-family: 'ZWFont2';
    letter-spacing: 1px;
    line-height: 21px;
    color: #fff;
    margin-right: 20px;
}
.zengin-cesit {
    writing-mode: unset;
    text-align: left;
    height: 50%;        margin: 0px 0px 0px 4px;
}
    .company-name {
        font-size: 16px;
        
    }
.nav-container > div > span {color: #000000;font-size: 10px;margin-left: 4px;font-family: 'ZWFont3';letter-spacing: 1px;}
.slide-yazi >div >span {font-family: 'ZWFont1';
        font-size: 18px;
        padding: 23px 23px 11px 23px;}
.slide-yazi >div>p {font-family: 'ZWFont2';
        font-size: 12px;
        letter-spacing: 0;
        text-align: center;
               padding: 10px 87px 10px 87px;
        width: 100%;}
        .nav-container > a > span {
    color: #000;
    font-size: 10px;
    margin-left: -3px;
    font-family: 'ZWFont2';
    letter-spacing: 1px;
}

.nav-giris img[alt="telefon"] {margin-left: 18px; height: 30px;}
.denim-text { line-height: 21px;width: 100%;margin: 0 auto;max-width: 100%;font-size: 12px;}
a.nav {display: block;}
.nav-giris .logo {     top: 9px;}
.header-cizgi {bottom: -45px;}
.contact-info .label { width: 52px; flex-shrink: 0;}
.nav-menu-sag {top: 5px; display: none;}

.footer-left {padding: 40px;    text-align: center;}
.footer-right {flex: 1;background-image: url(../img/footer.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;margin-top: 0px;         padding: 40px 40px 0px 40px;}

.sayi { padding: 33px; font-size: 17px; font-family: 'ZWFont4'; width: 38%;}
.banner-aciklama {font-family: 'ZWFont2'; font-size: 17px; color: #777777;padding: 45px 10px;}
.yazi > div > div:nth-of-type(1) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(2) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(3) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(4) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(5) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(6) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(7) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.yazi > div > div:nth-of-type(8) > span {transition-delay: .1s;font-family: 'ZWFont1';}
.story-yazi {font-size: 26px; color: #fff;}
.feature-card {flex: 1;
        text-align: center;
        padding: 10px 20px;
        border-right: none;
        width: 100%;}
.features-container {display: flex;
        justify-content: center;
        align-items: center;
        max-width: 90%;
        margin: 20px auto 76px;
        flex-wrap: wrap;
        gap: 54px;
        flex-direction: column;}
    .nav-container .nav-menu-sag > span {
    position: absolute;
    right: 41px;
    font-family: 'ZWFont2';
}
            .nav-menu-sag {margin-right: -14px;}
        .form-buttons {        margin: 0 auto;}
.features-section {background-color: #f7f7f7;width: 100%;padding-top: 27px;padding-bottom: 27px;}
.footer-left h2 {margin: 0 0 20px 0;margin-left: -2px; font-size: 30px;}
.footer-right h2 {font-size: 34px;font-weight: 300;   margin: 0px 0px 20px 0;color: #ffffff;letter-spacing: -0.5px;display: block;text-align: center;width: 100%; margin-left: 0px;}
.contact-info .adres-devam {display: inline-block;        margin-left: 0px;}
.nav-giris img[alt="telefon"] {margin-left: 6px;height: 30px;width: 30px;}
    .yazi > div > div {font-size: 27px;}
.banner {display: flex;flex-wrap: wrap;padding: 0 0 30px;}
.denim-sanati-flex { width: 58%;margin: 50px auto 50px;}
.story-yazi > span:nth-of-type(2) {transform: translateX(0%);}
.story-yazi > span:nth-of-type(1) {transform: translateX(0%);}
.story-img {    clip-path: inset(0 0 0 0);}
.siyah-ana-baslik {
    margin-bottom: 7px;
    width: 100%;
    text-align: center;
    line-height: 39px;
    margin-top: 37px;
}
.footer-left {background-color: #1a1a1a;}
.banner-sol:first-child {
    margin-top: 0;
  }
  .contact-form {
        max-width: 420px;
        width: 100%;
        align-self: center;
    }
  .form-group {
    display: flex;
    gap: 25px;
    margin-bottom: 30px;
    flex-direction: column;
}
    .feature-card h3 {
        font-size: 18px;
        color: #111111;
        margin: 0 0 20px 0;
        font-family: 'ZWFont2';
    }
    .feature-card p {
        font-size: 15px;
        color: #858585;
        margin: auto;
        font-family: 'ZWFont2';
        width: 76%; padding: 0;
    }
.siyah-baslik {
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 62%;
    font-size: 30px;
    font-family: 'ZWFont2';
}
.banner-sol {
    width: 94%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 21px;margin-top: 30px;
}
.dikey {margin-bottom: 10px;
    margin-top: 20px;}
.banner-ic {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;        margin-left: -10px;
}
.banner-ic > div {
            display: flex;
        width: 94%;
        margin: 0 auto 0px;
        position: relative;
             flex-direction: column-reverse; margin-top: 30px;
}
.banner-yazi {
   color: #a1a1a1;
        display: flex;
        width: 83%;
        font-size: 15px;
        font-family: 'ZWFont2';
        text-align: left;
        margin: 0px auto 30px;}
.banner-enalt {
        width: 100%;
        font-family: 'ZWFont2';
        line-height: 28px;
        font-size: 15px;
        text-align: left;
        display: flex;
        flex-direction: column;
        padding-left: 24px;
    }
    .cesit-image {
        width: 93%;
        margin: 0px 0px 0px 8px;
    }
    .btn-reset {        padding: 11px 11px; font-size: 11px;}
.btn-submit {padding: 11px 11px; font-size: 11px;}
.banner-sag {
    display: flex;
    align-items: flex-end;
    
    flex-direction: column; margin-top: 20px;         padding: 0;
}
.global-ag {
    width: 91%;
        padding-right: 16px;
}
.ikinci {
    width: 91%;
}


}





@media screen and (max-width: 375px) {

.company-name {
        font-size: 16px;
        margin-left: -10px;
    }
    .slide-yazi >div>p {        padding: 0px 0 10px;         width: 77%;}











    
}