*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;}
input.form-control{box-shadow:unset!important}
textarea{outline:none!important;box-shadow:0px!important}
body{position:relative;font-family: 'Avenir', serif;overflow:hidden}
html, body { position:relative; overflow-x:hidden; }

body{background-image: url("../images/bg.jpg");background-repeat: no-repeat;background-position:center top;background-size:cover;height:100vh;
background-attachment:fixed;overflow-y: auto!important;padding-top: 30px;}

body::after{content:'';position: absolute;background: transparent linear-gradient(270deg, #644123 0%, #644123 100%);height: 10px;width: 100%;z-index: 1;top: 0;left: 0;}

.serit{content:'';background-image: url("../images/serit.png");background-position: center center;width: 100%;height: 3px;z-index: 1;background-size: contain;background-repeat: no-repeat;}


body::-webkit-scrollbar-thumb{width: 5px;background-color: white;}
body::-webkit-scrollbar{width: 5px;background-color: black;}

.historyActive{overflow:hidden!important}
ul{padding:0px;margin:0px;}

.sayfaUyari{margin-top:0px}
.slick-slider{direction: ltr!important}

.padding-no{padding:0px!important}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{
    outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: initial!important}
.fancybox-skin{padding:0px!important}
@media(min-width:1405px){
	.container{width:1400px}
}

.topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999}
.pageMobileBrandClose{display:none}
.pageMobileBrand{display:none}
.siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none}

.warningUyariKapsul{padding:10px;margin-bottom:0px}
.warningUyari{background:#FCF8E3;margin-bottom:0px}


.yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;border-radius:50%;background: rgb(245,232,146);background: linear-gradient(62deg, rgba(245,232,146,1) 5%, rgba(243,207,90,1) 100%);
display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#341A0F;font-weight:700;transition:300ms;z-index:1}
.yukari.active{right:15px}
.yukari i{font-size:36px;line-height:20px}
.yukari span{display:block}


.ayirac{margin-top:100px;width:100%}
.clear{clear:both}
.resim-responsive{width:100%!important}
.ustMargin{margin-top:100px;}
.ustMargin2{margin-top:101px;}
.pageMargin{padding-top:50px;}


.mobileLogo{display:none}
.mobileMenu{display:none}
.mobileProductBrand{display:none}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap{padding: 15px 0px;background-color:#1D5038}
.pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start}
.pageMap ul li a{padding: 5px 10px;font-size: 16px;font-weight: 300;color:#fff;font-family:Questrial;}


.hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;}
.hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;}
.hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;}
.hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;}
.hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;}

#kvkkOpen{width: 800px;display: none;padding:15px;font-family:Avenir;font-size:14px;}


.siteLogo{margin-top: 30px;}
.siteLogo img{max-width: 100%;}

