@charset "UTF-8";
@import url('style0.css');
:root{
  --rf:#fff;--r0:#00070f;--r01:#222;--r02:#555;--r03:#aaa;--r04:#eee;--r1:#2e3192;--r2:#f7941e;--r3:#300018;--r4:#01ccef;--r5:#fa0;--r6:#fc0;--r7:#d33;
  --rafc:#ffffffcc;--raf9:#ffffff99;--raf6:#ffffff66;--raf3:#ffffff33;--ra0c:#00070fcc;--ra09:#00070f99;--ra06:#00070f66;--ra03:#00070f33;--ra:#00070f00;
  --ra1c:#2e3192cc;--ra19:#2e319299;--ra16:#2e319266;--ra13:#2e319233;--ra2c:#f7941ecc;--ra29:#f7941e99;--ra26:#f7941e66;--ra23:#f7941e33;--ra6c:#ffcc00cc;--ra69:#ffcc0099;--ra66:#ffcc0066;--ra63:#ffcc0033;
  --rg1:linear-gradient(-45deg,var(--r4),var(--r1));--rg2:linear-gradient(135deg,var(--r2),var(--r4));
  --rg3:linear-gradient(135deg,var(--rf) 25%,var(--r5));--rg4:linear-gradient(135deg,var(--r2),var(--r1));
  --rg5:linear-gradient(-45deg,var(--r6) 25%,var(--r5));--rg6:linear-gradient(var(--rf),var(--r03));--rg7:linear-gradient(var(--ra06),var(--r0));
  --brm:3px;--brn:5px;--brb:8px;
  --bs:1px 1px 5px -2px #00000099;
  --p1:10px;--p2:20px}
html,body{min-height:100vh}body{background:var(--rg1);max-width:100%;overflow-x:hidden;padding-top:75px}
header{position:absolute;top:0;left:0;width:100%;background:var(--raf3);z-index:9;padding:0 10px}
header:hover{background:var(--rf)}header a:hover{color:var(--r2)}
#logo{float:left;width:150px;position:relative;z-index:2}#logo strong{display:none}#logo img{width:100%;display:block}
nav{float:right}nav ul{list-style:none}
nav li{display:inline-block;line-height:25px;padding:25px 10px;font-weight:bold}
#sonli::after,#sonli::before{content:"";position:absolute;left:5px;top:8px;right:5px;height:5px;background:var(--rf)}#sonli::before{top:18px}
#sonli{display:none;padding:15px;border:5px solid var(--rf);position:absolute;top:20px;right:15px}
.ac{position:fixed;background:var(--rf);height:100vh}
.ac ul{text-align:right}.ac li{display:block}
ul ul {position:absolute;background:var(--rf);display:none;margin:0 -10px}
ul li:hover ul, li li {display:block}ul ul ul{right:100%}
.dip ul{list-style:none;position:static !important;padding:0 !important;margin:0 !important;display:inline-block !important;background:none !important}
.dip li{display:inline-block;line-height:20px;padding:0 10px;font-weight:bold}
.dip{text-align:center;background:var(--rf)}

header.ac{position:fixed;background:var(--rf);height:100vh}

#avi{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--r1)}
#aviv{position:absolute;top:-5%;left:-5%;width:110%;height:110%;object-fit:cover;z-index:0;opacity:.3}
.avim{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:white;text-shadow:0 0 10px rgba(0,0,0,0.8);padding:1rem;z-index:2}
.avim h1{color:var(--rf);font-size:6em}.avim p{font-size:1.2em}
.avil1, .avil2{display:inline-block;margin:1rem 0.5rem;padding:0.8rem 1.5rem;color:white;background:var(--r2);border-radius:5px;text-decoration:none;font-weight:bold;transition:background 0.3s}
.avil1:hover, .avil2:hover{background:var(--raf6)}
#sus{position:absolute;width:50px;height:50px;border:2px solid #fff;left:10px;bottom:10px;z-index:998;cursor:pointer}
#sus::after,#sus::before{content:"";position:absolute;left:12px;top:8px;width:0px;height:21px;border:4px solid #fff;transform:rotate(180deg)}
#sus::before{left:28px}
#sus.oynat::after,#sus.oynat::before{height:0px;width:0px;left:50%;top:50%;margin-left:-25px;margin-top:-16px;transform:rotate(45deg);border:16px solid transparent;border-right-color:var(--rf);border-top-color:var(--rf)}

