@charset "UTF-8";
@font-face{font-family:KZFont1;src:url(Outfit-Light.ttf) format("truetype");font-style:normal;font-display:swap;font-weight: 400}
@font-face{font-family:KZFont2;src:url(Outfit-Medium.ttf) format("truetype");font-style:normal;font-display:swap}
::-webkit-scrollbar {width: 3px;background-color: #eee}
::-webkit-scrollbar-track {background-color: #ccc;width: 2px;border: 1px solid #fff}
::-webkit-scrollbar-button {display: none}
::-webkit-scrollbar-thumb {background-color: #000;}
* {padding: 0;margin: 0;box-sizing: border-box;}
a{text-decoration: none;color: #000;}
ul{list-style: none;padding: 0;margin: 0}
body{margin:0;background-color:#fff;color:#000;font-family:KZFont1;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1, h2, h3, h4, h5, h6 {display: inline-block;font-size: 100%;font-weight: normal;font-family: KZFont2;}
.img-responsive { display: block; max-width: 100%; width: 100%; height: auto; margin: auto; }
.img-responsive > img { display: block; max-width: 100%; width: 100%; height: auto; margin: auto; }
.hHeader{position: relative;width: 100%;z-index: 9999}
.divHeader {background: #fff;padding: 20px 24px;border-radius: 87px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;z-index: 9;position: relative;margin: 30px auto;width: 80%;}
.divHeader > .divBol{display: flex; justify-content: space-between; align-items: center;}
.divMMenu {display: none;width: 36px;height: 30px;background: url(../img/btnMMenu.svg) center center / cover no-repeat;z-index: 999;float: left;filter: invert(1);}
nav > ul > li {display: inline-block;position: relative}
nav > ul > li a{padding: 0 40px;display: block;color: #000;font-size: 18px;transition: .3s;font-weight: 600}
nav > ul > li a:hover{color: #e5372b}
nav > ul > li a:first-of-type{padding-left: 0}
.dropdown{display: none;z-index: 999999;position: absolute;right: 10px;margin: 0 0 0 0;padding: 10px;box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);background: #fff;min-width:250px;}
.dropdown li a {color: #000;padding: 8px 12px;transition: 0.3s;display: block;font-size: 15px;}
.dropdown li a > strong{color: red}
.divMenuIcFixed {position: fixed !important;z-index: 111;width: 100%;top: 0;background-color: transparent;}
.divMenuIcFixed .divHeader{margin: 10px auto}
.hTeklif a{display: inline-block;padding: 10px 40px;font-size: 16px;line-height: 16px;transition: .3s;position: relative;z-index: 1;background: #e5372b;color: #fff;font-family: 'KZFont2';transition: all 0.3s ease}
.hTeklif a span{background: #000;height: 32px;width: 32px;display: inline-block;line-height: 32px;border-radius: 50%;text-align: center;margin-right: -30px;transition: .3s;color: #fff;margin-left: 20px}
.hTeklif a:hover {background: transparent;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6); /* hafif yukarı kayma efekti */}
.hTeklif a:hover span{background: #fff;border: 1px solid;color: #e5372b;}

.videoBaslik {position: absolute;left: 0;right: 0;margin: auto;width: 60%;top: 40%;text-align: center;z-index: 9;}
.videoBaslik > div{display: flex;justify-content: center;align-items: center;gap: 0 12px}
.videoBaslik h1{display: block;color: #fff;font-family: 'KZFont2';font-size: 65px;}
.videoBaslik p{display: block;color: #fff;font-size: 22px;margin-bottom: 20px}
.videoBaslik a{display: inline-block;color: #fff;padding: 15px 50px;transition: .3s;position: relative;background: #e5372b;color: #fff;font-family: 'KZFont2';font-size: 16px;transition: all 0.3s ease}
.videoBaslik a:hover{background: #fff;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px); /* hafif yukarı kayma efekti */}
.sOverlay{height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;z-index: 1;background: rgb(0, 0, 0);opacity: 0.4;}
.divYB{width: 80%;margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 0 30px;position: relative;text-align: center;margin-top: -80px;z-index: 1;}
.divYB > div{width: calc(33.33% - 20px);background: #e5372b;padding: 50px;color: #fff;transition: all 0.3s ease}
.divYB > div:nth-child(2){background: #fff;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px)}
.divYB > div:nth-child(2) h4{color: #e5372b}
.divYB > div:hover{background: #fff;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px);}
.divYB > div:hover h4{color: #e5372b     !important;}
.divYB > div:nth-child(2):hover{background: #e5372b;color: #fff;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px);}
.divYB > div:nth-child(2):hover h4{color: #fff !important;}
.divYB > div h4{font-size: 35px;color: #fff;margin-bottom: 15px}
.divHak{width: 80%;margin: 80px auto;display: flex;flex-wrap: wrap;gap: 0 40px}
.divHak > div{width: calc(50% - 20px);position: relative;}
.divHak > .dAb > h2{font-size: 50px;display: block;font-family: 'KZFont2';}
.divHak > .dAb > h5{background:#FAE7E6;color: #e5372b;padding: 6px 20px;font-size: 16px}
.divHak > .dAb > p{margin-top: 30px;line-height: 30px}
.divHak > .dAb > div:first-of-type{display: grid;grid-template-columns: 1fr 1fr;margin-top: 40px}
.divHak > .dAb > div:first-of-type > div{display: flex;align-items: center;margin-bottom: 16px;}
.divHak > .dAb > div:first-of-type > div span{height: 20px;width: 20px;background: #FAE7E6;border-radius: 50px;display: block;line-height: 20px;font-size: 10px;text-align: center;color: #e5372b;margin-right: 8px;}
.divHak > .dAb > div:first-of-type > div > div{font-weight: bold}
.divHak > .dAb > div:last-of-type{display: flex;align-items: center;margin-top: 30px;}
.divHak > .dAb > div:last-of-type>div:first-of-type{height: 48px;width: 48px;background: #FAE7E6;line-height: 48px;text-align: center;border-radius: 50px;margin-right: 16px;}
.divHak > .dAb > div:last-of-type>div:last-of-type > p{font-size: 16px;line-height: 16px;color: #5A5A5A;}
.divHak > .dAb > div:last-of-type>div:last-of-type > a{color: #0C0504;font-weight: 700;display: block;font-size: 16px;line-height: 16px;padding-top: 12px;}
.divHak .im > img:last-of-type{position: absolute;top: 80px;left: 300px;border: 10px solid #fff;}
.divHiz{position: relative;background-color: #F5F1F1;padding: 100px 0 100px}
.divHiz > div{width: 80%;margin: auto;}
.divHiz > div:first-of-type{text-align: center;}
.divHiz > div:first-of-type > h5{text-align: center;background:#FAE7E6;color: #e5372b;padding: 6px 20px;display: inline-block;font-size: 16px}
.divHiz > div:first-of-type > h2{display: block;margin: 20px 0;font-size: 45px}
.divHiz > div:last-of-type{margin-top: 30px}
.divHiz > div:last-of-type .item{background-color: #fff;padding: 30px}
.divHiz > div:last-of-type .item span{height: 70px;width: 70px;background: #FAE7E6;line-height: 48px;text-align: center;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.divHiz > div:last-of-type .item span img{width: 45px;vertical-align: middle}
.divHiz > div:last-of-type .item h3{font-size: 20px;margin-top: 20px;}
.divHiz > div:last-of-type .item p{font-size: 14px;margin-top: 20px;}
.divHiz > div:last-of-type .item a{background: #FAE7E6;text-align: center;color: #e5372b;display: inline-block;margin-top: 30px;padding: 8px 25px;font-weight: bold}


/*İletisim*/
.divIletisim{padding: 230px 0 80px;text-align: center;background: #F8F9FA;}
.divIletisim > h1{font-size: 55px;font-weight: bold;letter-spacing: 2px}
.divIletisimD{display: flex;flex-wrap: wrap;gap: 0 40px;width: 80%;margin: 80px auto;justify-content: center;align-items: center;text-align: center;}
.divIletisimD > div{width: calc(33.33% - 27px);height: 180px}
.divIletisimD > div{display: flex;align-items: center;background: #fff;padding: 24px;border-radius: 7px;overflow: hidden;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;transition: .3s;}
.divIletisimD > div > div:first-of-type span{height: 70px;width: 70px;background: #FAE7E6;line-height: 48px;text-align: center;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.divIletisimD > div > div:first-of-type img{width: 30px}
.divIletisimD > div > div:first-of-type{margin-right: 30px;}
.divIletisimD > div > div:last-of-type h2{display: block;text-align: left;margin-bottom: 20px;font-size: 25px;font-weight: 400}
.divIletisimD > div > div:last-of-type a{display: block;text-align: left;}

/*Hakkimizda*/
.divHak2{width:85%;margin: 120px auto;display: flex;flex-wrap: wrap;gap: 0 40px;}
.divHak2 > div{width: calc(50% - 20px);}
.divHak2 > div > h2{font-size: 45px;}
.divHak2 > div > p:first-of-type{margin-top: 20px;}
.divHak2 > div > p{margin-bottom:20px;line-height: 30px;}
.divHak2 > div > div{display: flex;align-items: center;justify-content: center;gap: 0 60px;flex-wrap: wrap;margin-top: 30px;}
.divHak2 > div > div>div{width: calc(50% - 30px);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 20px;border-radius: 10px;text-align: center;font-family: 'KZFont2';font-size: 30px}
.divHak2 > div > div>div span{text-align: center;background:#FAE7E6;color: #e5372b;padding: 6px 20px;display: inline-block;font-size: 15px;font-family: 'KZFont1';}

.hPak{font-size: 45px;text-align: center;display: block;margin: 60px 0}
.divPaketler{width: 85%;margin: 0 auto 150px;display: flex;justify-content: center;align-items: center;gap: 0 40px;flex-wrap: wrap;}
#owlPaket .owl-item {padding: 30px;}
#owlPaket button{width: 30px;height: 30px;background: #e5372b;text-align: center;border-radius: 50px;color: #fff;font-size: 12px}
#owlPaket .owl-nav{position: absolute;top: 45%;width: 100%;margin: 0}
#owlPaket button:first-of-type{position: absolute;left: 10px}
#owlPaket button:last-of-type{position: absolute;right: 10px}
.sECTD{position: absolute;top: 55px;left: -10px;transform: rotate(-45deg);background: red;color: #fff;padding: 5px 20px;border-radius: 20px}
.divPaketler > div .item{text-align: center;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 30px}
.divPaketler > div h6{font-size: 28px;margin-bottom: 30px;}
.divPaketler > div ul li{margin-bottom: 10px}
.divPaketler > div a{display: inline-block;background: #e5372b;color: #fff;padding: 8px 20px;text-align: center;margin-top: 20px;transition: all 0.3s ease}
.divPaketler > div a:hover{background: transparent;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px); /* hafif yukarı kayma efekti */}
/* Üürn Deray */
.divUDH > div a.tAl{display: block;background: #e5372b;color: #fff;padding: 15px 20px;text-align: center;transition: all 0.3s ease   }
.divUDH > div a.tAl:hover{background: transparent;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px); /* hafif yukarı kayma efekti */}

.dUD{width: 80%;margin: 120px auto;display: flex;flex-wrap: wrap;gap: 0 60px;}
.dUD > div:first-of-type{width: calc(30% - 30px);}
.dUD > div{width: calc(70% - 30px);}
.divUDH > div{background-color: #F8F9FA;padding: 24px 20px;border-radius: 10px;margin-bottom: 30px;}
.divUDH > div h5,.divUDH > div h4{font-size: 30px;font-family: 'KZFont2';display: block}
.divUDH > div a{font-size: 15px;font-family: 'KZFont1';display: block;margin-top: 15px;background:#FAE7E6;color: #e5372b;padding: 12px;border-radius: 50px}
#owlUDS img{height: 500px;object-fit: cover}
.dUD > div:last-of-type > div:last-of-type h2{font-size: 35px;}
.dUD > div:last-of-type > div:last-of-type h3{font-size: 32px;}
.dUD > div:last-of-type > div:last-of-type h4{font-size: 30px;}
.dUD > div:last-of-type > div:last-of-type p,.dUD > div:last-of-type > div:last-of-type ul li{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
footer{background: #fff;padding: 40px 0 20px;position: relative;width: 100%;border-top: 1px solid }
footer > .divMenuAltUst{position: relative;background-color: #F5F1F1;padding: 50px;width: 70%;margin: -115px auto 60px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #fff}
footer > .divMenuAltUst h4{color: #e5372b;font-size: 40px;text-transform: uppercase;font-family: 'KZFont2';font-weight: 800}
footer > .divMenuAltUst > div a{margin-left: 30px;border:1px solid #e5372b;padding: 12px 30px;background: #e5372b;color: #FAE7E6;transition: all 0.3s ease}
footer > .divMenuAltUst > div a:hover {background: transparent;color: #e5372b;box-shadow: 0 0 12px rgba(229, 55, 43, 0.6);transform: translateY(-3px); /* hafif yukarı kayma efekti */}
footer > .divMenuAlt{width: 80%;margin: auto;display: flex;gap: 50px;justify-content: center;padding-bottom: 15px}
footer > .divMenuAlt > div{width: calc(25% - 20px);}
footer > .divMenuAlt > div h5{font-family: KZFont2;font-size: 25px;display: block;padding-bottom: 8px;border-bottom: 2px solid #e5372b}
footer > .divMenuAlt > div ul{margin-top: 22px;}
footer > .divMenuAlt > div ul li{position: relative; padding-bottom: 15px;}
footer > .divMenuAlt > div ul li a{font-size: 16px;display: block}
footer > .divMenuAlt > div ul li a i{font-size: 25px;color: #e5372b;margin-right: 20px}
footer > .divMenuAlt > div p{line-height: 25px;}
.aMLeftKapat {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 26px;
    background: url(../img/btnMLeftKapat.png) center center / contain no-repeat;
    filter: invert(1);
}
.aMLeftLogo {
    display: inline-block;
    width: 200px;
    height: 70px;
    background: url(../img/logo.png) center center / contain no-repeat;
    margin-left: 20px;
    margin-top: 10px;
}
.aWp{width: 45px;position: fixed;bottom: 50px;right: 100px;z-index: 9}
.aTel{width: 45px;position: fixed;bottom: 50px;right: 40px;z-index: 9}
.dnone{display: none}
.divMLeftBaslik{display: none}
.progress-wrap{position:fixed;left:50px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2);z-index:900;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear;background:url(../img/favicon.png) center / contain no-repeat;background-color:#fff;background-size: 30px;transform: rotate(-60deg)}
.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}
.progress-wrap:hover::before{opacity:1}
.progress-wrap svg path{fill:none}
.progress-wrap svg.progress-circle path{stroke:#1f2029;stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}
.kzn{text-align: center}
.kuzgun,.kuzgun2{display: table;
    width: auto !important;
    margin: 0 auto;
    color: #000 !important;
    font-size: 14px !important;
    line-height: 30px;
    font-weight: 700 !important;}
.kuzgun a img, .kuzgun2 a img {
    float: left;
    height: 50px;
    margin-right: 0 !important;
}
.kuzgun a img:last-of-type, .kuzgun2 a img:last-of-type {
    width: 0;
    height: auto;
    margin: 14px 3px 0 !important;
    transition: width .3s;
}
.kuzgun:hover img:last-of-type, .kuzgun2:hover img:last-of-type {
    width: 70px;
    margin: 14px 6px 0 !important;
    transition: width .5s;
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1180px) {
}
@media screen and (max-width: 1000px) {
    .progress-wrap{width:50px;height:50px;left:30px;}
    .dnone{display: block !important;margin-left: 20px}
    p{font-size: 14px !important;line-height: 25px !important;}
    .divMMenu {display: block;}
    nav {display: block;margin: 0;background-color: #fafafa;}
    .divHeader{width: 95%;margin: 15px auto;padding: 12px 24px}
    nav > ul {padding: 0;width: 100%;}
    .hTeklif{display: none}
    .divMLeft {z-index: 9999;top: 0;right: -100%;height: 100%;background-color: #fff;border: 0 solid #dfdfdf;position: fixed !important;width: 100% !important;margin: 0 !important;overflow-y: auto !important;}
    nav > ul > li {padding: 0;width: 100%;position: relative;}
    nav > ul > li > a, nav > ul > li > span {margin-right: 0;font-size: 15px;margin-left: 20px;line-height: 430%;display: block !important;color: #161616;}
    .dropdown{position: relative;right: 0}
    .dropdown li a{padding: 8px 12px !important}
    #owlSlide img{height: 700px;object-fit: cover;object-position: center}
    .videoBaslik{top: 40%;width: 95%}
    .videoBaslik h1{font-size: 30px;line-height: 35px;margin-bottom: 20px}
    .videoBaslik p{font-size: 14px}
    .videoBaslik a{padding: 10px 40px}
    .divHak,.divHak2{margin: 40px auto;gap: 20px 0;width: 95%}
    .divHak > div,.divHak2 > div{width: 100%}
    .divHak2 > div:first-of-type{order: 2}
    .divHak > .dAb > h2,.divHak2 > div > h2{font-size: 30px;line-height: 35px;}
    .divHak > .dAb > p,.divHak > .dAb > div:first-of-type{margin:15px 0;}
    .divHak > .dAb > div:last-of-type{justify-content: center;margin-top: 15px;}
    .divHak > .dAb > div:last-of-type>div:last-of-type > a{padding: 0}
    .divHak2 > div > div{gap: 0 10px;width: 100%;margin-top: 15px}
    .divHak2 > div > div>div{width: calc(50% - 5px)}
    .divHak2 > div > div>div{font-size: 25px}
    .im img{width: 100%}
    .divHak .im > img:last-of-type{top: initial;bottom: 20px;right: 20px;left: initial;width: 230px}
    .divHiz{padding: 50px 0}
    .divHiz > div{width: 95%}
    .divHiz > div:first-of-type > h5,.divHiz > div:last-of-type .item a,.divHak2 > div > div>div span{font-size: 12px}
    .divHiz > div:first-of-type > h2{font-size: 30px;line-height: 30px;}
    .divIletisim{padding: 145px 0 65px}
    .divIletisim > h1{font-size: 30px;line-height: 30px;}
    .divIletisimD{width: 95%;gap: 20px 0}
    .divIletisimD > div{width: 100%}.divIletisimD > div > div:last-of-type h2{font-size: 20px;margin-bottom: 10px;}.divIletisimD > div > div:last-of-type a{font-size: 14px}
    .dUD{    width: 95%;margin: 20px auto;gap: 20px 0;}
    .dUD > div{width: 100% !important;}
    .divUDH > div:nth-of-type(2){height: 150px;overflow: auto;}
    #owlUDS{margin-bottom: 15px}
    #owlUDS img{height: 400px}
    .dUD > div:last-of-type > div:last-of-type h2,.dUD > div:last-of-type > div:last-of-type h3,.dUD > div:last-of-type > div:last-of-type h4{font-size: 30px;line-height: 30px;margin-bottom: 15px}
    .dUD > div:last-of-type > div:last-of-type p, .dUD > div:last-of-type > div:last-of-type ul li{font-size: 14px;margin-bottom: initial;margin-bottom: 15px;}
    .divYB,.divPaketler{width: 95%;gap: 30px 0}
    .divYB > div,.divPaketler > div{width: 100%}
    .divYB > div h4,.hPak{font-size: 30px;line-height: 30px;}
    footer > .divMenuAltUst{width: 100%;display: block;padding: 50px 20px;text-align: center;}
    footer > .divMenuAltUst > div a{margin: auto;display: inline-block;text-align: center;margin-bottom: 10px}
    footer > .divMenuAltUst h4{display: block;text-align: center;font-size: 30px;margin-bottom: 20px;}
    footer{padding: 40px 0 10px}
    footer > .divMenuAlt{width: 95%;gap: 20px 0;flex-wrap: wrap}
    footer > .divMenuAlt > div{width: 100%}
    footer > .divMenuAlt > div ul li a{font-size: 14px},
footer > .divMenuAlt > div ul li{padding-bottom: 10px}
    .divMLeftBaslik{display: block}

}
@media screen and (max-width: 768px) {
.aLogo{width:140px;}
}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 375px) {
}