.biletKapsul{position: absolute;width: 1080px;height:1350px;z-index: 1;left: -1000%;}
.biletKapsul h4{position: absolute;left:0px;top:39%;right:0px;bottom:0px;margin: auto;color:#fff;font-size: 50px;width: 100%;text-align: center;}





.biletLoader{background-image: url("../images/ataturk.png"),url("../images/bg.jpg");background-repeat: no-repeat;background-position:right center, center top;background-blend-mode: multiply;background-size:contain, cover;height:100%;background-attachment: scroll,fixed;width: 100%;position: fixed;left:0px;top:0px;z-index: 9999;display: flex;align-items: center;justify-content: center;visibility: hidden;background-color: #fff;}
.biletLoader .container{position: relative;}
.biletLoader .loadLine{width:100%;height:4px;background: transparent linear-gradient(271deg, #644123 0%, #644123 100%)}
.biletLoader .loadTrain{ height:60px;background-image: url("../images/loader.png");width: 100%;background-repeat: no-repeat;background-size: contain;background-position: -10% top;top:-28px;position: absolute;}

.biletLoader.active{visibility: visible;}
.biletLoader.active .loadTrain{animation-name: trainLoad;animation-duration: 5s;animation-timing-function: linear;animation-iteration-count: infinite;}

@keyframes trainLoad{0%{background-position: -10% top;}100%{background-position: 150% top;}}


.biletContainer{width: 800px;margin: auto;text-align: center;padding-top: 10px;}
.bigTitle{margin-top: 0px;}
.bigTitle h1{color:#fff;font: normal normal normal 23px/23px Avenir;margin-bottom: 0;}
.bigTitle h3{color:#fff;font: normal normal 900 23px/23px Avenir;}
.bigTitle h4{color:#fff;font: normal normal normal 23px/23px Avenir;}
.homeTextMessage{font: normal normal normal 14px/19px Avenir;color:#000;margin-top: 0px;padding:0px 80px}
.safari .homeTextMessage{font-family:Avenir;font-size:14px;line-height:18px;color:#000;margin-top: 20px;padding:0px 110px}
.trenInputContainer{margin-top: 40px;padding:0px 40px}
.trenInputContainer .trenInputRow{border: 1px solid #CCCCCC;padding:0px}
.trenInputContainer .trenInput{background-color: #fff;text-align: left;height:80px;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.trenInputContainer .trenInput span{font: normal normal 900 10px/14px Avenir;margin-left: 25px;color:#A0A0A0}
.trenInputContainer .trenInput h3{margin:0px;font: normal normal 900 20px/27px Avenir;}
.trenInputContainer .trenInput:nth-child(1n+2){border-left: 1px solid #CCCCCC}

.trenInputContainer .formContainer{border: 1px solid #8C7557;padding:4px;margin-top: 15px;border-radius: 40px;}
.trenInputContainer .formContainer .userInputText input[type=text]::placeholder,
.trenInputContainer .formContainer .userInputText input[type=text],
.trenInputContainer .formContainer .userInputText select{font: normal normal 300 16px/25px Avenir;color: #fff;height: 50px;background-color: #644123;border-radius: 40px!important;}
.trenInputContainer .formContainer .userInputText select{padding-left: 18px;width: 100%;}
.trenInputContainer .formContainer .userInputText input[type=text]{font-weight: 600;color:#fff;}
.trenInputContainer .userInputText{padding: 0px;display: flex;align-items: center;gap:0px;}
.trenInputContainer .userInputText input{text-align: center;width: 100%;text-indent: 15px;text-transform: uppercase;}


.adsoyad{position: relative;}
.adsoyad::before{content:'';position: absolute;left:-30px;top:0px;width: 45px;height: 45px;background-size: contain;background-position: center center;background-image: var(--inputImage);z-index: 1;}
.adsoyad::after{content:'';position: absolute;right:-30px;top:0px;width: 45px;height: 45px;background-size: contain;background-position: center center;background-image: var(--inputImage);z-index: 1;transform: rotate(180deg);}

.yazi2{margin-top: 30px;margin-bottom: 30px;}



.activeCity{position: relative;cursor: pointer;}
.activeCity ul{display: flex;align-items: center;padding: 18px 15px;background-color: #fff;border-right: 1px solid #ccc;gap:15px}
.activeCity ul li{text-align: left;}
.activeCity ul p{margin: 0;font-size: 9px;color: #A0A0A0;}
.activeCity ul i{font-size: 24px;}

.activeCity .sehirNavbar{position: absolute;background-color: #fff;width: calc(100% + 100px);z-index: 1;border-top:1px solid #A0A0A0;display: flex;flex-direction: column;gap:0px;text-align: left;cursor: pointer;transition: 300ms;
height: 200px;overflow-y: scroll;opacity: 0;visibility: hidden;}
.activeCity .sehirNavbar.active{opacity: 1;visibility: visible;}
.activeCity .sehirNavbar::-webkit-scrollbar{width: 5px;background-color: #ddd;}
.activeCity .sehirNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: #C62819;}
.activeCity .sehirNavbar .navSehirRow{transition: 300ms;padding: 8px;}
.activeCity .sehirNavbar .navSehirRow:hover{background-color: #e2e2e2;}




.trenInputContainer .kvkkContainer{padding:0px;margin-top: 30px;font: normal normal 300 12px/16px Avenir;color:#000;}
.trenInputContainer .kvkkContainer label{font: normal normal 400 13.5px/16px Avenir;color:#644123;display: flex;align-items: center;justify-content: center;}
.trenInputContainer .kvkkContainer label input{height:18px;width: 18px;border-radius: 0px;margin:0px;}
.trenInputContainer .kvkkContainer label span{margin-left: 4px;}
.kvkkContainer a{color:#fff}
.kvkkContainer a:hover{text-decoration: underline!important;}

.trenInputContainer .buttonContainer{margin-top: 30px;}
.trenInputContainer .buttonContainer button{background: transparent linear-gradient(74deg, #644123 0%, #ad5d17 100%);padding:15px 40px;font: normal normal 900 20px/27px Avenir;color: #FFFFFF;border-radius: 31px;border: 1px solid #FFFFFF00;
max-width: 300px;}
.trenInputContainer .buttonContainer button:hover{opacity: 0.8;}


 .bottomLogos{margin-top: 80px;}
 .bottomLogos ul:first-child img{width: 200px;}
 .bottomLogos ul:first-child{position: relative;margin-bottom: 45px;}
 .bottomLogos ul:last-child{margin-top: 45px;}
 .bottomLogos ul{display: flex;align-items: center;justify-content: center;}
 .bottomLogos ul li{padding: 0px 10px;}
 .bottomLogos ul:last-child li img{height:55px;object-fit: contain;max-width: 120px;}
 .bottomLogos p{margin-top: 30px;text-align: center;font: normal normal 300 14px/20px Avenir;}
 .bottomLogos img.vefayolu{margin: auto;display: block;max-width: 280px;}


.trenInputContainer .bottomTEXT{font: normal normal 400 12px/16px Avenir;color:#000;margin-top: 30px;margin-bottom: 30px;}


.topMesaj{margin-top: 0px;font: normal normal normal 20px/29px Avenir;color: #fff;}
.topMesaj img{max-width: 600px;}



.sehirListesi{margin-top: 75px;}
.sehirListesi ul{display: grid;gap:30px;grid-template-columns: repeat(5,1fr);}
.sehirListesi ul li a{background-image: url("../images/sehir-pul.png");background-position: center center;background-repeat: no-repeat;background-size: contain;height: 160px;display: flex;flex-direction: column;align-items: center;
  justify-content: center;color:#fff;transition: 300ms;}
.sehirListesi ul li a:hover{transform: scale(1.1);}
.sehirListesi ul li.seffaf a{opacity: 0.5;}
.sehirListesi ul li h4{font: normal normal bold 12px/16px Avenir;margin: 0;}
.sehirListesi ul li p{font: normal normal normal 12px/16px Avenir;margin: 0;text-align: center;}



.sehirSwiper{margin-top: 45px;}




















@media(max-width:1400px){.biletColumn .nameandcity{top: calc(25% - 4px )!important}.biletColumn .nameandcity h4{font-size: 10px!important;}}
@media(max-width:1200px){
  .biletColumn .nameandcity{top: calc(25% - 4px )!important}.biletColumn .nameandcity h4{font-size: 8px!important;}
  .biletColumn .sehirtext{left:-90px}
 
}
@media(max-width:992px){
  .biletColumn .nameandcity{top: calc(25% - 4px )!important}.biletColumn .nameandcity h4{font-size: 7px!important;}
  .biletColumn .sehirtext{left:-70px}
}
@media(max-width:768px){
  .biletColumn .nameandcity{transform: translateY(-50%);top: calc(25%)!important}.biletColumn .nameandcity h4{font-size: 5px!important;}
  .biletColumn .sehirtext{left:-50px}
  .biletColumn .sehirtext h4{font-size:5px}
  .biletColumn .ilcetext h4{font-size:5px;}
  .biletColumn .ilcetext{right:-40px}
}


.biletFlex{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;margin-top: 70px;}
.biletPageTopTitleBottom{font-family:Avenir;font-size:13px;line-height:18px;font-weight:400;color: #000000;margin-top: 0px;margin-bottom: 15px;text-align: center;}
.biletPageTopTitle{font: normal normal 600 36px/50px Avenir;color: #000000;margin-top: 30px;margin-bottom: 60px;}
.biletPageTopTitle h1{color: #fff;font-family: Avenir;font-weight:600;font-size: 36px;line-height:44px;}
.biletImg{padding:0px}
.biletColumn{margin-bottom: 60px;position: relative;}

.nameandcity{position: absolute;right:0px;margin: auto;z-index: 1;left: 0px;text-align: center;top: calc(25% - 5px );}
.sehirtext{position: absolute;right:0px;margin: auto;z-index: 1;left: -19%;text-align: center;top: calc(30% - 4px );}
.ilcetext{position: absolute;right:-16%;margin: auto;z-index: 1;left: 0px;text-align: center;top: calc(30% - 4px );}

.nameandcity h4{color:#fff;font-family: Avenir;font-size: 11px;font-weight: bold;margin: 0;}
.sehirtext h4{color:#fff;font-family: Avenir;font-size: 7px;font-weight: 500;margin: 0;}
.ilcetext h4{color:#fff;font-family: Avenir;font-size: 7px;font-weight: 500;margin: 0;}





.biletButtons{position: absolute;top:100%;left:0px;right:0px;margin:auto}
.biletButtons ul{display: none;}
.biletButtons ul.active{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap:20px;margin-top: 10px;}
.biletButtons ul li{padding: 8px 0px;}
.biletButtons ul li a{display: inline-block;position: relative;}
.biletButtons ul li a::after{content:attr(data-tooltip);z-index:2;transition:0ms;position: absolute;left:-50px;top:-45px;background-color: #fff;color:#000;border-radius: 4px;padding:4px 10px;width: 150px;text-align: center;visibility: hidden;
font-family: Avenir;}
.biletButtons ul li a.direct::after{width: 70px}
.biletButtons ul li a:hover:after{visibility: visible;}
.biletButtons ul li a img{transition: 0.2s;width: 30px;filter: brightness(0) invert(100%);}
.biletButtons ul li:hover a img{margin-top:-10px}
a.redButton{background: transparent linear-gradient(295deg, #fff 0%, #fff 100%)!important;font: normal normal 900 12px/16px Avenir;padding:8px 20px;color:#644123!important;margin-top: 10px;border-radius: 22px;border: 1px solid #00000000;}
a.redButton:hover{background: transparent linear-gradient(74deg, #644123 0%, #644123 100%)!important;color:#fff!important}


.textBtn{display: block;width: 100%;}
.textBtn ul{width: 100%;display: block;}
.textBtn ul li a{padding:12px 15px;background-color: #000;color:#fff;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;font: normal normal 900 16px/16px Avenir}
.textBtn ul li a:hover{opacity: 0.8;}
.textBtn ul li a i{font-size: 21px;}
.textBtn ul li a span{margin-left: 8px;}
.textBtn ul li a:after{display: none!important;}



.register{display: flex;justify-content: flex-end;}
.register ul{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;gap: 20px;}
.register ul a{transition: 300ms;display: block;}
.register ul a:hover{transform: scale(1.2);}
.register ul li:nth-child(1) img{width:60px}
.register ul li:nth-child(2) img{width: 30px;}


@media(max-width:1400px){
  .textBtn ul li a{font-size:12px;padding:8px 10px}
}
@media(max-width:1200px){
  .textBtn ul li a i{font-size:15px}
  .textBtn ul li a{font-size:9px;padding:8px 5px}
}

input[type=checkbox] {
  border:2px solid black;
}
.biletButtons ul li.disable{position: relative;}
.biletButtons ul li.disable a{opacity: 0.5;}
.biletButtons ul li.disable:after{content:'';width: 100%;height:100%;z-index: 1;position: absolute;left:0px;top:0px;}



@media(max-width:1400px){
  .sehirListesi ul{grid-template-columns: repeat(5,1fr);}
}
@media(max-width:1200px){
  .sehirListesi ul{grid-template-columns: repeat(4,1fr);}
}
@media(max-width:992px){
  .biletColumn{margin-bottom: 80px;padding: 0px 5px;}
  .biletColumn.active{margin-bottom: 110px;}
  .sehirListesi ul{grid-template-columns: repeat(3,1fr);}
}
@media(max-width:768px){
  @keyframes trainLoad{0%{background-position: -50% top;}100%{background-position: 550% top;}}

  .sehirListesi ul{grid-template-columns: repeat(2,1fr);}

  .topMesaj img{width: 100%;}
  
  .biletContainer{width: 100%;padding-top:10px}
  .homeTextMessage{padding: 0px;font-family:Avenir;font-size:14px;line-height:18px;}
  .bigTitle h1{font-size: 17px;}
  .homeTextMessage{font-family:Avenir;font-size:14px;line-height:18px;padding:0px 15px}
  .safari .homeTextMessage{padding:0px 15px!important}
  .trenInputContainer {padding: 0px 10px;}
  .trenInputContainer .trenInput:nth-child(1n+2){border:0px}
  .trenInputContainer .kvkkContainer label input{width: 30px;height:30px;}
  .trenInputContainer .buttonContainer button{font:normal normal 900 14px/18px Avenir}

  .biletPageTopTitle h1{font-family: Trajan Pro;font-weight:600;font-size: 20px;line-height:24px;}

  .trenInputContainer .trenInput{margin-bottom: 0px;border-bottom: 1px solid #CCCCCC;}
  .trenInputContainer .trenInput:nth-child(2){margin-bottom: 0px;border-bottom: 1px solid #CCCCCC;}

  .trenInputContainer .bottomLogos ul li{width: 100%;display: block;padding: 0px 4px;}
  .bottomLogos ul:last-child li img{height: 38px;}

  .biletLoader .container{width: 100%;}

  .biletButtons ul{gap:5px!important}
  .biletButtons ul li a img{width: 20px;}

  .biletFlex{margin-top: 15px!important;}

}



.loader-capsul{position:fixed;width:100%;height:100%;background-color:rgba(247,148,30,0.5);  z-index:9999;  display:none;top:0px;left:0px}
.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 20% auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}