.aramaModulu { width: 100%; float: left; position: relative; }
.aramaModulu .kapsa { width: 100%; float: left; position: relative; z-index: 9999; display: flex; flex-wrap:wrap; flex-direction: column; align-items: center; justify-content: center}
.aramaModulu .baslik { width: 100%; float: left; position: relative; margin: 0 0 40px 0; }
.aramaModulu .baslik h1 { width: 100%; float: left; position: relative; font-size: 35px; line-height: 35px; font-weight: 600; color: #ffffff; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
.aramaModulu .baslik p { width: 100%; float: left; position: relative; font-size: 16px; line-height: 20px; font-weight: 400; color: #fff; text-transform: uppercase; text-align: center; margin: 9px 0 0 0; }
.aramaModulu .kapsul { width: 100%; float: left; position: relative; }
.aramaModulu ul {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;border-radius: 75px;background: #ffffffd4;/* backdrop-filter: blur(2px); */}
.aramaModulu ul li { width: auto; float: left; position: relative; margin: 0; z-index: 190; padding: 23px 0 19px 0;}
.aramaModulu ul li:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/dotted.svg) repeat-y right center;background-size: 1px;}
.aramaModulu ul li:last-child { margin-right: 0; }
.aramaModulu ul li:last-child:after { display: none }
.aramaModulu ul li .slt { width: 100%; float: left; position: relative; transition: all .5s cubic-bezier(.645,.045,.355,1); }
.aramaModulu ul li .slt .kslot { width: 100%; float: left; position: relative; transition: all .5s cubic-bezier(.645,.045,.355,1); z-index: 150; }
.aramaModulu ul li .slt .kslot label u {transition: all .5s cubic-bezier(.645,.045,.355,1);}
.aramaModulu ul li .slt .kslot.iofis { /* width: calc(50% - 0px); */ position: absolute; right: 0; top: 0; opacity: 0; z-index: 96; }
.aramaModulu ul li .slt.active .kslot { width: calc(50% - 0px); }
.aramaModulu ul li .slt.active .kslot label u {opacity: 0;}
.aramaModulu ul li .slt.active .kslot.iofis { opacity: 1; }
.aramaModulu:not(.degistir) ul li .slt.active .kslot.iofis label { margin-left: 5px }
.aramaModulu:not(.degistir) ul li .slt.active .kslot:first-child .kapsa { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.aramaModulu ul li .slt .kslot:last-child .kapsa:before { display: none; }

.aramaModulu:not(.degistir) ul li .slt.active .kslot:last-child .kapsa { border-top-left-radius: 0; border-bottom-left-radius: 0; /*! background: #f2f2f2; */ }

.aramaModulu:not(.degistir) ul li .slt.active .kslot:last-child .kapsa .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; }


.aramaModulu ul li.lokasyon { width: calc(27% - 15px); }
.aramaModulu ul li.tarih-saat { width: calc(29% - 0px); padding-right: 19px;}
.aramaModulu ul li.tarih-saat.iade-tarihi:after { display: none; }
.aramaModulu ul li.buton {width: 210px;z-index: 4;padding: 0;}
.aramaModulu ul li label {width: auto;float: left;position: relative;font-size: 12px;line-height: 12px;color: #3c4346;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 -15px 70px;}
.aramaModulu ul li .kapsa {width: 100%;float: left;position: relative;/* background: #fff; *//* border-radius: 45px; *//* box-shadow: 1px 2px 5px rgb(0 0 0 / 26%); */display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;overflow: hidden;transition: all .5s cubic-bezier(.645,.045,.355,1);}
.aramaModulu ul li .kapsa:before { content: ""; width: 31px; height: 100%; position: absolute; left: 20px; top: 0px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.aramaModulu ul li.lokasyon .kapsa:before {background-image: url(../images/alis_yeri.svg);}
.aramaModulu ul li.lokasyon .select2-container--default .select2-selection--single { background: none; padding: 0; border: none; border-radius: 0; }
.aramaModulu ul li.lokasyon .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 23px; line-height: 27px; color: #515151; padding: 18px 22px 18px 71px; font-weight: 300;}
.aramaModulu ul li.lokasyon .select2-container--default .select2-selection--single .select2-selection__arrow { width: 12px; right: 20px; }
.aramaModulu ul li.tarih-saat .kapsa:before {background-image: url(../images/tarih_sec.svg);}
.aramaModulu ul li.tarih-saat .select2-container--default .select2-selection--single { background: none; padding: 0; border: none; border-radius: 0; }
.aramaModulu ul li.tarih-saat .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 18px; line-height: 18px; color: #515151; padding: 13px 0; text-align: center; background: none;}
.aramaModulu ul li.tarih-saat .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.aramaModulu ul li .tarih {width: auto;float: left;position: relative;padding: 18px 0 18px 70px;cursor: pointer;font-size: 23px;line-height: 27px;font-weight: 300;color: #595d55;}
.aramaModulu ul li .tarih span {width: auto;float: left;position: relative;margin: 0px 5px 0 0;}
.aramaModulu ul li .tarih span:last-child { margin-right: 0; }
.aramaModulu ul li .tarih input { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; cursor: pointer; }
.aramaModulu ul li .saat {width: 106px;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;z-index: 99;background: #f4fcff61;border-radius: 45px;}
.aramaModulu ul li .saat .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }

.aramaModulu ul li button {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;background: #2980a8;color: #fff;border-radius: 65px;padding: 40px 0;cursor: pointer;transition: all .4s cubic-bezier(.645,.045,.355,1);border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: 8px;}
.aramaModulu ul li button .wrap {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.aramaModulu ul li button span { font-size: 14px; line-height: 14px; font-weight: 500; text-transform: uppercase; }
.aramaModulu ul li button span i { font-style: normal; }
.aramaModulu ul li button strong {font-size: 26px;line-height: 26px;text-transform: uppercase;margin: 0 0 0 13px;font-weight: 300;}

.aramaModulu ul li button:hover { background: #104571; }

.aramaModulu a.farkliAdres { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; margin: 30px 0 0 0; z-index: 9; opacity: 1;}
.aramaModulu a.farkliAdres.active { color: #cae4f9; }


.aramaModulu.degistir { width: calc(100% + 50px); left: -25px; top: -100%; position: absolute; overflow: hidden; background: #f1f1f159; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; opacity: 0; padding: 108px 30px 28px 30px; box-shadow: 0px 10px 21px rgb(0 0 0 / 12%); border-radius: 30px; border-top-left-radius: 0; border-top-right-radius: 0; backdrop-filter: blur(11px); }

.aramaModulu.degistir:after,
.aramaModulu.degistir:before { content: ""; background: #f3f3f3fa; height: 0; position: absolute; }

.aramaModulu.degistir:after { top: 0; left: 0; width: 100%; height: 0%; z-index: 0; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; opacity: 0; box-shadow: 0px 0 15px #00000082; }
.aramaModulu.degistir:before {left: 0;top: 100%;width: 100%;height: 100%;z-index: 1;transition: all .69s cubic-bezier(.645,.045,.355,1) 0s;background: #f99d1c;opacity: 0;display: none;}

.aramaModulu.degistir.active { opacity: 1; pointer-events: auto; visibility: visible; top: -25px; }
.aramaModulu.degistir.active:after { height: 100%; /* transition-delay: 0s; */ /* opacity: 1; */ }
.aramaModulu.degistir.active:before { width: 100%; transition-delay: 0s; top: -100%; }

.aramaModulu.degistir ul { width: 100%; margin: 0; background: no-repeat;border-radius: 0;}
.aramaModulu.degistir ul li { width: 100%; margin: 0 0 27px 0; padding: 0;}
.aramaModulu.degistir ul li:after { display: none }
.aramaModulu.degistir ul li:last-child { margin-bottom: 0; }
.aramaModulu.degistir ul li.lokasyon { width: 100%; }
.aramaModulu.degistir ul li.tarih-saat {width: 100%;padding: 0;}
.aramaModulu.degistir ul li .kapsa {background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(239 239 239) 100%);border: solid 1px #efefef;border-radius: 45px;}

.aramaModulu.degistir ul li label { margin: 0 0px 11px 54px; }
.aramaModulu.degistir ul li .kapsa:before { width: 20px; }
.aramaModulu.degistir ul li.lokasyon .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; line-height: 15px; padding: 20px 34px 20px 54px; font-weight: 400;}
.aramaModulu.degistir ul li .tarih {padding: 18px 0px 18px 54px;}
.aramaModulu.degistir ul li .tarih span { font-size: 15px; line-height: 16px; font-weight: 400;}
.aramaModulu.degistir ul li .tarih span.ayi { margin-right: 0; }
.aramaModulu.degistir ul li.tarih-saat .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; line-height: 15px; padding: 20px 0; }
.aramaModulu.degistir ul li.buton { width: 100%; padding: 0; margin: 0; }
.aramaModulu.degistir ul li button { padding: 17px 0; border-radius: 45px;}
.aramaModulu.degistir ul li button .wrap { align-items: center; }
.aramaModulu.degistir ul li button strong { font-size: 18px; line-height: 18px; font-weight: bold; letter-spacing: 1px; }
.aramaModulu.degistir a.farkliAdres {opacity: 1;/* display: none; */color: #424242;}
.aramaModulu.degistir a.farkliAdres.active { color: #2980a8}
.aramaModulu.degistir ul li.lokasyon .kslot.iofis .kapsa:before {content: "";display: initial !important;background-image: url(../images/alis_yeri.svg);}

.aramaModulu .linkler { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 40px 0 0px 0; }
.aramaModulu .linkler a {width: auto;float: left;position: relative;font-size: 25px;line-height: 25px;font-weight: 300;text-transform: uppercase;color: #fff;transition: all .4s cubic-bezier(.645,.045,.355,1);margin: 0 40px 0 0;padding: 0 20px;}
.aramaModulu .linkler a:after { content: ""; width: 100%; height: 12px; position: absolute; left: 0; bottom: -4px; background: #2980a8; z-index: -1;opacity: 0;}
.aramaModulu .linkler a:last-child {margin: 0;}
.aramaModulu .linkler a.active:after { opacity: 1 }


.aramaModulu.degistir ul li .slt.active .kslot { width: calc(100% - 0px); } 
.aramaModulu.degistir ul li .slt.active .kslot.iofis {position:relative;margin-top: 20px;}

.aramaModulu.degistir.panel {width: 500px;left: initial;right: 0;}
.aramaModulu.degistir.panel:after {background: rgb(255 255 255 / 93%);opacity: 1;height: 100%;}
.aramaModulu.degistir.panel.active {top: -48px;}
.genelButon a.rezervasyon_olustur  {z-index: 999999;}
.genelButon a.rezervasyon_olustur.active {background: #3a3a3a;}



.gBilgiWrap { width: 360px; position: fixed; right: 20px; top: 20px; z-index: 99999999; }
.gBilgiWrap > div { width: 100%; float: left; position: relative; left: 0; top: 0; margin: 0 0 24px 0; transition: all .4s cubic-bezier(.645,.045,.355,1); opacity: 0; box-shadow: 0px 0px 18px rgb(0 0 0 / 52%); border-radius: 45px; }
.gBilgiWrap > div.active { position: relative; opacity: 1; }
.gBilgiWrap > div a { transition: all .2s cubic-bezier(.645,.045,.355,1); }
.gBilgiWrap > .active a { opacity: 1; }
.gBilgiWrap > div a:not(.kapat) { width: 100%; float: left; position: relative; border-radius: 45px; background: #3e3e3c; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; pointer-events: none;}
.gBilgiWrap > div a:not(.kapat):before { content: ""; width: 68px; height: 68px; float: left; position: relative; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: 24px auto; z-index: 6; }
.gBilgiWrap > div a .bar { width: 0%; height: 4px; position: absolute; border-radius: 11px; left: 0; top: 0; opacity: 1; background: rgb(0 0 0 / 27%); z-index: 1; /* transition: all .4s cubic-bezier(.645,.045,.355,1); */ }
.gBilgiWrap > div a .bilgisi { width: calc(100% - 87px); float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-right: 20px; }
.gBilgiWrap > div a .bilgisi strong { font-size: 16px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 0.4px; }
.gBilgiWrap > div a .bilgisi p { font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; margin: 7px 0 0 0; }
.gBilgiWrap > div a.kapat { width: 25px; height: 25px; position: absolute; right: 0; top: 0; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-shadow: 0px 0px 18px rgb(0 0 0 / 52%); }
.gBilgiWrap > div a.kapat:before { content: "X"; font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; }
 

.gBilgiWrap > .onay a:not(.kapat) { background-color: #5eb95f; }
.gBilgiWrap > .onay a:not(.kapat):before { background-image: url(../images/gnlonay.svg); }
.gBilgiWrap > .onay a:not(.kapat):before, .gBilgiWrap > .onay a.kapat { background-color: #56ab57; }

.gBilgiWrap > .uyari a:not(.kapat) { background-color: #b9915e; }
.gBilgiWrap > .uyari a:not(.kapat):before { background-image: url(../images/gnluyari.svg); }
.gBilgiWrap > .uyari a:not(.kapat):before, .gBilgiWrap > .uyari a.kapat { background-color: #a58256; }

.gBilgiWrap > .hata a:not(.kapat) { background-color: #df4343; }
.gBilgiWrap > .hata a:not(.kapat):before { background-image: url(../images/gnlhata.svg); }
.gBilgiWrap > .hata a:not(.kapat):before, .gBilgiWrap > .hata a.kapat { background-color: #c83b3b; }

.gBilgiWrap > .bilgi a:not(.kapat) { background-color: #4ea7cc; }
.gBilgiWrap > .bilgi a:not(.kapat):before { background-image: url(../images/gnlbilgi.svg); }
.gBilgiWrap > .bilgi a:not(.kapat):before, .gBilgiWrap > .bilgi a.kapat { background-color: #4698ba; }



@media screen and (max-width: 1820px) {


	.aramaModulu ul li.lokasyon {width: calc(27% - 15px);}
	.aramaModulu ul li.tarih-saat { width: calc(29% - 0px); padding-right: 19px;}
	.aramaModulu ul li.buton {width: 179px;z-index: 4;padding: 0;}


	.aramaModulu ul li.lokasyon .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 19px;line-height: 27px;font-weight: 400;}
	.aramaModulu ul li .tarih {font-size: 27px;line-height: 27px;font-size: 19px;line-height: 27px;font-weight: 400;}
	.aramaModulu ul li button {flex-direction: column;padding: 33px 0;}
	.aramaModulu ul li button .wrap {flex-direction: column;}
	.aramaModulu ul li button strong {margin: 4px 0 0 0;font-weight: 300;font-size: 22px;line-height: 22px;}


}

@media screen and (max-width: 1170px) { 

   .aramaModulu .baslik h1 { font-size: 18px; line-height: 27px; letter-spacing: 0; font-weight: 600; color: #333333; }
   .aramaModulu .baslik p {font-size: 16px;line-height: 20px;font-weight: 500;color: #393939;display: none;}
   .aramaModulu ul li.tarih-saat {padding-right: 0;}
   .aramaModulu.degistir {width: calc(100% + 40px);left: -20px;padding: 78px 15px 28px 15px;background: #ffffff;}
   .aramaModulu.degistir.full {width: 100%;left: initial;top: initial;position: relative;overflow: hidden;background: none;transition: all .3s cubic-bezier(.645,.045,.355,1);z-index: 9999;pointer-events: none;opacity: 0;padding: 0;box-shadow: none;border-radius: 0;opacity: initial;pointer-events: initial;visibility: initial;top: 0;pointer-events: auto;visibility: visible;}
   .aramaModulu.degistir.full:after {display: math;}
   .aramaModulu.degistir.full:before {display: none;}
   .aramaModulu.degistir.active { top: 0; }
   .aramaModulu.degistir ul li label {width: 100%;text-align: center;margin: 0 0 13px 0;}
	.aramaModulu ul li .slt.active .kslot label u { visibility: hidden; position: absolute; }
	.aramaModulu ul li .slt .kslot label u {position: relative;/* left: 0; */top: 0;}
   .aramaModulu.degistir ul li button {margin: 0;}
   .aramaModulu.degistir ul li button strong {font-size: 14px;line-height: 14px;}
   .aramaModulu .linkler {display: none;}



   .gBilgiWrap { width: calc(100% - 40px); }
   .gBilgiWrap > div {border-radius: 10px;}
   .gBilgiWrap > div a:not(.kapat) {border-radius: 10px;}
   .gBilgiWrap > div a:not(.kapat):before {background-size: 14px auto;width: 40px;height: 40px;margin-left: 7px;}
   .gBilgiWrap > div a .bilgisi {width: calc(100% - 58px);padding: 17px 0;}
   .gBilgiWrap > div a .bilgisi strong {font-size: 15px;line-height: 18px;}
   .gBilgiWrap > div a .bilgisi p {font-size: 13px;line-height: 17px;padding-right: 5px;}
}

@media screen and (max-width: 480px) {

	.gBilgiWrap {width: calc(100% - 40px);}

}