.pesrev{text-align:center;font-size:1.5em;padding:10%;color:var(--rf)}
.pesrev hr{margin:5% 20%}
.pesrev strong{display:block;font-size:2em;text-shadow:0 0 30px var(--rf)}

.kolaj{background:url(/dosya/ilm2.jpg) center center no-repeat;background-size:cover;width:100vw;height:66vw;position:relative;color:var(--rf)}
.kolaj em{position:absolute;left:50%;transform:translate(-50%, 11vw);font-size:2em;overflow:hidden;padding:25px;border-radius:10px;border:1px solid var(--rf)}
.kolaj em::before{content:"";position:absolute;inset:0;background:var(--rg1);z-index:-1;opacity:.7}
.kolaj a{display:inline-block;padding:0.8rem 1.5rem;color:white;background:var(--r2);border-radius:5px;text-decoration:none;font-weight:bold;position:absolute;left:50%;transform:translate(-50%, 20vw)}

.kutu{display:flex;flex-wrap:wrap}.kutu a{flex:33.33%;position:relative;display:block;padding:10px 10px 20px;color:var(--rf);font-size:.8em}
.kutu a::after{content:"";position:absolute;inset:0;background:var(--r0);z-index:-1}.kutu strong{position:relative;text-shadow:none;font-size:1.1em;padding:10px 0 30px;color:var(--r4)}
.kutu strong::after{content:"";position:absolute;inset:auto 40%;bottom:10px;border-bottom:2px solid var(--raf3)}
.kutu > a:nth-child(1)::after{opacity:.1}.kutu > a:nth-child(2)::after{opacity:.2}.kutu > a:nth-child(3)::after{opacity:.3}
.kutu > a:nth-child(4)::after{opacity:.4}.kutu > a:nth-child(5)::after{opacity:.5}.kutu > a:nth-child(6)::after{opacity:.6}
.kutu > a:nth-child(7)::after{opacity:.7}.kutu > a:nth-child(8)::after{opacity:.8}

#gir{background:var(--r1);position:fixed;z-index:666;inset:0px;opacity:1;z-index:999}
#gir.girdi{opacity:0}
#gir.cikti{display:none}
#gir .logo{position:absolute;inset:25%;background:url("/dosya/logo-hat.svg") center no-repeat;background-size:contain;}
#gir .logo::after{content:"";position:absolute;inset:0px -100%;background:url("/dosya/sakla.png") center no-repeat;background-size:contain;animation:kay 5s linear infinite}
.gir{position:absolute;overflow:hidden;left:50%;bottom:25%;padding:5px 15px;border-radius:5px;color:var(--rf);cursor:pointer;transform:translate(-50%, 0);box-shadow:var(--r4) 0 0 50px}
.gir:hover{color:var(--r1)}.gir:hover::before{background:var(--rf)}
.gir::after,.gir::before{content:"";position:absolute;padding:100%;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:5px;z-index:-2;background:url(/dosya/arka3.png) center center}
.gir::before{background:var(--r1);padding:0;width:calc(100% - 2px);height:calc(100% - 2px)}.gir::after{animation:don 2s linear infinite;z-index:-3}

#resimli{position:relative;background:var(--r2);width:100vw;height:18.2vw;overflow:hidden}
#resimli img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;max-width:unset;object-fit:cover}
.otur100 img{opacity:.2}
#resimli h1{position:absolute;top:50%;left:5%;padding:0;margin 0;transform:translateY(-50%);font-size:42px;color:var(--rf)}
.resimsiz{background:var(--r2);background:var(--r2);padding:20px;color:var(--rf);margin-bottom:20px;color:var(--rf)}
.en{padding:20px;font-size:18px;color:var(--raf9);max-width:820px;margin:auto}
.sayfa h1{line-height:1em}

