@charset "utf-8";


@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #1a7f98; }
p, h1, h2, h3, h4, h5, h6, strong, b { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; box-sizing: border-box; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; color: #414141; font-size: 14px; font-weight: 400; background: #f1f4f6; display: none; overflow: hidden; counter-reset: section; }
body.scFlow { overflow: hidden; }
body.scrool { overflow: inherit; }
strong, b { font-weight: bold; }



body, input, textarea { font-family: 'pop',sans-serif; }



.bekle { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #ecebeb url(../images/495.GIF) no-repeat center 120px; z-index: 101; display: block; text-align: center; }
.bekle:after { content: "Lütfen Bekleyiniz.."; margin-top: 200px; width: 100%; float: left; font-size: 12px; font-style: italic; }
.logo a, .logo img { width: 100%; float: left; position: relative; box-sizing: border-box; }



.icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; /* display: none; */ }



input, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span { transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
::after, ::before { box-sizing: border-box; }


.katResim { transition: background-image .4s; -webkit-transition: background-image .4s; -moz-transition: background-image .4s; -o-transition: background-image .4s; }



.siteWrap { width: 100%; height: auto; float: left; position: relative; overflow: hidden; transition: all .8s cubic-bezier(0.4, 0, 1, 1); transform: perspective(0em) scale(1) translateX(0%) translateY(0%) rotateY(-0deg); box-shadow: 0px 0px 0px rgb(0 0 0 / 0%); z-index: 960; transform-origin: center; background: #fff; }
.siteWrap.active { transform: scale(.6) translateX(30%) translateY(-5%) perspective(500em) rotateY(-45deg); height: 100vh; box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.4); transition: all .8s cubic-bezier(0.4, 0, 1, 1); }
.siteWrap.cActive { height: 100vh; }


.ortala { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 30px; }
.ortala.table { display: table; table-layout: fixed; }

.icerik.yActive { margin-top: 10px; }
.icerik .yazi a { color: #27569c; font-weight: 500; }
.icerik .solBar { width: 310px; float: left; box-sizing: border-box; background: #ececec; padding: 26px 32px; }
.icerik .solBar.aracMenu { background: none; padding: 0; }
.icerik .sagBar { width: calc(100% - 371px); float: right; box-sizing: border-box; }



.anaBaslik {width: auto;float: left;position: relative;z-index: 45;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.anaBaslik p {font-size: 15px;line-height: 19px;font-weight: 400;margin: 5px 0 0 0;padding: 0 0 0 0px;}
.anaBaslik u {color: #ff0000;font-weight: bold;}
.anaBaslik span { color: #b99764; }
.anaBaslik p.kirmizi { color: #f00; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; display: inline-table; table-layout: fixed; position: relative; z-index: 5; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik span a { width: 100%; text-align: left; float: left; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { font-size: 24px; line-height: 25px; font-weight: 300; }
.anaBaslik .solK {width: 60px;height: 60px;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;font-size: 18px;line-height: 18px;background: #fff;box-shadow: 0 0.46875rem 2.1875rem rgb(7 13 10 / 3%), 0 0.9375rem 1.40625rem rgb(7 13 10 / 3%), 0 0.25rem 0.53125rem rgb(7 13 10 / 5%), 0 0.125rem 0.1875rem rgb(7 13 10 / 3%);border-radius: 3px;margin: 0 20px 0 0;}



main { width: 100%; min-height: 100vh; float: left; position: relative; margin: 0; z-index: 140; padding-top: 62px; padding: 62px 0 0 280px; }
main section { width: 100%; float: left; position: relative; z-index: 65; margin: 0 0 30px 0; }
main section.icerik .slot { width: 100%; float: left; position: relative; background: #fff; border: 1px solid rgba(53,94,74,.125); border-radius: 45px; }
main section.icerik .slot > div { width: 100%; float: left; position: relative; padding: 15px 30px; border-bottom: 1px solid rgba(53,94,74,.125); }
main section.icerik .slot > div:last-child { border-bottom: 0; }
main section.icerik .slot .baslik { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 31px 30px; }
main section.icerik .slot .baslik h1, main section.icerik .slot .baslik h2, main section.icerik .slot .baslik h3 { font-size: 20px; line-height: 20px; font-weight: 300; }
main section.icerik .slot .detaylar { width: 100%; float: left; position: relative; padding-top: 40px; padding-bottom: 40px; }
main section .detaylar .islemYap {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
main section .detaylar .islemYap button.islem {width: auto;min-width: 120px;float: left;position: relative;font-size: 14px;line-height: 14px;font-weight: 400;color: #fff;background: #56cc9d;padding: 11px 17px;text-transform: uppercase;border-radius: 45px;cursor: pointer;z-index: 40;}
main section .detaylar .islemYap button.islem2 {width: auto;min-width: 120px;float: left;position: relative;font-size: 14px;line-height: 14px;font-weight: 400;color: #fff;background: #56cc9d;padding: 11px 17px;text-transform: uppercase;border-radius: 45px;cursor: pointer;z-index: 40;}
main section .detaylar .islemYap ul { display: none; width: 100%; position: absolute; background: #ffffff; border-radius: 9px; padding: 50px 0 20px 0; box-shadow: 0px 0px 13px #00000040; padding: 17px 17px; top: 42px; z-index: 666666666; }
main section .detaylar .islemYap ul li { width: 100%; float: left; position: relative; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #dbdbdb; }
main section .detaylar .islemYap ul li:last-child { margin-bottom: 0; padding-bottom: 0px; border-bottom: 0; }
main section .detaylar .islemYap ul li a { width: 100%; float: left; position: relative; font-size: 13px; line-height: 13px; color: #5f5f5f; }
main section .detaylar .gGorsel { width: 100%; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
main section .detaylar .gGorsel img {max-width: 80px;max-height: 50px;padding: 10px 0;}
main section .detaylar .gSpan span { width: auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; font-size: 11px; line-height: 15px; font-weight: 400; background: #f0f0f0; padding: 5px 10px; border-radius: 45px; margin: 0 5px 11px 0; }
main section .detaylar .gSpan span:last-child { margin-right: 0; }
main section .yazi { width: 100%; float: left; position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: #373737; text-align: justify; text-align-last: center; }
main section .ortala, main section .inner { opacity: 0; top: 20px; transition: all .7s cubic-bezier(.645,.045,.355,1); }
main section.scActive .ortala, main section.scActive .inner { opacity: 1; top: 0px; }
main section .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0px 30px; }
main section a.link { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 300; color: #231f20; border: solid 1px #f99d1c; border-radius: 45px; padding: 18px 70px; margin: 80px 0 0 0; text-transform: lowercase; }
main section a.link:after { content: ""; width: 81px; height: 95px; position: absolute; left: -33px; bottom: 10px; background: url(../images/lnk.svg) no-repeat center; background-size: contain; }
main section a.link:hover { color: #f99d1c; }
main section.gBaslik { background: hsla(0,0%,100%,.45); padding: 30px 0; }



header { width: 100%; height: 62px; position: fixed; left: 0px; top: 0px; z-index: 150; padding: 10px 0; background: #fafbfc; box-shadow: 0 0.46875rem 2.1875rem rgb(7 13 10 / 3%), 0 0.9375rem 1.40625rem rgb(7 13 10 / 3%), 0 0.25rem 0.53125rem rgb(7 13 10 / 5%), 0 0.125rem 0.1875rem rgb(7 13 10 / 3%); }
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
header .solK { width: auto; float: left; position: relative; }
header .sagK { width: auto; float: right; position: relative; }
header .kullanici > a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; color: #414141; }
header .kullanici > a .logo { width: 42px; height: 42px; float: left; position: relative; border: solid 1px #e1e2dd; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 9px 0 0; }
header .kullanici > a .logo img { width: auto; height: auto; max-width: calc(100% - 13px); max-height: calc(100% - 13px); }
header .kullanici > a .bilgi { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: center; }
header .kullanici > a .bilgi strong { font-size: 14px; line-height: 13px; }
header .kullanici > a .bilgi i { font-size: 12px; line-height: 12px; font-style: normal; margin: 2px 0 0 0; font-weight: 300; }


aside { width: 280px; height: 100vh; float: left; position: fixed; left: 0px; top: 0px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: #fff; box-shadow: 7px 0 60px rgb(0 0 0 / 5%); z-index: 160; }
aside section { width: 100%; float: left; position: relative; }
aside section:last-child { margin-bottom: 0; }
aside section .inner { width: 100%; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 20px; }

aside section .inner .menuOver { width: 100%; float: left; position: relative; max-height: calc(100vh - 10px); overflow: hidden; }

aside .header { height: 62px; background: #fafbfc; }
aside .header .logo { width: 89px; float: left; }
aside .header .kWrap { width: auto; float: right; }
aside .menuBar { width: 100%; height: calc(100% - 62px); padding: 20px 0 0px 0; position: absolute; left: 0; bottom: 0; }
aside .menuBar .inner { /* align-items: flex-start; */ /* justify-content: space-between; */ flex-direction: column; align-items: center; justify-content: flex-start; overflow: hidden; }
aside .menuBar .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0 0 30px 0; }
aside .menuBar .slot:last-child { margin-bottom: 0; }
aside .menuBar strong { font-size: 17px; line-height: 17px; font-weight: 500; text-transform: uppercase; color: #1a7f98; margin: 0 0 10px 0; }


.miniAnaliz.genelListe li { width: auto; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; }
.miniAnaliz.genelListe li .icon { width: 60px; height: 60px; float: left; position: relative; background: #ffce67; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.miniAnaliz.genelListe li .icon i { font-size: 20px; line-height: 20px; color: #fff; }
.miniAnaliz.genelListe li .bilgi { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0 0 0 20px; }
.miniAnaliz.genelListe li .bilgi span { font-size: 15px; line-height: 15px; font-weight: 300; }
.miniAnaliz.genelListe li .bilgi h6 { width: auto; font-size: 30px; line-height: 30px; font-weight: bold; margin: 10px 0; }
.miniAnaliz.genelListe li .bilgi i { font-size: 12px; line-height: 12px; font-weight: 300; font-style: normal; }



.table table.rezervasyon .rDurum {width: 95px;}
.table table.rezervasyon .rTipi {width: 76px;}
.table table.rezervasyon .rTipi span {width: 100%;float: left;font-size: 12px;}
.table table.rezervasyon .rKod {width: 120px;}
.table table.rezervasyon .rTkod {width: 110px;}
.table table.rezervasyon .rBas, .table table.rezervasyon .rBit {width: 105px;}
.table table.rezervasyon td.rBas, .table table.rezervasyon td.rBit { font-size: 12px; line-height: 17px; }
.table table.rezervasyon .rOlTar { width: 76px; }
.table table.rezervasyon .rAcente {width: 110px;}
.table table.rezervasyon td.rAcente {font-size:12px}
.table table.rezervasyon .rTedarik {width: 90px;}
.table table.rezervasyon .rYolcu {width: 90px;}
.table table.rezervasyon td.rYolcu {font-size:12px}
.table table.rezervasyon .rToplam {width: 90px;}
.table table.rezervasyon .gIslem { width: 115px; }


.table table.acente .aDurum { width: 95px; }
.table table.acente .aKod { width: 109px; }
.table table.acente .aAdi {width: 110px;}
.table table.acente .aYetkili {width: 150px;}
.table table.acente .aTelefon {width: 100px;}
.table table.acente .aMail {width: 110px;}
.table table.acente .aAdres {width: 120px;}
.table table.acente .aIban { width: 138px; }
.table table.acente .aSozlezme { width: 106px; }
.table table.acente .aOto {width: 75px;}
.table table.acente .gIslem {width: 100px;}



.table table.tedarikci .tDurum {width: 75px;}
.table table.tedarikci .tDurum {width: 75px;}
.table table.tedarikci .tTipi {width: 100px;}
.table table.tedarikci .tAdi {width: 100px;}
.table table.tedarikci .tYazilim {width: 100px;}
.table table.tedarikci .tYetkili {width: 100px;}
.table table.tedarikci .tTelefon {width: 100px;}
.table table.tedarikci .tMail {width: 180px;}
.table table.tedarikci .aGorseli {width: 80px;}
.table table.tedarikci .gIslem {width: 100px;}



.table table.faturalar .fBaslik {width: 100px;}
.table table.faturalar .fTed {width: 100px;}
.table table.faturalar .fAcen {width: 130px;}
.table table.faturalar .fRezer {width: 164px;}
.table table.faturalar .fTarih {width: 100px;}
.table table.faturalar .fOdeme {width: 100px;}
.table table.faturalar .fIade {width: 100px;}
.table table.faturalar .fDurum {width: 100px;}
.table table.faturalar .gIslem {width: 100px;}


.table table.voucher .vDurum {width: 60px;}
.table table.voucher .vTed {width: 100px;}
.table table.voucher .vYet {width: 200px;}
.table table.voucher .vTel {width: 170px;}
.table table.voucher .vLok {width: 120px;}
.table table.voucher .fOdeme {width: 100px;}
.table table.voucher .gIslem {width: 80px;}


.table table.genelKullanici .gAdi {width: 60px;}
.table table.genelKullanici .gSoyad {width: 100px;}
.table table.genelKullanici .gMail {width: 260px;}
.table table.genelKullanici .gTed {width: 150px;}
.table table.genelKullanici .gRole {width: 80px;}
.table table.genelKullanici .gSonTar {width: 140px;}
.table table.genelKullanici .gSonIp {width: 90px;}
.table table.genelKullanici .gIslem {width: 100px;}


.table table.belgeOlustur .bKod {width: 240px;}
.table table.belgeOlustur .bfatura {width: 240px;}
.table table.belgeOlustur .gIslem {width: 80px;}



.table table.apiHata .aAcen {width: 90px;}
.table table.apiHata .aApi {width: 100px;}
.table table.apiHata .aTar {width: 80px;}
.table table.apiHata .aUrl {width: 240px;}
.table table.apiHata .aGond {width: 360px;}
.table table.apiHata .aHata {width: 60px;}


.table table.lokasyon .lBaslik {width: 240px;}
.table table.lokasyon .gIslem {width: 80px;}


.table table.tranLokasyon .lBaslik {width: 200px;}
.table table.tranLokasyon .lSehir {width: 100px;}
.table table.tranLokasyon .gIslem {width: 80px;}

.table table.tranLokasyon .lID {width: 60px;}
.table table.tranLokasyon .sID {width: 52px;}
.table table.tranLokasyon .lulke {width: 60px;}




.liste.genelListe .kSlot { width: 100%; float: left; position: relative; }
.liste.genelListe .kSlot h3 { width: 100%; float: left; position: relative; font-size: 20px; line-height: 20px; font-weight: 300; box-shadow: 0px 0 7px #00000036; border-radius: 45px; padding: 20px 22px; }
.liste.genelListe li { width: 50%; padding: 19px 10px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; }
.liste.genelListe li:nth-child(2n) { border-right: none; }
.liste.genelListe ul { padding: 30px 30px; }
.liste.genelListe li h6 { width: auto; font-size: 14px; line-height: 16px; font-weight: 500; margin: 0 11px 0 0; }
.liste.genelListe li h6:after { content: " :"; }
.liste.genelListe li p { width: auto; }
.liste.genelListe ul.aciklama li { width: 100%; padding: 0; border: navajowhite; }
.liste.genelListe ul.aciklama li .yazi { text-align-last: left; }

.liste.genelListe ul.tekil-list li { width: 100%; border-right: none; }
.liste.genelListe ul.tekil-list li h6 { width: 161px; }
.liste.genelListe ul.tekil-list li h6:after { position: absolute; right: 0; }



.genelButon { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.genelButon a {width: auto;min-width: 100px;float: left;position: relative;font-size: 14px;line-height: 14px;font-weight: 400;color: #fff;background: #56cc9d;padding: 13px 17px;text-transform: uppercase;border-radius: 45px;cursor: pointer;z-index: 160;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;box-shadow: 0 0.46875rem 2.1875rem rgb(7 13 10 / 3%), 0 0.9375rem 1.40625rem rgb(7 13 10 / 3%), 0 0.25rem 0.53125rem rgb(7 13 10 / 5%), 0 0.125rem 0.1875rem rgb(7 13 10 / 3%);margin: 0 20px 0 0;}
.genelButon a:last-child { margin-right: 0px; }
.genelButon a i { margin-right: 6px; }



.girisWrap { width: 100%; height: 100vh; float: left; position: relative; background: linear-gradient(140deg,#667eea,#764ba2); display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; /* animation: girisbg 5s ease-in-out; */ /* animation: girisbg 5s infinite; */ }
.girisWrap .girisYap { width: 590px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.girisWrap .girisYap .logo { width: 166px; float: left; position: relative; margin: 0 0 -25px 0; }
.girisWrap .girisYap .kapsa { width: 100%; float: left; position: relative; box-shadow: 0 0.46875rem 2.1875rem rgb(7 13 10 / 3%), 0 0.9375rem 1.40625rem rgb(7 13 10 / 3%), 0 0.25rem 0.53125rem rgb(7 13 10 / 5%), 0 0.125rem 0.1875rem rgb(7 13 10 / 3%); padding: 30px 30px; border-radius: 55px; }
.girisWrap .girisYap .genelForm ul li input[type="text"], .girisWrap .girisYap .genelForm ul li input[type="password"] { border-radius: 45px; border: solid 2px #ffffff85; padding: 17px 30px; height: auto; color: #fff; text-align: center; }
.girisWrap .girisYap .genelForm { padding: 20px 0 0 0; }
.girisWrap .girisYap .genelForm ul li input[type="submit"], .girisWrap .girisYap .genelForm ul li input[type="button"], .genelForm ul li button { border-radius: 45px; background: #fff; font-family: 'play'; font-size: 19px; line-height: 21px; font-weight: bold; color: #5b5b5b; }
.girisWrap .girisYap .genelForm ul li:last-child .kps { margin-bottom: 0; }


.girisWrap ::placeholder { color: #fff; opacity: 1;}

.girisWrap :-ms-input-placeholder { color: #fff;}

.girisWrap ::-ms-input-placeholder { color: #fff;}


@keyframes girisbg {
	0% { background: linear-gradient(135deg,#667eea,#764ba2); }
	100% { background: #667eea; }
}