@charset "UTF-8";
@import url('style0.css');

body{background:var(--r1);color:var(--rf);font-size:14px}
a{color:var(--r4)}
.en{max-width:1200px;margin:auto;position:relative}

.tepe{height: 75px; background: var(--r1);}

.logo{float:left;display:block;height:65px;width:260px;background:url(../images/logo-2.svg) center center no-repeat; background-size:cover}
.logo strong{display:none}

.menu{float:right}.menu a {line-height:45px;margin:15px 5px}.lgn form{display:inline}
.lgn a,.lgn button {display:inline-block;background-color:var(--r2);color:var(--rf);padding:0 30px;border-radius:5px;font-weight:bold}
.lgn1{opacity:.66}.menu a:hover{color:var(--r6)}.lgn button{padding:20px 30px;font-size:1.25em;margin:35px}
.lgn a:hover,.lgn button:hover{opacity:1;color:var(--r2);background:var(--rf)}#tik{display:none}

.egik{transform:skewX(-20deg)}.egik span{display:inline-block;transform: skewX(20deg)}

.blm1{height:500px;background:url(../images/b1.jpg) center center;background-size:cover;position:relative}
.blm1 .m1{font-size:2em;letter-spacing:-1px;color:var(--rf);padding:75px 20px 20px}
.blm1 .m1 strong{font-size:1.5em}
.blm1 .m2{opacity:.8;padding-left:20px;}
.blm1 .b1{padding:20px 5px}
.blm1 .b1 a{line-height:45px;margin:15px 5px;display:inline-block;background-color:var(--r2);color:var(--rf);padding:0 30px;border-radius:5px;font-weight:bold}
.r5{background:linear-gradient(180deg, var(--rf) 0%, var(--r6) 5%, var(--r5) 80%);}
.blm1 .b1 a:hover{background:var(--rf);color:var(--r2)}
.r5:hover{color:var(--r5) !important;cursor:pointer}
.blm1 video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center center}
.blm1 .en{z-index:3}

.blm2{background:linear-gradient(90deg,var(--r1) 25%, var(--r6) 50%,var(--r1) 75%);position:relative}
.blm2::before,.blm2::after{content:"";position:absolute;z-index:2;inset:2px;background:linear-gradient(90deg,var(--r1) 10%, transparent 50%,var(--r1) 90%)}
.blm2::after{z-index:1;inset:2px;background:linear-gradient(180deg,#1C5EC4 0%, #0D367B 33%, #0B2965 70%,#1A3F82 100%)}
.blm2 .en{z-index:3;display:flex;align-items:center;justify-content:center}
.blm2 .en div{flex:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;
    font-size:1.1em;text-shadow:2px 2px 5px var(--r0);padding:15px 20px;position:relative}
.blm2 .en div::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background: linear-gradient(180deg, var(--r2) 0%, var(--rf) 50%, var(--r2) 100%);opacity:.5}
.blm2 .en div:first-child::before{display:none}

.blm3{display:flex;text-align:center;position:relative;
background: linear-gradient(90deg, var(--r1) 20%, var(--r2) 50%, var(--r1) 80%)}
.blm3::before{content:"";position:absolute;top:0;left:0;right:0;height:50px;
background: linear-gradient(180deg, var(--r1) 0%, transparent 100%)}
.blm3 div{flex:1;padding:1em 0;position:relative;z-index:2;}
.blm3 .ort{width:100px;flex-shrink:0;flex:auto;line-height:1em;font-size:2.5em;text-shadow:1px 1px 5px #000,0 0 30px #fff, 0 0 10px #fff}
.blm3 .sl::after,.blm3 .sg::after{content:"";position:absolute;top:49px;left:10px;right:10px;height:2px;
  background:linear-gradient(270deg, var(--rf) 0%, transparent 80%)
}.blm3 .sg::after{background:linear-gradient(90deg, var(--rf) 0%, transparent 80%)}

.blm4{background:var(--r1) url(../images/b2.jpg) center top no-repeat;background-size:contain;padding-bottom:50px}

.ktl{display:flex;justify-content:center;align-items:center;padding:50px 0;max-width:1200px;margin:auto}
.kt{width:25%;padding-top:20%;margin-left:-1.3%;background:url(../images/kt2.png) center top no-repeat;background-size:cover;position:relative}
.kt1{background-image:url(../images/kt.png)}
.kt .m{position:absolute;inset:0;padding:20px}.kt1 .m{padding-left:10px}
.kt .m1{padding-left:10px;font-weight:700;font-size:1.25em;position:relative}.kt .m1 span{font-size:2.5em;font-weight:900;padding:0 20px}
.kt .m1::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg, transparent 0%, var(--r6) 7%, transparent 100%)}
.kt .r{padding:30px 0 0;text-align:center}