.tur{display:block;margin:10px 0;padding:20px;border-radius:10px;background:var(--raf3);border:2px solid var(--rf)}
.tur::after{content:"";display:block;clear:both}.tur:hover{background:var(--raf6)}
.turi{float:left;margin-right:10px;width:150px;height:150px;overflow:hidden;border-radius:5px;border:2px solid var(--rf);position:relative}
.turi img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.tur strong{display:block;font-size:1.2em}
.tfiyat{float:right;padding:10px;;margin-left:10px;font-size:2em;font-weight:bold;color:var(--rf);text-align:center;background:var(--r1);border-radius:10px}
.teski{display:block;font-size:.5em;position:relative;color:var(--r4)}
.teski::before,.teski::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:var(--raf6);transform:rotate(-10deg)}
.teski::after{transform:rotate(10deg)}.tkisa{font-size:.8em;color:var(--rf)}
.indirim{display:block;font-size:.45em;color:var(--r2)}
.tur:hover .tfiyat{background:var(--r2);transform:scale(1.1)}.tur:hover .teski,.tur:hover .indirim{color:var(--ra09)}
.tfiyat.sec{background:var(--r2);transform:scale(1.1)}.sec .teski,.sec .indirim{color:var(--ra09)}
.tyeni{position:relative}.tyeni span{font-size:.4em;position:relative;top:-1em}.tyeni em{position:absolute;font-size:.4em;bottom:.5em;right:.5em}

.tgenel{padding:20px}
.tgenel ul{display:block;padding:10px;list-style-type:'\2713';background:var(--rafc);border-radius:5px;color:var(--r0);position:relative;overflow:hidden}
.tgenel ul::after{content:"";background:url(/dosya/arka1.png) right center no-repeat;background-size:contain;position:absolute;inset:-25% 2%;z-index:-1;opacity:.5}
.tgenel li{font-size:.8em;margin-left:1.2em;padding-left:.8em}
.tgenel h4{font-size:1em;margin-left:15px;background:var(--ra09);width:fit-content;padding:5px 15px;border-radius:5px 5px 0 0}
.tdetay {background:var(--ra06);color:var(--rf);padding:20px;border-radius:10px;font-size:.9em;margin-bottom:40px}
.tdetay h4{color:var(--r2)}
.tdahil,.tuygun{display:block;float:left;width:50%;text-align:right;padding-right:40px;position:relative}.tdahil li,.tuygun li{list-style:none}
.tdahil::after{position:absolute;content:"";background:#fff;right:0;top:0;bottom:0;width:2px}
.tuygun{text-align:left;padding-left:40px;padding-right:unset}
.tonemli{clear:both;padding:60px 40px 40px;position:relative;width:fit-content;margin:auto;font-size:.8em}.tdetay ul{margin:20px}.tdetay h5{color:var(--rf)}
.tonemli::after{content:"";position:absolute;inset:40px 10px 20px;border-radius:10px;background:var(--r7);z-index:-1}

.tur a{display:grid;grid-template-areas:"resim baslik fiyat""resim kisa fiyat";grid-template-columns:1fr 3fr 1fr;gap:0}
.turi {grid-area:resim}.tur a strong {grid-area:baslik}.tkisa {grid-area:kisa}.tfiyat {grid-area:fiyat}

footer{padding:30px;clear:both;background:var(--r1);color:var(--rf);text-align:right;position:relative;margin-top:20px}
footer::after, footer::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px;background:url(/dosya/arka4.png) center;background-size:contain}
footer::after {opacity:.5;top:-25px;background:url(/dosya/arka4.png) 23px center;background-size:contain}
#alogo{height:50px;float:left;margin-top:-15px}