.blm5{display:flex;text-align:center;position:relative}
.blm5 div{flex:1;padding:1em 0;position:relative;z-index:2;}
.blm5 .ort{width:100px;flex-shrink:0;flex:auto;line-height:1em;font-size:2.5em;text-shadow:1px 1px 5px #000,0 0 30px #fff, 0 0 10px #fff}
.blm5 .sl::after,.blm5 .sg::after{content:"";position:absolute;top:49px;left:10px;right:10px;height:2px;
  background:linear-gradient(270deg, var(--rf) 0%, transparent 80%)
}.blm5 .sg::after{background:linear-gradient(90deg, var(--rf) 0%, transparent 80%)}


.ktl2 .en{width:60%;display:flex;text-align:center;flex-wrap:wrap}
.ktl2 .kt{flex:1;background:linear-gradient(-115deg, #5a2804ba 2%, #b38700cc 17%, #68340d61 50%, #2d0c05e0 100%);
    border-radius:15px;margin:0;border-top:1px solid #ffffffb3;box-shadow:inset 10px -4px 20px #0000004d;box-shadow:2px 1px 10px #000000;
    margin:10px;text-align:center;padding:20px;display:flex;align-items:center;flex-wrap:wrap}
.ktl2 img{height:40px;margin-right:10px}

.blm6{position:relative;z-index:2;width:1000px;max-width:80%;padding:20px;margin:50px auto;border-radius:10px;text-align:center;overflow:hidden;border:1px solid var(--r2);text-shadow:1px 1px 3px #000}
.blm6::after{content:"";position:absolute;z-index:-1;inset:0;background:var(--r2);opacity:.3}
.blm6 a{padding:20px;display:inline-block;margin-top:20px;text-shadow:none}.blm7{font-size:1.5em}

.altmenu .logo{float:none;margin:auto;width:33%;height:0;padding-top:6%}
.altmenu .lks{padding:20px;margin:20px 0;background:linear-gradient(180deg, var(--r1) 0%, var(--r2) 40%, var(--r2) 60%, var(--r1) 100%);position:relative;text-align:center}
.altmenu .lks::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg, var(--r1) 0%, #03082655 50%,  var(--r1) 100%)}
.altmenu .lks a{display:inline-block;position:relative;z-index:2;color:var(--rf);padding:10px;text-shadow:1px 1px 3px #000}
.altmenu .lks a:hover{color:var(--r6)}

.dip{padding:30px;background:linear-gradient(180deg, var(--r2) 0%, #9cb7d3 7%, var(--rf) 15%);position:relative;text-align:center;color:var(--r1)}
.dip img{margin-top:30px}

h1 {font-size:28px;color:var(--r2);text-align:center;font-weight:normal}
h6{color:var(--r6)}

.faql{padding:50px}.faq:hover {cursor:zoom-in}
.faq{background:linear-gradient(-115deg, #043d5aba 2%, #1f74f4cc 17%, #0d466861 50%, #020318e0 100%);
    border-radius:15px;margin:0;border-top:1px solid #ffffffb3;box-shadow:inset 10px -4px 20px #0000004d;box-shadow:2px 1px 10px #000000;margin:10px;font-size:1.25em}
.faq:hover{background:linear-gradient(-115deg, #5a2804ba 2%, #b38700cc 17%, #68340d61 50%, #2d0c05e0 100%)}
.faq .soru{padding:20px;font-size:1.5em;position:relative}
.faq .soru::after, .faq .soru::before{content:"";position:absolute;bottom:0;right:50%;left:50%;height:3px;background:linear-gradient(90deg, transparent 0%, var(--r1) 50%, transparent 100%)}
.faq .soru::after{height:1px;bottom:-1px;background:linear-gradient(90deg, transparent 0%, var(--rf) 50%, transparent 100%);opacity:.5}
.faq .cevap{max-height:0;overflow:hidden;padding:0 20px}
.faq:hover .cevap{max-height:1000px;padding:20px}.faq:hover .soru{margin-bottom:20px}
.faq:hover .soru::after, .faq:hover .soru::before{right:10px;left:10px}
.faq ul,.faq li{padding:10px;margin:10px}

.yer{padding:50px;font-size:2.5em}.yer .title{padding:20px;font-weight:700;font-style:italic;color:var(--r6)}
.adres{background:#0308267a;padding:20px;border-radius:20px}

.form{display:flex;width:75%;margin:auto}
.form .sol,.form .sag{flex:1}
.form label,.form label span{display:block;padding:10px;font-size:1.25em}
.form label input,.form label textarea{display:block;padding:10px;font-size:1.25em;width:100%;border-radius:10px;border:1px solid #fff;background:#ffffff33;color:#fff;text-shadow:1px 1px 3px #000}
.form label textarea{height:210px}
.form .dur{font-size:12px;color:var(--r5)}


.sayfa .en {background:#00000033;padding: 50px;border-radius: 10px;margin-bottom: 50px;box-shadow: 0 0 20px var(--r2)}


/******* animasyon *******/	
.lgn a{transition:.2s all;-webkit-transition:.2s all;-o-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all}
.faq, .faq *, .faq *::before,.faq *::after{transition:1s all;-webkit-transition:1s all;-o-transition:1s all;-moz-transition:1s all;-ms-transition:1s all}

/******* uyum *******/

@media only screen and (max-width:700px){
  .blm1 .m1{font-size:1.5em}
  .kt .m1{text-align:center}.kt .m1 span {display:none}.kt .r{display:block}
  .menu{display:none}
  #tik{display:block;position:absolute;right:0;top:0;padding:25px}#tik::before{content:"Menu"}
  .tel{position:fixed;inset:0;height:auto;z-index:9999;background:linear-gradient(45deg, var(--r2), var(--r1))}
  .tel #tik::before{content:"Close"}
  .tel .menu{display:block;background:none;flex-direction:unset;float:none;clear:both;padding:20px}
  .tel .menu a{display:block;padding:20px !important;margin:10px 0;box-shadow:inset -5px -10px 30px var(--r2);transform:none !important;border-radius:20px !important;font-size:2em;opacity:1 !important;background:none !important}
  .tel .lgn a {display:block}.tel span{transform:none !important}
  .blm1 .b1{padding:20px 20px;width:50%}.blm2 .en div{font-size:1em}
  .blm1 .b1 a{background-color:var(--rf);color:var(--r1)}
  .form{display:block;width:80%}.yer{font-size:2em}.yer .title{font-size:1.25em}
  .blm4{background-size:cover}
  h1{padding:20px}
}