#yorumla{padding:20px;margin:80px 20px 20px;background:var(--rf);border-radius:20px;color:var(--r1);position:relative;
         display:grid;grid-template-areas:"yAd yAd""yTel yPosta""yKonu yKonu""yMesaj yMesaj""yolla yolla";grid-template-columns:1fr 1fr;gap:20px}
.yAd{grid-area:yAd}.yTel{grid-area:yTel}.yPosta{grid-area:yPosta}.yKonu{grid-area:yKonu}.yMesaj{grid-area:yMesaj}
#yorumla input.yolla{grid-area:yolla;max-width:200px;margin:auto;background:var(--rg5);box-shadow:none;cursor:pointer;margin-bottom:10px}
#yorumla input, #yorumla textarea{display:block;width:100%;font-size:1em;padding:5px;border-radius:5px;border:1px solid var(--ra03);box-shadow:inset 1px 1px 2px var(--ra06);background:var(--ra13)}
#yorum textarea{height:10em}#yorumla h5{position:absolute;left:0;top:-.9em;width:100%;text-align:center;font-size:3.5em;color:var(--rf);opacity:.34}

#hata span:hover::after {background:var(--r2);color:var(--r0);transform:rotate(125deg)}
#hata span::after {content:"+";position:absolute;top:-10px;right:-10px;line-height:20px;width:20px;background:var(--r0);color:var(--rf);text-align:center;border-radius:100%;border:1px solid var(--rf);transform:scale(2) rotate(45deg)}
#hata span {padding:40px 50px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:var(--rf);border-radius:10px;font-size:1.3em;cursor:pointer}
#hata {position:fixed;inset:0;background:var(--ra09);z-index:999999}

.diller{z-index:10;list-style:none;position:absolute;left:175px;top:20px}.diller li{display:inline-block}.diller img{width:30px;margin:5px}
.iletisim{background:var(--raf3);border-radius:20px;padding:0px 20px 30px;margin-top:20px}.harita iframe{width:100%;height:250px}

/******* hareket *******/
*,*::after,*::before{transition:.3s all;-webkit-transition:.3s all;-o-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all}
#gir{transition:1.5s all;-webkit-transition:1.5s all;-o-transition:1.5s all;-moz-transition:1.5s all;-ms-transition:1.5s all}

@keyframes kay{0%{transform:translate(-33%, 0)}100%{transform:translate(33%, 0)}}
@keyframes don{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}

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

@media only screen and (max-width:800px){
    nav li{display:none}#sonli{display:block}nav{float:none;width:100%;clear:both}
    header:hover #sonli{border-color:var(--r1)}header:hover #sonli::after,header:hover #sonli::before{background:var(--r1)}
    .tdahil,.tuygun{float:none;width:auto;text-align:center;padding:20px;}
    .tdahil::after{position:absolute;content:"";background:#fff;right:0;top:unset;left:0;bottom:0;width:auto;height:2px}#resimli{height:10em}
    .tur a{grid-template-areas:"resim fiyat" "baslik baslik" "kisa kisa";grid-template-columns:1fr 1fr;gap:5px;text-align:center}
    .tur strong{font-size:1.5em}#yorumla h5{font-size:2em;}
    .kutu a{padding:0;flex:100%}.kutu strong{padding:10px;font-size:1em}.kutu em,.kutu strong::after{display:none}
    .pesrev strong{padding-bottom:20px}.kolaj em{width:85%;font-size:.9em;padding:10px;text-align:center}

    ul ul{position:static;display:block;padding-top:25px !important;margin-bottom:-25px}li li{padding-right:5px}li li a::after{content:"\21B5";margin-left:10px;}
    li li li a::after{content:"\21B5 \21B5"}li li li li a::after{content:"\21B5 \21B5 \21B5"}li li li li li a::after{content:"\21B5 \21B5 \21B5 \21B5"}li li li li li li a::after{content:"\21B5 \21B5 \21B5 \21B5 \21B5"}
}