/* ¯\_(ツ)_/¯ aituve.com (~/^) -Alp */ @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: #187f98; } p, h1, h2, h3, h4, h5, h6, strong, b, span { 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: #3e3e3e; font-size: 14px; font-weight: 400; background: #ffffff; 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; } .icKisim .ick form { width: 100%; float: left; position: relative; } input, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; } .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: 1300px; /* height: 100%; */ float: left; margin-left: calc(50% - 650px); position: relative; box-sizing: border-box; } .ortala.wide { width: calc(100% - 80px); margin: 0 0 0 40px; padding: 0; } .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; color: #454c4e; display: flex; flex-wrap: wrap; flex-direction: column; align-items: end; justify-content: center; padding: 0 0px 30px 0px; margin: 0 0 50px 0; } .anaBaslik:after { content: ""; width: 420px; height: 2px; position: absolute; right: 77px; bottom: 0; background: #167e96; } .anaBaslik *.none { display: none; } .anaBaslik p { width: auto; float: left; font-size: 15px; line-height: 15px; font-weight: 300; color: #ec6607; margin: 0 69px 13px 0; } .anaBaslik u { color: #187f98; } .anaBaslik span { color: #b99764; } .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-family: 'play'; font-size: 45px; line-height: 45px; font-weight: bold; letter-spacing: 1px; } .anaBaslik.icon { padding: 0px 0 80px 0; } .anaBaslik.icon:after { content: ""; width: 100%; height: 54px; position: absolute; left: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: contain; } .anaBaslik.icon.menu:after { background-image: url(../images/menu.svg); } main { width: 100%; float: left; position: relative; margin: 0; z-index: 150; } main section { width: 100%; float: left; position: relative; z-index: 65; } main section.icerik { min-height: 500px; height: auto; margin: 40px 0 0 0; } main section.icerik.pDetay { margin: -234px 0 130px 0; padding: 70px 0 0 0; background: none; border-top: solid 1px #ebebeb; } main section .yazi { width: 100%; float: left; position: relative; font-size: 16px; line-height: 23px; font-weight: 300; color: #252525; text-align: justify; text-align-last: center; } main section.icerik .yazi { text-align-last: left; } main section .ortala, main section .inner { opacity: 1; top: 0; 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%; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; opacity: 1; top: 0; } main section .inner .kapsa { width: 100%; float: left; position: relative; z-index: 40; } main section a.link { width: auto; float: left; position: relative; font-family: 'has'; font-size: 16px; line-height: 19px; font-weight: 400; color: #242424; letter-spacing: 1px; padding: 11px 34px; border: solid 1px #d0d0d0; border-radius: 45px; } header { width: 100%; float: left; position: absolute; left: 0px; top: 0px; z-index: 999; padding: 40px 40px; } header:before { content: ""; width: 360px; height: 1px; position: absolute; left: 0px; bottom: 0; background: #187f98; z-index: 1; } header:after { content: ""; width: calc(100% - 360px); height: 1px; position: absolute; right: 0; bottom: 0; background: #ffffff; } header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } header .logo { width: 106px; float: left; position: relative; } header .cagri { width: auto; position: absolute; float: left; left: 275px; } header .cagri a { width: auto; float: left; position: relative; display: flex; flex-direction: column; justify-content: flex-start; letter-spacing: 0.4px; padding: 5px 0 5px 52px; color: #4f4f4f; } header .cagri a:before { content: ""; width: 47px; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/7-24.svg) no-repeat center; background-size: contain; } header .cagri a strong { font-size: 13px; line-height: 21px; font-weight: 600; } header .cagri a span { font-size: 20px; line-height: 20px; font-weight: 500; } header.dashboard .cagri { display: none; } header .sagK { width: auto; float: right; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } header .sagK > div { width: auto; float: left; position: relative; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 30px 0 0; border: solid 1px #c5c5c5; border-radius: 40px; padding: 0 16px; transition: all .4s; } header .sagK > div.active { background: #fff; } header .sagK > div:last-child { padding: 0; margin: 0; border: 0; } header .sagK .secim div { width: auto; float: left; position: relative; border-right: solid 1px #c5c5c5; padding: 10px 20px 10px 0; margin: 0 20px 0 0; } header .sagK .secim div:last-child { margin-right: 0px; padding-right: 0; border-bottom: 0; border-right: 0; } header .sagK .secim .dil ul { display: none; width: auto; position: absolute; width: 82px; background: #ffffff; padding: 9px 13px; left: -1px; top: 42px; /* -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.11); */ -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.11); z-index: 98; } header .sagK .secim .dil ul li { width: 100%; float: left; margin-bottom: 10px; } header .sagK .secim .dil ul li:last-child { margin-bottom: 0px; } header .sagK .secim .dil ul li a { width: 100%; float: left; font-size: 12px; color: #444543; } header .sagK .secim .dil ul li a:hover span { color: #2897bc; } header .sagK .secim .dil ul li a img { width: 21px; float: left; height: auto; margin-right: 10px; } header .sagK .secim .dil ul li a span { width: auto; float: left; margin-left: 2px; margin-top: 3px; font-size: 14px; line-height: 14px; color: #757575; font-weight: 600; } header .sagK .secim div a.secAc { width: 100%; float: left; position: relative; font-size: 14px; line-height: 14px; color: #757575; font-weight: bold; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; letter-spacing: 0.4px; z-index: 101; } header .sagK .secim div a.secAc img { width: auto; height: 21px; float: left; margin: 0 12px 0 0; } header .sagK .secim div a.secAc span { width: auto; float: left; font-weight: 600; position: relative; padding: 0 20px 0 0; } header .sagK .secim div a.secAc:after { content: ""; width: 9px; height: 100%; position: absolute; right: 0; top: 0px; background: url(../images/arrow.svg) no-repeat center; background-size: contain; } header .sagK .secim div a.secAc.active:after { transform: rotate(180deg); } header .sagK .secim div a.dilAc.active:after { transform: rotate(180deg); } header .sagK .secim div.dil ul { width: 109px; left: -17px; padding: 26px 0 16px 15px; top: 23px; border-left: solid 1px #c5c5c5; border-bottom: solid 1px #c5c5c5; border-right: solid 1px #c5c5c5; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; } header .sagK .secim div.doviz ul { width: 73px; left: -21px; padding: 26px 0 16px 21px; top: 19px; border-left: solid 1px #c5c5c5; border-bottom: solid 1px #c5c5c5; border-right: solid 1px #c5c5c5; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; } header .sagK .panel a.userAc { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; color: #535353; font-weight: 500; padding: 14px 0 13px 28px; padding: 3px 0 3px 28px; z-index: 101; } header .sagK .panel a.userAc:after { content: ""; width: 17px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/grs.svg) no-repeat left center; background-size: contain; } header .sagK .panel a.userAc.profil:after { background-image: url(../images/grs2.svg); } header .sagK .panel a.userAc.profil:before { content: ""; width: 9px; height: 100%; position: absolute; right: 0; top: 0px; background: url(../images/arrow.svg) no-repeat center; background-size: contain; } header .sagK .panel a.userAc.profil.active:before { transform: rotate(180deg); } header .sagK .panel a.userAc.profil { padding: 3px 22px 3px 28px; } header .sagK .panel ul { width: calc(100% + 38px) !important; position: absolute; background: #ffffff; -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.11); z-index: 98; padding: 26px 0 16px 21px; top: 23px; left: -21px; border-left: solid 1px #c5c5c5; border-bottom: solid 1px #c5c5c5; border-right: solid 1px #c5c5c5; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; display: none; } header .sagK .panel ul li { width: 100%; float: left; position: relative; margin: 0 0 11px 0; } header .sagK .panel ul li:last-child { margin-bottom: 0; } header .sagK .panel ul li a { width: 100%; float: left; position: relative; font-size: 14px; line-height: 14px; color: #3b3a3a; font-weight: 400; } header .sagK .panel ul li a:hover { color: #2897bc; } header .sagK .menuBar .kapsa { width: 100%; height: 100%; float: left; position: fixed; right: 0; top: 0; z-index: 9999; background: #000000b5; display: none; } header .sagK .menuBar .kapsa .kapsul { width: 320px; height: 100%; position: fixed; right: -100%; bottom: 0; background: #2897bc; padding: 110px 0 0 30px; box-sizing: border-box; } header .sagK .menuBar .kapsa .kapsul ul { width: 100%; } header .sagK .menuBar .kapsa .kapsul ul li { width: 100%; margin: 0 0 19px 0; } header .sagK .menuBar .kapsa .kapsul ul li:last-child { margin-bottom: 0; } header .sagK .menuBar .kapsa .kapsul ul li a { width: 100%; float: left; font-size: 20px; line-height: 20px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 2px; } header .sagK .menuBar .kapsa .kapsul .panel { width: 100%; float: left; position: absolute; left: 0; bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; background: #fff; padding: 19px 0; display: none; } header .sagK .menuBar .kapsa .kapsul .panel a { width: 50%; float: left; font-size: 16px; line-height: 15px; letter-spacing: 1px; font-weight: 600; color: #575757; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; border-right: solid 1px #a7a7a7; box-sizing: border-box; padding: 0 0; } header .sagK .menuBar .kapsa .kapsul .panel a:last-child, header .sagK .menuBar .kapsa .kapsul .panel a.giris { border-right: 0; } header .sagK .menuBar .kapsa .kapsul .panel a img { width: 73px; } header .sagK .menuBar .kapsa .kapsul .panel a span { font-weight: 500; width: auto; float: left; position: relative; padding: 0 20px 0 0px; } header .sagK .menuBar .kapsa .kapsul .panel a span:after { content: ""; width: 11px; height: 100%; position: absolute; right: 0px; top: 1px; background: url(../images/gnar.svg) no-repeat center; background-size: contain; } header .sagK .menuBar .kapsa .kapsul .panel a.active span:after { transform: rotate(180deg); } header.alt { position: relative; padding: 30px 40px; } header.alt:before { width: 100%; } .sliderWrap { width: 100%; height: 100vh; float: left; position: relative; } .sliderWrap .sosyal { width: 360px; position: absolute; left: 0px; bottom: 0px; background: #e8e8e8; z-index: 50; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 25px 0; } .sliderWrap .sosyal a { width: auto; float: left; position: relative; font-size: 26px; line-height: 26px; color: #959595; margin: 0 17px 0 0; } .sliderWrap .sosyal a:last-child { margin-right: 0px; } .slider { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .slider ul, .slider ul li, .slider ul li img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; } .slider ul li .bg { width: calc(100% - 360px); height: 100%; position: absolute; right: 0px; top: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; } .slider ul li .bg:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #00000026; } .slider ul li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; } .slider ul li .kapsa { width: 1170px; position: absolute; left: 0px; padding: 0 0 0 40px; display: flex; flex-wrap: wrap; flex-direction: column; } .slider ul li .kapsa strong { font-size: 99px; line-height: 99px; font-weight: 200; margin: 0; } .slider ul li .kapsa p { width: 500px; margin: 20px 0 0 352px; font-size: 20px; line-height: 30px; color: #fff; } .slider ul li .kapsa a { width: fit-content; float: left; position: relative; font-size: 20px; line-height: 20px; letter-spacing: 2px; color: #fff; border-radius: 45px; background: #187f98; text-transform: uppercase; padding: 18px 50px; margin: 30px 0 0 234px; } .aramaModulu {width: auto;position: absolute;height: auto;float: left;box-sizing: border-box;z-index: 999999;left: 0;top: calc(50% + 33px);transform: translate(0, -50%);padding: 0 30px;display: flex;flex-wrap: wrap;flex-direction: column;} .aramaModulu .baslik { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .aramaModulu h1 { width: 100%; float: left; position: relative; margin: 0 0 -13px 0; font-size: 99px; line-height: 99px; font-weight: 400; color: #00000014; } .aramaModulu h1:before { content: attr(data-text); width: 100%; position: absolute; left: 0; top: 0; font-size: 77px; line-height: 77px; color: rgb(0 0 0 / 7%); } .aramaModulu h1 span { font-weight: 100; } .aramaModulu h2 { width: auto; float: left; font-size: 29px; line-height: 35px; font-weight: 600; color: #fff; background: #01b7f2; padding: 13px 24px; border-radius: 3px; margin: 0 0 20px 0; } .aramaModulu .yazi { width: 100%; float: left; font-size: 14px; line-height: 17px; color: #ffffff; padding: 14px 270px 14px 20px; box-sizing: border-box; } .aramaModulu .aramaMenu { width: auto; float: left; position: relative; z-index: 999; margin: 0 0 90px 120px; } .aramaModulu .aramaMenu a { width: 210px; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: 400; color: #3a3a3a; padding: 25px 0px; background: #f0f0f0; text-align: center; } .aramaModulu .aramaMenu a.active { background: #187f98; color: #fff; } .aramaModulu .aramaMenu a:last-child { margin-right: 0px; border-right: 0px; } .aramaModulu .aracKapsul { width: 1052px; float: left; position: relative; margin: 0 0 0 370px; } .aramaModulu .aracKapsul p { width: 100%; float: left; position: relative; font-family: 'play'; font-size: 21px; line-height: 21px; font-weight: bold; color: #fff; margin: 0 0 30px 0; text-shadow: 1px 1px 2px rgb(0 0 0 / 38%); } .aramaModulu.alt .aracKapsul p { text-shadow: none; color: #187f98; } .aramaModulu ul { width: 100%; float: left; box-sizing: border-box; border-radius: 3px; padding: 0 40px 0 0px; } .aramaModulu ul.ustAlan { padding: 0 40px 0 0px; border: solid 1px #f0f0f0; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 18%); margin: 0 0 28px 0; border-radius: 0; background: #fff; } .aramaModulu.alt ul.ustAlan { box-shadow: none; } .aramaModulu ul li { width: 100%; float: left; position: relative; } .aramaModulu ul li .slt { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 10px 0; } .aramaModulu ul li .slt:last-child { margin-bottom: 0; } .aramaModulu ul li .kslot { width: 100%; float: left; position: relative; box-sizing: border-box; } .aramaModulu ul li .kslot:last-child { margin-right: 0px; } .aramaModulu ul li .kslot.active { width: calc(50% - 10px); margin-right: 20px; transition: none; } .aramaModulu ul li .kslot.active.iofis { margin-right: 0; border-left: solid 1px #f0f0f0; } .aramaModulu ul li .kslot.iofis { display: none; position: absolute; right: 0; top: 0; /* opacity: 0; */ } .aramaModulu ul li.wad { width: calc(100% - 500px); border-right: solid 1px #f0f0f0; } .aramaModulu ul li.wtar { width: 500px; float: right; padding: 0 0 0 30px; } .aramaModulu ul li.wtar:nth-child(3) { margin-right: 0; } .aramaModulu ul li.ozel label { width: auto; } .aramaModulu ul li.ozel a.farkli { width: auto; float: right; font-size: 12px; line-height: 12px; color: #686868; text-decoration: underline; margin: 3px 30px 0 0px; display: none; } .aramaModulu ul li.wad.transfer { width: calc(40% - 56px); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; } .aramaModulu ul li.wad.transfer.active { width: calc(30% - 55px); } .aramaModulu ul li.wtar.transfer { width: 20%; border-right: solid 1px #f0f0f0; float: left; } .aramaModulu ul li.transfer .dKapsa { width: 100%; } .aramaModulu ul li.transfer.transferDonus { display: none; border-right: none; } .aramaModulu ul li.kisiWid.transfer { width: 110px; } .aramaModulu ul li.kisiWid.transfer input[type="text"] { width: 100%; float: left; font-size: 16px; line-height: 16px; font-weight: 600; color: #383838; text-align: center; padding: 31px 0; } .aramaModulu ul li.checkList.mTop .kapsa { margin: 0; } .aramaModulu ul li.checkList .kapsa { margin: 0 0 20px 0; } .aramaModulu ul li.checkList .kapsa .slt { width: auto; float: left; margin-right: 20px; } .aramaModulu ul li.yaln { width: calc(40% - 30px); } .aramaModulu ul li.ybtn { width: calc(20% + 18px); margin-right: 0; } .aramaModulu ul li.wbtn { width: 44px; float: right; margin: 0; position: absolute; right: 0; top: 0px; } .aramaModulu ul li.vKont { width: 100%; margin: 16px 0 0 0; } .aramaModulu ul li.vKont .kapsa { border: none; border-radius: 0; } .aramaModulu ul li .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; } .aramaModulu ul li:last-child { margin-right: 0; } .aramaModulu ul li.wtar .kapsa { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 0 0 39px; } .aramaModulu ul li.wtar .kapsa:before { content: ""; width: 24px; height: 100%; position: absolute; left: 0; top: 0px; background-repeat: no-repeat; background-position: left center; background-size: contain; background-image: url(../images/tarih.svg); } .aramaModulu ul li.oKontrol { display: none; margin-top: 20px; } .aramaModulu ul li select { width: 100%; float: left; } .aramaModulu ul li .select { width: 100%; float: left; position: relative; } .aramaModulu ul li .select.lokas:after { content: ""; width: 22px; height: 100%; position: absolute; left: 15px; top: 0px; background: url(../images/adres.svg) no-repeat center left; background-size: contain; } .aramaModulu ul li .select.lokas .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px; color: #383838; font-weight: 400; line-height: 13px; padding-right: 0px; padding-left: 0; } .aramaModulu ul li .select.lokas .select2-container--default .select2-selection--single { padding: 37.5px 35px 37.5px 52px; border-radius: 0; border: none; border: transparent; border-radius: 3px; } .aramaModulu ul li .select.lokas.noBG:after { display: none; } .aramaModulu ul li .select.ayi:after { background-image: url(../images/ynay.png); width: 21px; background-size: contain; } .aramaModulu ul li.ikiLi { width: calc(50% - 13px); } .aramaModulu ul li.ikiLi:nth-child(3) { float: right; } .aramaModulu ul li label { width: 100%; float: left; margin-bottom: 8px; font-size: 14px; color: #ffffff; font-weight: 600; margin: 0 0 15px 0px; position: absolute; left: 0; top: -29px; text-shadow: 1px 1px 2px rgb(0 0 0 / 38%); } .aramaModulu.alt ul li label { color: #5f5f5f; text-shadow: none; } .aramaModulu ul li.checkbox label { width: 100%; margin-top: 0; line-height: 15px; font-size: 16px; } .aramaModulu ul li .sagKisim { width: calc(100% - 66px); float: right; } .aramaModulu ul li .inputs { width: 100%; float: left; color: #383838; text-align: left; position: relative; border-radius: 0; padding-right: 0; box-sizing: border-box; background: none; display: flex; flex-direction: row; align-items: flex-start; } .aramaModulu ul li .inputs.tr { width: 100%; margin-right: 0; } .aramaModulu ul li .inputs:before { content: ""; width: 15px; height: 100%; position: absolute; right: 15px; top: 0px; background: url(../images/sar.png) no-repeat left center; z-index: 15; display: none; } .aramaModulu ul li .inputs.tr:after { background-image: url(../images/tarih.svg); } .aramaModulu ul li .inputs.sat:after { background-image: url(../images/ynst.png); display: none; } .aramaModulu ul li .inputs:nth-child(2n) { width: 100%; padding-left: 0; justify-content: center; } .aramaModulu ul li .inputs .tarihim { width: 100%; float: left; text-align: left; position: relative; cursor: pointer; margin: 0 0 6px 0; } .aramaModulu ul li .inputs .tarihim .ozelGizle { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; cursor: pointer; } .aramaModulu ul li .inputs .tarihim .wrap { width: 100%; float: left; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .aramaModulu ul li .inputs .tarihim .gun { width: auto; float: left; font-size: 16px; line-height: 16px; font-weight: 600; text-align: left; } .aramaModulu ul li .inputs .tarihim .sagi { width: auto; float: left; text-align: left; font-size: 14px; line-height: 14px; font-weight: 300; box-sizing: border-box; margin: 0 0 0 10px; } .aramaModulu ul li .inputs .tarihim .ay { width: auto; float: left; font-weight: 400; text-transform: capitalize; } .aramaModulu ul li .inputs .tarihim .yil { width: auto; float: left; font-weight: 400; margin: 0 0 0 6px; } .aramaModulu ul li .inputs .tarihim .yil span { font-weight: 400; } .aramaModulu ul li .inputs .tarihim .yil span:before { content: "'"; } .aramaModulu ul li .inputs .tarihim .yil i { font-weight: 400; font-style: normal; margin-left: 3px; display: none; } .aramaModulu ul li .inputs .saatim { width: 100%; float: left; margin-top: 0; position: relative; display: flex; flex-direction: row; justify-content: flex-start; margin: 0 0 0 -18px; } .aramaModulu ul li .inputs .select { width: auto; float: left; position: relative; } .aramaModulu ul li .inputs .saatim .select { padding-right: 0; position: relative; width: 47px; float: left; } .aramaModulu ul li .inputs .saatim:after { content: ":"; width: auto; position: absolute; left: 43px; top: 0px; font-size: 15px; font-weight: bold; line-height: 20px; margin-top: -1px; } .aramaModulu ul li .inputs .select:nth-child(2n):after { display: none; } .aramaModulu ul li input[type="submit"] { width: 100%; height: 91px; float: right; font-weight: 400; cursor: pointer; border-radius: 0; font-size: 16px; line-height: 16px; background: url(../images/ara.svg) no-repeat center center #187f98; color: #fff; border: none; background-size: 20px; } .aramaModulu ul li .inputs .select2-container--default .select2-selection--single { background: none; padding: 0px; border: none; border-radius: 0; } .aramaModulu ul li .inputs .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0px; color: #565656; font-size: 16px; line-height: 20px; font-weight: 600; padding: 0 9px; } .aramaModulu ul li .inputs .select:nth-child(2n) .select2-container--default .select2-selection--single .select2-selection__rendered { color: #565656; font-size: 16px; line-height: 20px; font-weight: 600; padding: 0 9px; text-align: center; } .aramaModulu ul li .inputs .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .aramaModulu ul li .select2-container--default .select2-selection--single { border-radius: 0px; padding: 18px 14px; } .aramaModulu ul li .checkbox label:before { width: 25px; height: 25px; border: none; background: #e8e8e8; border: none; border-radius: 0; } .aramaModulu ul li .checkbox input[type="checkbox"] { width: 25px; height: 25px; left: 0; top: 0; margin: 0; } .aramaModulu ul li .checkbox label { font-size: 13px; margin-top: 0; line-height: 14px; padding-left: 32px !important; padding-top: 5px !important; margin: 0; position: relative; left: 0; top: 0; color: #fff; } .aramaModulu.alt ul li .checkbox label { color: #5f5f5f; } .aramaModulu ul li .checkbox input[type="checkbox"]:checked + label:after { width: 25px; height: 23px; background-size: 14px; } .aramaModulu ul li .dKapsa { width: 220px; float: left; position: relative; border-right: solid 1px #f0f0f0; padding: 23px 30px 23px 0; margin: 0 30px 0 0; } .aramaModulu ul li .dKapsa:last-child { /* border-right: 0; */ margin-right: 0; } .aramaModulu ul.radio { margin: 0px 0 0 0; } .sade .radio input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .sade .radio input[type="radio"]:checked + label:after { opacity: 1; } .sade .radio input[type="radio"]:disabled { cursor: not-allowed; } .sade .radio input[type="radio"]:disabled:checked + label:after { color: #999; } .sade .radio input[type="radio"]:disabled + label { cursor: not-allowed; } .sade .radio input[type="radio"]:disabled + label:before { background-color: #eee; } .sade .radio input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 14px; color: #ffffff; font-weight: 600; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; top: 0; text-shadow: 1px 1px 2px rgb(0 0 0 / 38%); } .sade .radio input[type="radio"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-color: #ffffff; box-sizing: border-box; border-radius: 100%; } .sade .radio input[type="radio"] + label:after { content: ''; position: absolute; top: calc(50% - 6px); left: 6px; width: 12px; height: 12px; display: inline-block; background-color: #187f98; box-sizing: border-box; border-radius: 100%; opacity: 0; } .sade .radio input[type="radio"] + label + label.error { display: block; } .sade.alt .radio input[type="radio"] + label { color: #5f5f5f; text-shadow: none; } .sade.alt .radio input[type="radio"] + label:before { background: #e8e8e8; } .aramaModulu ul li.ikiKap .kapsa { width: 50%; } .aramaModulu ul li.ikiKap .kapsa.chKon { margin-top: 16px; } .aramaModulu .aracAra { width: 100%; float: left; position: relative; box-sizing: border-box; text-align: center; } .aramaModulu .aracAra input[type="submit"] { width: auto; display: inline-table; vertical-align: text-bottom; font-size: 16px; line-height: 16px; letter-spacing: 1px; color: #fff; background: #33da7e; padding: 18px 20px; border-radius: 45px; margin: -28px 0 0 0; cursor: pointer; } .aramaModulu .aracAra input[type="submit"]:hover { background: #636363; } .aramaModulu.fix { padding: 0; background: none; } .aramaModulu.fix ul { padding: 20px; position: fixed; bottom: inherit; top: 0; width: 1170px; left: calc(50% - 585px); /* height: 164px; */ } .aramaModulu.fix ul li { margin-right: 21px; } .aramaModulu.fix ul li.fad { width: calc(36% - 27px); } .aramaModulu.fix ul li.ftar { width: calc(32% - 48px); } .aramaModulu.fix ul li.fbtn { width: 60px; float: right; margin: 22px 0 0 0; } .aramaModulu ul li.wad.wad2 { width: calc(70% - 59px); } .aramaModulu ul li.wad.wad2.active { width: calc(47% - 59px); } .aramaModulu ul li.wtar.wtar2 { width: calc(27% - 70px); margin-right: 21px; } .aramaModulu ul li.wtar2 .inputs .tarihim .yil { display: none; } .aramaModulu ul li.wtar2 .inputs:nth-child(2n) { width: 120px; } .aramaModulu ul li.wbtn.wbtn2 { margin: 87px 0 0 0; } .aramaModulu ul li.wtar.wtar2.airDonus { display: none; } .aramaModulu ul li.airport .airT { width: 100%; float: left; position: relative; box-sizing: border-box; } .aramaModulu ul li.airport .slt { width: calc(50% - 10px); margin-right: 20px; } .aramaModulu ul li.airport .slt:last-child { margin-right: 0; margin-left: -3px; } .aramaModulu.transfer ul li .slt .kslot:after { content: ""; width: 22px; height: 100%; position: absolute; left: 15px; top: 0px; background: url(../images/air.svg) no-repeat center left; background-size: contain; } .aramaModulu ul li.air .inputs .tarihim .yil { display: none; } .aramaModulu.miniTek { width: 100%; float: left; position: relative; left: inherit; top: inherit; transform: inherit; box-sizing: border-box; padding: 15px; margin: 0; bottom: inherit; } .aramaModulu.miniTek ul li { margin-bottom: 14px; } .aramaModulu.miniTek ul li label { font-size: 13px; color: #0b2f5a; text-shadow: none; } .aramaModulu.miniTek ul li.checkbox label { font-size: 12px; } .aramaModulu.miniTek ul li.checkbox { margin-bottom: 5px; } .aramaModulu.miniTek ul li .inputs .tarihim { height: auto; } .aramaModulu.miniTek ul li .inputs .tarihim .wrap { margin: 4px 0 0 0px; } .aramaModulu.miniTek ul li .select.lokas:after { background: url(../images/smpic3.png) no-repeat center left; width: 15px; left: 10px; } .aramaModulu.miniTek ul li .select.lokas .select2-container--default .select2-selection--single { padding: 15px 31px 15px 32px; } .aramaModulu.miniTek ul li .select.lokas .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; line-height: 16px; overflow: hidden; } .aramaModulu.miniTek ul li .inputs { width: 100%; height: 42px; margin-bottom: 10px; text-align: center; padding: 0 29px 0 45px; } .aramaModulu.miniTek ul li .inputs:last-child { margin-bottom: 0; } .aramaModulu.miniTek .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; width: 10px; } .aramaModulu.miniTek .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(../images/sar2.png) no-repeat center; } .aramaModulu.miniTek ul li .inputs:before { width: 10px; right: 10px; background: url(../images/sar2.png) no-repeat left center; } .aramaModulu.miniTek ul li .inputs.tr:after { background-image: url(../images/stkic3.png); } .aramaModulu.miniTek ul li .inputs.sat:after { background-image: url(../images/saatic3.png); } .aramaModulu.miniTek ul li .inputs:after { width: 18px; left: 10px; } .aramaModulu.miniTek ul li .inputs .saatim { width: 111px; /* float: left; */ display: inline-table; margin-top: 9px; } .aramaModulu.miniTek ul li.ikiKap .kapsa { width: 100%; } .aramaModulu.miniTek ul li input[type="submit"] { width: 100%; text-align: center; box-sizing: border-box; padding: 17px 0px; font-size: 15px; } .aramaModulu.alt { width: 100%; float: left; position: relative; margin: 0; background: #fbfbfb; left: inherit; bottom: inherit; padding: 60px 0 40px 0; top: inherit; transform: inherit; border-top: solid 1px #ec6607; } .aramaModulu.alt ul { border-radius: 0; } .aramaModulu.alt.none { display: none; overflow: hidden; } .aramaModulu.alt .aracKapsul { width: 1300px; margin-left: calc(50% - 650px); } .nedenBiz.genelListe { z-index: 50; padding: 100px 0; } .nedenBiz.genelListe:after { content: ""; width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; background: #f6f6f6; } .nedenBiz.genelListe .kapsa { width: 100%; float: left; position: relative; } .nedenBiz.genelListe li { width: 33.33%; padding: 0; z-index: 65; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } .nedenBiz.genelListe li .resim { width: 128px; height: 128px; border: solid 1px #118099; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .nedenBiz.genelListe li .resim img { max-width: calc(100% - 70px); max-height: calc(100% - 70px); width: auto; height: auto; } .nedenBiz.genelListe li .resim:before { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 20px; border-radius: 100%; background: #dedede; } .nedenBiz.genelListe li .resim:after { content: ""; width: 20px; height: 20px; position: absolute; right: -10px; bottom: 50px; border-radius: 100%; background: #3a4244; } .nedenBiz.genelListe li h6 { font-size: 25px; line-height: 25px; font-weight: 200; color: #323232; text-align: center; margin: 20px 0 0 0; } .nbtDetay { width: calc(100% - 325px); height: 1138px; background: url(../images/gnlbg.jpg) no-repeat center; background-size: cover; margin: 0 0 100px 0; } .nbtDetay .inner { height: 100%; flex-direction: row; align-items: end; justify-content: end; } .nbtDetay .kapsa { width: 700px; float: left; position: relative; } .nbtDetay .kapsa .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: end; justify-content: end; } .nbtDetay .kapsa .slot > div { width: 350px; height: 350px; float: left; position: relative; background: #f6f6f6; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 40px; color: #323232; } .nbtDetay .kapsa .slot > div.mavi { background: #167e96; color: #fff; } .nbtDetay .kapsa .slot > div strong { font-size: 74px; line-height: 74px; font-weight: 100; } .nbtDetay .kapsa .slot > div p { font-size: 24px; line-height: 24px; font-weight: 200; } .arac.genelListe { margin: 0 0 100px 0; } .arac.genelListe li { width: calc(33.33% - 36px); padding: 0px; } .arac.genelListe li a { padding: 30px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; border: solid 1px #e6e5e5; } .arac.genelListe li h6 { font-size: 22px; line-height: 22px; font-weight: 300; color: #434343; letter-spacing: 3px; text-align: center; margin: 0 0 14px 0; } .arac.genelListe li .fiyati { width: 100%; float: left; position: relative; margin: 0 0 20px 0; font-size: 14px; line-height: 14px; font-weight: 300; color: #434343; text-align: center; } .arac.genelListe li .fiyati u { font-size: 18px; line-height: 18px; font-weight: 600; color: #167e96; letter-spacing: 1px; } .arac.genelListe li .fiyati u span { font-size: 14px; line-height: 14px; font-weight: 600; } .arac.genelListe li .ozellik { width: 100%; float: left; position: relative; background: #f3f3f3; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 18px 20px; } .arac.genelListe li .ozellik > div { width: auto; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .arac.genelListe li .ozellik > div:last-child { margin-right: 0px; } .arac.genelListe li .ozellik > div img { width: auto; height: 20px; margin-right: 6px; } .arac.genelListe li .ozellik > div span { width: auto; float: left; font-size: 13px; line-height: 13px; font-weight: 300; color: #434343; } .sonYorum.genelListe { padding: 100px 0; margin-bottom: 100px; } .sonYorum.genelListe:after { content: ""; width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; background: #f6f6f6; z-index: -1; } .sonYorum.genelListe li { width: 100%; padding: 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: url(../images/yrm.svg) no-repeat top center; background-size: 72px; background-position: center 40px; padding: 140px 0 50px 0; } .sonYorum.genelListe li:before { content: ""; width: 160px; height: 100%; position: absolute; left: calc(50% - 80px); top: 0; background: rgb(236 236 236 / 47%); z-index: -1; } .sonYorum.genelListe li i { font-size: 16px; line-height: 23px; font-weight: 500; color: #252525; margin: 20px 0 0 0; } .kisaYol.genelListe { padding: 330px 0 0 0; z-index: 60; } .kisaYol.genelListe:after { content: ""; width: 100%; height: calc(100% - 80px); position: absolute; left: 0px; top: 0px; background: url(../images/kbg.jpg) no-repeat top center; z-index: -1; } .kisaYol.genelListe li { width: 50%; padding: 0px; } .kisaYol.genelListe li a { background-position: 30px center; background-repeat: no-repeat; color: #323232; padding: 80px 80px; z-index: 70; background-color: #f5f5f5; } .kisaYol.genelListe li a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: 30px center; background-size: 154px; z-index: -1; opacity: 0.4; } .kisaYol.genelListe li h6 { font-size: 30px; line-height: 30px; font-weight: 200; margin: 0 0 6px 0; } .kisaYol.genelListe li p { font-size: 15px; line-height: 15px; font-weight: 300; } .kisaYol.genelListe li.iletisim a { background-color: #167e96; color: #fff; } .kisaYol.genelListe li.acenta a:after { background-image: url(../images/k01.svg); } .kisaYol.genelListe li.iletisim a:after { background-image: url(../images/k02.svg); opacity: 0.2; } .slogan.genelListe { margin: 100px 0 0 0; } .slogan.genelListe ul:not(.swiper-wrapper) { align-items: flex-start; } .slogan.genelListe:after { content: ""; width: 100%; height: 81px; position: absolute; left: 0px; top: 90px; background: url(../images/sbg.png) no-repeat center; } .slogan.genelListe li { width: 33.33%; padding: 0; z-index: 65; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } .slogan.genelListe li:nth-child(2) { margin: 40px 0 0 0; } .slogan.genelListe li:nth-child(3) { margin: 21px 0 0 0; } .slogan.genelListe li .resim { width: 220px; float: left; border-radius: 100%; } .slogan.genelListe li .resim span { width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; left: 20px; top: 20px; border-radius: 100%; border: solid 1px #fff; } .slogan.genelListe li .resim:before { content: ""; width: 12px; height: 12px; position: absolute; left: 31px; top: 20px; border-radius: 100%; background: #dedede; z-index: 10; } .slogan.genelListe li .resim:after { content: ""; width: 20px; height: 20px; position: absolute; right: 25px; bottom: 50px; border-radius: 100%; background: #ffffff; } .slogan.genelListe li .resim img { border-radius: 100%; } .slogan.genelListe li h6 { font-family: 'play'; font-size: 25px; line-height: 31px; font-weight: bold; text-align: center; color: #454c4e; margin: 20px 0 0 0; } footer { width: 100%; float: left; position: relative; margin: 100px 0 0 0; padding: 50px 0 30px 0; } footer:after { content: ""; width: calc(100% - 200px); height: calc(100% - 137px); position: absolute; right: 0; top: 0; background: #167e96; z-index: -1; } footer section { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 0 70px 0; } footer section .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } footer section:last-child { margin-bottom: 0; } footer .ust:after { content: ""; width: calc(50% - 650px); height: 100%; position: absolute; left: 0; top: 0; background: #ebebeb; } footer .ust .inner:after { content: ""; width: calc(100% - 280px); height: 1px; position: absolute; left: 185px; background: #fff; } footer .ust .logo { width: auto; float: left; background: #ebebeb; padding: 24px 50px 24px 0px; } footer .ust .logo a { width: 104px; } footer .ust .sosyal { width: auto; float: right; position: relative; } footer .ust .sosyal a { width: auto; float: left; position: relative; font-size: 20px; line-height: 20px; font-weight: 400; color: #fff; margin: 0 14px 0 0; } footer .ust .sosyal a:last-child { margin-right: 0; } footer .iletisim ul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } footer .iletisim ul li { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } footer .iletisim ul li a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } footer .iletisim ul li .icon { width: 54px; height: 54px; float: left; border-radius: 100%; border: solid 1px #0a2f38; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } footer .iletisim ul li .icon img { max-width: calc(100% - 30px); max-height: calc(100% - 30px); width: auto; height: auto; } footer .iletisim ul li .bilgi { width: auto; float: left; position: relative; margin: 0 0 0 10px; } footer .iletisim ul li .bilgi strong { font-size: 15px; line-height: 15px; font-weight: 400; color: #ffffff; } footer .iletisim ul li .bilgi p { font-size: 19px; line-height: 20px; font-weight: 200; color: #fff; margin: 8px 0 0 0; } footer .altMenu { margin-bottom: 37px; } footer .altMenu ul { width: 100%; float: left; position: relative; background: #ebebeb; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 40px 0; } footer .altMenu ul li { width: auto; float: left; position: relative; margin-right: 20px; padding-right: 20px; } footer .altMenu ul li:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0px; top: 0; background: #0a2f38; } footer .altMenu ul li:last-child { margin-right: 0px; padding-right: 0px; } footer .altMenu ul li:last-child:after { display: none; } footer .altMenu ul li a { width: auto; float: left; position: relative; font-family: 'play'; font-size: 23px; line-height: 23px; color: #0a2f38; } footer .alt { margin: 0; padding: 0; } footer .alt .bilgi { width: auto; float: left; position: relative; font-size: 20px; line-height: 20px; font-weight: 200; color: #0a2f38; text-align: center; } footer .alt .aiTuve { font-size: 15px; } .steps { width: 100%; float: left; position: relative; margin: 0 !important; background: #ffffff; /* box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 15%); */ z-index: 45; } .steps ul { width: 100%; float: left; counter-reset: my-sec-counter; box-sizing: border-box; padding: 0 0 0 0px; } .steps ul li { width: calc(33.33% - 10px); float: left; margin-right: 15px; box-sizing: border-box; padding: 28px 0; } .steps ul li:nth-child(3n) { margin-right: 0; } .steps.ikiLi ul li { width: calc(50% - 10px); } .steps.ikiLi ul li:last-child { margin-right: 0; } .steps ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 16px; font-weight: 500; color: #c1c1c1; padding: 0 0 0 44px; } .steps ul li a:before { content: counter(my-sec-counter); width: 34px; height: 34px; position: absolute; left: 0px; top: calc(50% - 17px); background: #eeeeee; border-radius: 100%; counter-increment: my-sec-counter; font-size: 15px; line-height: 33px; font-weight: bold; color: #cccccc; text-align: center; } .steps ul li a strong { width: 100%; float: left; font-weight: 300; border-bottom: solid 4px #dadada; padding: 0 0 6px 0; margin: 0 0 8px 0; } .steps ul li a span { width: 100%; float: left; font-size: 12px; line-height: 12px; font-style: italic; } .steps ul li:last-child a { border-right: 0px; } .steps ul li.secili a:before { background: #187f98; color: #fff; } .steps ul li.secili a strong { color: #757575; } .steps ul li.secili a span { color: #717171; } .steps ul li.active a:before { background: #187f98; color: #fff; } .steps ul li.active a strong { color: #187f98; } .steps ul li.active a span { color: #717171; } .tarihBilgisi { width: 100%; float: left; position: relative; background: #ffffff; z-index: 15; /* box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 15%); */ /* border-top: solid 1px #e1e0e0; */ background: #f3f3f3; } .tarihBilgisi .inner { width: calc(100% - 144px); float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .tarihBilgisi.bilgi .inner { width: 100%; } .tarihBilgisi .inner > div .slot { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: center; border-right: solid 1px #e1e0e0; padding: 20px 30px 20px 33px; margin: 0 30px 0 0; color: #757575; } .tarihBilgisi .inner > div .slot:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px; } .tarihBilgisi .inner > div .slot:before { content: ""; width: 22px; height: 100%; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: left center; background-size: contain; } .tarihBilgisi .inner > div .slot strong { font-weight: 600; } .tarihBilgisi .inner > div .slot.adres:before { background-image: url(../images/adres.svg); } .tarihBilgisi .inner > div .slot.tarih:before { background-image: url(../images/tarih.svg); } .tarihBilgisi .inner .solK { width: auto; float: left; position: relative; } .tarihBilgisi .inner .sagK { width: auto; float: right; } .tarihBilgisi .detay { width: 101px; float: right; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-end; margin: 15.5px 0 0 0; } .tarihBilgisi .detay:empty { display: none; } .tarihBilgisi .detay a.active { background: #2897bc; } .tarihBilgisi .detay .sure { display: none; } .tarihBilgisi .detay .sure b { display: none; } .tarihBilgisi .secimDegistir { width: 100%; float: right; font-size: 14px; line-height: 15px; font-weight: 400; color: #fff; background: #2897bc; padding: 12px 10px; border-radius: 45px; text-align: center; box-sizing: border-box; } .secimYap { float: left; position: relative; margin-bottom: 70px; } .secimYap .secimi { width: 100%; float: left; position: relative; } .secimYap .secimi.load:before { content: "Araçlar Yükleniyor"; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #ffffffb8 url(../images/495.gif) no-repeat top center; backdrop-filter: blur(5px); z-index: 999; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; font-family: 'play'; font-size: 22px; line-height: 22px; color: #2897bc; text-align: center; padding: 84px 0 0 0; } .secimYap .secimi.load.loaded:before { opacity: 0; pointer-events: none; } .secimYap .secBaslik { width: 100%; float: left; background: #2897bc; position: relative; padding: 20px 20px; box-sizing: border-box; z-index: 150; margin: 0 0 40px 0; } .secimYap .secBaslik h1, .secimYap .secBaslik strong { width: auto; float: left; font-size: 20px; line-height: 20px; font-weight: 100; color: #fff; } .secimYap .secimi .wrapper { width: 100%; float: left; position: relative;} .secimYap .secBaslik .kapsa { width: auto; float: right; margin-top: 0; } .secimYap .secBaslik .kapsa .select { width: 130px; float: left; margin-right: 20px; } .secimYap .secBaslik .kapsa .select:last-child { margin-right: 0; } .secimYap .secBaslik .kapsa .select .select2-container--default .select2-selection--single { padding: 9px 15px; box-sizing: border-box; border-radius: 0; background: #fff; border: none; } .secimYap .secBaslik .kapsa .select .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; line-height: 15px; font-weight: 300; color: #5b5b5b; } .secimYap .solKisim { width: calc(100% - 320px); float: right; } .secimYap .sagKisim { width: 290px; float: left; } .secimYap .sagKisim .toplamWrap { width: 300px; float: left; position: relative; } /*.secimYap .sagKisim .toplamWrap.scrActive { position: fixed; top: 10px; width: inherit; z-index: 98; background: #fff; max-height: calc(100% - 30px); overflow: hidden; }*/ .secimYap .secimi .mFiltre { width: 100%; float: left; position: relative; box-sizing: border-box; background: #e9e9e9; padding: 13px 20px; margin: 0 0 20px 0; display: none; } .secimYap .secimi .mFiltre .filt { width: auto; float: left; position: relative; box-sizing: border-box; background: url(../images/fltric.svg) no-repeat left center; font-size: 15px; line-height: 15px; font-weight: 300; color: #727272; padding: 2px 0 2px 20px; } .secimYap .secimi .mFiltre .filt:before { content: "Araç Filtrele"; } .secimYap .sagKisim.scActive { position: static; } .secimYap .sagKisim .uKapsa { width: 290px; float: left; position: relative; } .secimYap .sagKisim.scFix .uKapsa, .secimYap.scFixed .sagKisim .uKapsa { position: fixed; top: 20px; } .secimYap .sagKisim.scAbsolute .uKapsa, .secimYap.scAbsolute .sagKisim .uKapsa { position: absolute; bottom: 0; left: 0; top: inherit; } .secimYap .devami { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .secimYap .devami a, .secimYap .devami input[type="submit"] { width: auto; float: right; font-size: 21px; line-height: 21px; font-weight: 300; color: #fff; background: #2897bc; padding: 18px 30px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;} .secimYap .devami a:hover, .secimYap .devami input[type="submit"]:hover { background: #01b7f2; } .secimYap .devami.mbKont { display: none; } .secimYap .genelBilgi { width: 100%; float: left; background: #f4f4f4; box-sizing: border-box; padding: 20px 20px; position: relative; border-radius: 3px; } .secimYap .genelBilgi .mob { width: 100%; float: left; position: relative; box-sizing: border-box; } .secimYap .genelBilgi .alisIade { width: 100%; float: left; } .secimYap .genelBilgi .alisIade .slot { width: 100%; float: left; margin: 0 0 25px 0; } .secimYap .genelBilgi .alisIade .slot:last-child { margin-bottom: 0; } .secimYap .genelBilgi .alisIade .sol { width: 56px; float: left; font-size: 15px; color: #505050; font-weight: 500; } .secimYap .genelBilgi .alisIade .sag { width: calc(100% - 58px); float: right; } .secimYap .genelBilgi .alisIade .sag div { width: 100%; float: left; } .secimYap .genelBilgi .alisIade .sag .adres { font-size: 13px; line-height: 16px; color: #505050; } .secimYap .genelBilgi .alisIade .sag .saat { font-size: 12px; color: #4a4a4a; margin-top: 5px; } .secimYap .genelBilgi .alisIade .sag .kroki { width: auto; float: left; font-size: 13px; line-height: 13px; color: #505050; border: solid 1px #afafaf; padding: 7px 9px 6px 9px; margin-top: 9px; box-sizing: border-box; } .secimYap .genelBilgi .alisIade .sag .kroki:hover { border-color: #948c8d; } .secimYap .genelBilgi .secimDegistir { width: 100%; float: left; box-sizing: border-box; font-size: 15px; color: #fff; font-weight: 500; background: #a9a9a9; text-align: center; line-height: 15px; padding: 13px 10px; margin: 20px 0 20px 0; } .secimYap .genelBilgi .secimDegistir:hover, .secimYap .genelBilgi .secimDegistir.active { background: #2897bc; } .secimYap .genelBilgi .kiralamaSuresi { font-size: 15px; color: #505050; width: 100%; float: left; } .secimYap .genelBilgi .ekstra { width: 100%; float: left; margin-top: 20px; } .secimYap .genelBilgi .ekstra strong { width: 100%; float: left; font-size: 15px; color: #484848; font-weight: 500; margin: 0 0 7px 0; } .secimYap .genelBilgi .ekstra ul { width: 100%; float: left; box-sizing: border-box; padding-left: 10px; margin-top: 6px; } .secimYap .genelBilgi .ekstra ul li { width: 100%; float: left; position: relative; font-size: 13px; line-height: 14px; color: #303030; box-sizing: border-box; margin-bottom: 5px; padding-left: 9px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .secimYap .genelBilgi .ekstra ul li:after { content: ""; width: 4px; height: 4px; position: absolute; left: 0px; top: 5px; background: #848484; border-radius: 100%; } .secimYap .genelBilgi .ekstra ul li:last-child { margin-bottom: 0px; } .secimYap .ozetTutar { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0px 0 0 0; background: #fff; padding: 20px 20px; border: solid 1px #eaebe8; border-top-color: transparent; } .secimYap .ozetTutar ul { width: 100%; float: left; } .secimYap .ozetTutar ul li { width: 100%; float: left; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 0 9px 0; font-size: 13px; color: #484848; font-weight: 500; } .secimYap .ozetTutar ul li:last-child { margin-bottom: 0; } .secimYap .ozetTutar ul li span { font-weight: 400; } .secimYap .ozetTutar ul li strong { font-weight: 500; font-size: 17px; } .secimYap .genelTutar { width: 100%; float: left; position: relative; margin-top: 20px; background: #2897bc; color: #fff; padding: 17px; text-align: center; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .secimYap .genelTutar span { width: auto; float: left; font-size: 17px; font-weight: 500; } .secimYap .genelTutar strong { width: auto; float: right; font-size: 25px; line-height: 25px; } .secimYap .genelTutar strong i { font-size: 17px; font-style: normal; } .secimYap .genelTutar p { width: 100%; float: left; font-weight: 500; font-size: 13px; margin-top: 10px; } .secimYap .genelTutar2 { width: 100%; float: left; position: relative; margin-top: 20px; background: #2897bc; color: #fff; padding: 17px; text-align: center; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .secimYap .genelTutar2 span { width: auto; float: left; font-size: 17px; font-weight: 500; } .secimYap .genelTutar2 strong { width: auto; float: right; font-size: 25px; line-height: 25px; } .secimYap .genelTutar2 strong i { font-size: 17px; font-style: normal; } .secimYap .genelTutar2 p { width: 100%; float: left; font-weight: 500; font-size: 13px; margin-top: 10px; } .secimYap .ozetTutar { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0px 0 0 0; background: #fff; padding: 20px 20px; border: solid 1px #eaebe8; border-top-color: transparent; } .secimYap .ozetTutar ul { width: 100%; float: left; } .secimYap .ozetTutar ul li { width: 100%; float: left; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 0 9px 0; font-size: 13px; color: #484848; font-weight: 500; } .secimYap .ozetTutar ul li:last-child { margin-bottom: 0; } .secimYap .ozetTutar ul li span { font-weight: 400; } .secimYap .ozetTutar ul li strong { font-weight: 500; font-size: 17px; } .secimYap .sagKisim .devamEt { width: 100%; float: left; box-sizing: border-box; margin-top: 10px; background: url(../images/dvmokic.png) no-repeat calc(100% - 37px) center #e41e26; font-size: 22px; color: #fff; line-height: 21px; padding: 21px 20px 17px 29px; } .secimYap .sagKisim .devamEt:hover { background-color: #58585a; } .secimYap .sagKisim .yazi { font-size: 14px; line-height: 19px; text-align: left; border-top: solid 1px #cacaca; border-bottom: solid 1px #cacaca; padding: 10px 0; margin: 20px 0 0 0; } .secimYap .aracFiltre { width: 100%; float: left; box-sizing: border-box; padding: 20px 20px 10px 20px; background: #f7f7f7; } .secimYap .aracFiltre + div { margin-bottom: 20px; } .secimYap .aracFiltre .baslik { width: 100%; float: left; } .secimYap .aracFiltre .slot {width: 100%;float: left;padding: 0;box-sizing: border-box;border-bottom: solid 1px #e7e7e7;margin: 0 0px 25px 0;padding: 0 0px 25px 0;} .secimYap .aracFiltre .slot:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0; } .secimYap .aracFiltre .slot h6 { width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: 500; color: #505050; margin: 0 0 13px 0; } .secimYap .aracFiltre .slot ul { width: 100%; float: left; } .secimYap .aracFiltre .slot ul li { width: calc(50% - 10px); float: left; margin: 0 20px 10px 0; } .secimYap .aracFiltre .slot ul li:nth-child(2n) { margin-right: 0px; } .secimYap .aracFiltre .slot.tekLi ul li { width: 100%; margin: 0 0 10px 0; } .secimler { width: 100%; float: left; position: relative; box-sizing: border-box; } .secimler .slot { width: 100%; float: left; position: relative; box-sizing: border-box; background: #ffffff; /* border-bottom: solid 1px #d2d2d2; */ padding: 0; margin: 0 0 40px 0; } .secimler .slot:last-child { margin-bottom: 0; } .secimler .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .secimler .slot h2 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 22px; line-height: 22px; font-weight: 400; color: #2897bc; margin: 0 0px 25px 0; padding-bottom: 5px; border-bottom: solid 1px #2897bc; text-transform: uppercase; } .secimler .slot.ikon h2:before { content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: left center; } .secimler .slot.ikon.hizmet h2 { padding: 0 0 0 29px; } .secimler .slot.ikon.hizmet h2:before { width: 20px; background-image: url(../images/hzic.png); } .secimler .slot.ikon.son h2 { padding: 0 0 0 29px; } .secimler .slot.ikon.son h2:before { width: 20px; background-image: url(../images/ksic.png); } .secimler .slot + .devami { margin-top: 0; } .secimYap .sagKisim .aracBilgi { width: 100%; float: left; position: relative; box-sizing: border-box; } .secimYap .sagKisim .aracBilgi .resmi { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 20px; border: solid 1px #dedede; margin: 0 0 20px 0; } .secimYap .sagKisim .aracBilgi .resmi img, .secimYap .sagKisim .aracBilgi .resmi a { width: 100%; float: left; } .secimYap .sagKisim .aracBilgi .resmi span { width: auto; float: left; font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; background: #ed6f16; border-radius: 45px; padding: 9px 20px; position: absolute; left: 10px; bottom: 10px; } .secimYap .sagKisim .aracDetayi { width: 100%; float: left; background: #ececec; box-sizing: border-box; padding: 20px 14px; } .secimYap .sagKisim .aracDetayi h6 { width: 100%; float: right; font-size: 18px; color: #3e3e3e; line-height: 19px; } .secimYap .sagKisim .aracDetayi h6 a { width: auto; float: none; display: inline-table; text-decoration: underline; color: #8c8c8c; } .secimYap .sagKisim .aracDetayi h6 span { width: 100%; float: left; font-size: 13px; margin-top: 2px; color: #8c8c8c; } .secimYap .sagKisim .aracDetayi .ozellik { width: 100%; float: left; position: relative; margin: 20px 0 0 0; } .secimYap .sagKisim .aracDetayi .ozellik span { width: 25%; float: left; position: relative; box-sizing: border-box; border-right: solid 1px #dedede; text-align: center; padding: 9px 0; } .secimYap .sagKisim .aracDetayi .ozellik span:last-child { border-right: none; } .secimYap .sagKisim .aracDetayi .ozellik span i { width: 100%; height: 23px; float: left; position: relative; } .secimYap .sagKisim .aracDetayi .ozellik span i img { max-width: 100%; width: auto; height: 23px; float: none; display: inline-table; table-layout: fixed; } .secimYap .sagKisim .aracDetayi .ozellik span strong { width: 100%; float: left; position: relative; font-size: 12px; line-height: 12px; font-weight: 400; color: #545454; margin: 9px 0 0 0; } .secimYap .kalanSure { width: 100%; height: 120px; float: left; position: relative; background: #2897bc; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 0 30px 0; } .secimYap .kalanSure:after { content: ""; width: 135px; height: 146px; position: absolute; left: -33px; top: calc(50% - 73px); background: url(../images/sure.svg) no-repeat; background-size: contain; opacity: 0.2; } .secimYap .kalanSure .kapsa { width: 100%; float: left; position: relative; font-size: 14px; line-height: 14px; color: #fff; text-align: center; } .secimYap .kalanSure .kapsa > div { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .secimYap .kalanSure .kapsa > div:last-child { margin-bottom: 0px; } .secimYap .kalanSure .kapsa .sure { font-size: 46px; line-height: 50px; } .secimYap .kalanSure .kapsa .sure span { font-weight: 900; } .aracListV5.genelListe li { width: 100%; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 0px 0px 0px #0000002e; border: solid 1px #eaebe8; padding: 20px 20px; margin: 0 0 30px 0; } .aracListV5.genelListe li:hover { box-shadow: 0px 0px 8px 0px #0000002e; } .aracListV5.genelListe li:last-child { margin-bottom: 0px; } .aracListV5.genelListe li .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .resim {width: 220px;max-height: 100%;float: left;position: relative;border: solid 1px #eaebe8;display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: center;padding: 15px;} .aracListV5.genelListe li .resim img { width: auto; height: auto; max-width: calc(100% - 10px); max-height: calc(100% - 10px); } .aracListV5.genelListe li .resim .firma { width: auto; position: relative; bottom: 20px; } .aracListV5.genelListe li .resim .firma u {width: auto;float: left;font-size: 13px;line-height: 14px;font-weight: 400;color: #fff;background: #ed6f16;border-radius: 45px;padding: 9px 20px;} .aracListV5.genelListe li .bilgi { width: calc(100% - 220px); float: right; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .bilgi .kapsul { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .bilgi .solK { width: calc(100% - 200px); float: left; box-sizing: border-box; padding: 0 0 0 30px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .bilgi .sagK { width: 200px; float: left; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; padding: 0; } .aracListV5.genelListe li .bilgi .sagK .kazanc { width: 100%; float: left; position: relative; text-align: center; font-size: 14px; line-height: 14px; color: #2c2c2c; margin: 12px 0 0 0; } .aracListV5.genelListe.transfer li .bilgi .solK { width: calc(100% - 150px); } .aracListV5.genelListe.transfer li .bilgi .sagK { width: 150px; height: 100%; } .aracListV5.genelListe.transfer.wide li .bilgi .solK { width: 100%; } .aracListV5.genelListe.transfer.wide li .bilgi .ozellik.dortLu { width: 100%; margin: 0 0 20px 0; } .aracListV5.genelListe li .bilgi h6 { font-size: 23px; line-height: 23px; color: #3e3e3e; margin: 0 0 19px 0; } .aracListV5.genelListe li .bilgi h6 span { width: 100%; float: left; font-size: 13px; margin-top: 2px; color: #8c8c8c; } .aracListV5.genelListe li .bilgi h6 span a { width: auto; float: none; display: inline-table; text-decoration: underline; color: #8c8c8c; } .aracListV5.genelListe li .bilgi .ozellik { width: 100%; float: left; margin: 0 0 18px 0; } .aracListV5.genelListe li .bilgi .ozellik > div { width: auto; float: left; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 15px 0 0; } .aracListV5.genelListe li .bilgi .ozellik > div i { width: auto; float: left; margin: 0 2px 0 0; } .aracListV5.genelListe li .bilgi .ozellik > div i img { width: auto; height: 19px; } .aracListV5.genelListe li .bilgi .ozellik > div b { width: auto; float: left; font-size: 13px; line-height: 14px; font-weight: 400; color: #4e4e4e; font-style: normal; margin: 0 0 0 6px; } .aracListV5.genelListe li .bilgi .ozellik > div:last-child { margin-right: 0px; padding-right: 0; border-right: navajowhite; } .aracListV5.genelListe li .bilgi .ozellik.ucLu { width: calc(100% - 30px); /* border: solid 1px #e7e7e7; */ background: #f7f7f7; box-sizing: border-box; margin: 16px 30px 0px 0; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div { width: 33.33%; margin: 0; text-align: center; padding: 13px 0; border-right: solid 1px #e1e1e1; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div:nth-child(3n) { border-right: 0; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div i { width: 100%; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div i img { height: 27px; float: none; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div b { margin: 7px 0 0 0; } .aracListV5.genelListe li .bilgi .ozellik.ucLu > div b span { width: 100%; float: left; } .aracListV5.genelListe li .bilgi .ozellik.dortLu { width: calc(100% - 30px); background: #f7f7f7; box-sizing: border-box; margin: 14px 30px 0px 0; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div { width: 25%; margin: 0; text-align: center; padding: 13px 0; border-right: solid 1px #e1e1e1; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div:nth-child(4n) { border-right: 0; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div i { width: 100%; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div i img { height: 34px; float: none; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div b { margin: 7px 0 0 0; } .aracListV5.genelListe li .bilgi .ozellik.dortLu > div b span { width: 100%; float: left; } .aracListV5.genelListe li .bilgi .dahil { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start; } .aracListV5.genelListe li .bilgi .dahil > div { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 16px; font-weight: 300; color: #4e4e4e; padding: 0 0 0 23px; margin: 0 0 10px 0; } .aracListV5.genelListe li .bilgi .dahil > div.turuncu { color: #ec6607; } .aracListV5.genelListe li .bilgi .dahil > div:before { content: ""; width: 12px; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/check2.svg) no-repeat left center; background-size: contain; } .aracListV5.genelListe li .bilgi .aBilgi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 18px; color: #4e4e4e; padding: 0 30px 0 0; } .aracListV5.genelListe li .bilgi .aBilgi + div { margin-top: 17px; } .aracListV5.genelListe li .bilgi .dahil.auto > div { width: auto; margin-right: 22px; } .aracListV5.genelListe li .bilgi .yolcular { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; background: #ebebeb; text-align: center; padding: 15px 0; } .aracListV5.genelListe li .bilgi .yolcular + div { margin: 16px 0 0 0; } .aracListV5.genelListe li .bilgi .yolcular > div { width: 33.33%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; font-weight: 400; color: #4e4e4e; } .aracListV5.genelListe li .bilgi .yolcular > div b { font-weight: 400; } .aracListV5.genelListe li .bilgi .yolcular > div b:after { content: ":"; } .aracListV5.genelListe li .bilgi .yolcular > div i { font-size: 16px; line-height: 16px; font-weight: 500; font-style: normal; } .aracListV5.genelListe li .bilgi .dokuman { width: calc(100% - 20px); float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start; background: #efefef; margin: 2px 20px 0px 0; padding: 0 13px; box-sizing: border-box; } .aracListV5.genelListe li .bilgi .dokuman > div { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 16px; font-weight: 400; color: #4e4e4e; padding: 12px 18px 12px 0; margin: 0 14px 0 0; border-right: solid 1px #cdcdcd; } .aracListV5.genelListe li .bilgi .dokuman > div a { width: auto; float: left; font-size: 13px; line-height: 16px; font-weight: 400; color: #4e4e4e; } .aracListV5.genelListe li .bilgi .dokuman > div i { font-size: 13px; } .aracListV5.genelListe li .bilgi .dokuman > div span { padding-left: 4px; } .aracListV5.genelListe li .bilgi .dokuman > div:last-child { padding-right: 0px; margin-right: 0px; border-right: 0px; } .aracListV5.genelListe li .bilgi .sure { width: 100%; float: left; margin: 0 0 14px 0; } .aracListV5.genelListe li .bilgi .sure > div { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 16px; font-weight: 400; color: #ffffff; padding: 7px 12px; margin: 0 19px 0px 0; background: #2897bc; } .aracListV5.genelListe li .bilgi .sure > div.cift { background: #6b6b6b; } .aracListV5.genelListe li .bilgi .sagK .fiyat { width: 100%; min-height: calc(100% - 44px); float: left; position: relative; box-sizing: border-box; text-align: right; background: #f7f7f7; padding: 20px 0; /* margin: 0 0 20px 0; */ display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } .aracListV5.genelListe li .bilgi .sagK .fiyat.bottom { min-height: calc(100% ); } .aracListV5.genelListe li .bilgi .sagK .fiyat > div { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 15px; font-weight: 400; margin: 0 0 16px 0; padding: 0 20px; } .aracListV5.genelListe li .bilgi .sagK .fiyat > div:last-child { margin-bottom: 0; } .aracListV5.genelListe li .bilgi .sagK .fiyat .yuzde { color: #28a745; margin: 0 0 6px 0; } .aracListV5.genelListe li .bilgi .sagK .fiyat .indirim { color: #676767; } .aracListV5.genelListe li .bilgi .sagK .fiyat .indirim u { width: 100%; float: left; font-size: 13px; text-decoration: line-through; } .aracListV5.genelListe li .bilgi .sagK .fiyat .gercek { font-size: 21px; line-height: 30px; color: #4e4e4e; } .aracListV5.genelListe li .bilgi .sagK .fiyat .gunluk { font-size: 13px; } .aracListV5.genelListe li .bilgi .sagK .fiyat .drop { margin: 5px 0 5px 0; font-size: 13px; } .aracListV5.genelListe li .bilgi .sagK .fiyat .bedel { font-size: 12px; } .aracListV5.genelListe li .bilgi .sagK .link { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .aracListV5.genelListe li .bilgi .sagK .rezerve { width: 100%; float: right; font-size: 16px; line-height: 16px; font-weight: 400; color: #fff; background: #35b936; padding: 10px 19px; text-align: center; } .aracListV5.genelListe li .bilgi .sagK .rezerve:hover { background: #2897bc; } .aracListV5.genelListe li .bilgi .sagK a.fgonder { width: auto; float: left; position: relative; font-size: 13px; line-height: 13px; color: #575757; padding: 0 0 0 20px; margin: 11px 0 0 0; } .aracListV5.genelListe li .bilgi .sagK a.fgonder:after { content: ""; width: 13px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/gonder.svg) no-repeat left center; background-size: contain; } .aracListV5.genelListe li .bilgi .sagK .link a { width: 100%; float: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; padding: 14px 0; } .aracListV5.genelListe li .bilgi .sagK .link a strong { font-size: 14px; font-weight: 600; margin: 0 0 0 0; letter-spacing: 0px; } .aracListV5.genelListe li .bilgi .sagK .link a span { font-size: 20px; margin: 0 0 6px 0; } .aracListV5.genelListe li .bilgi .sagK .link a.online { background: #2897bc; color: #fff; } .aracListV5.genelListe li .bilgi .sagK .link a.sube { border-left: solid 1px #2897bc; border-right: solid 1px #2897bc; border-bottom: solid 1px #2897bc; } .aracListV5.genelListe li .bilgi .firma { width: 100%; float: left; position: relative; } .aracListV5.genelListe li .bilgi .firma u { width: auto; float: left; font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; background: #ed6f16; border-radius: 45px; padding: 9px 20px; } .aracListV5.genelListe.transfer li .bilgi .firma { display: none; } *[data-toltip] { position: relative; will-change: transform; } *[data-toltip] .tolText { will-change: transform; position: absolute; right: 0; top: -35px; background: rgba(0, 0, 0, 0.83); opacity: 0; font-size: 12px; line-height: 12px; color: #fff; padding: 5px 10px 7px 10px; border-radius: 4px; text-align: center; z-index: 99; width: max-content; } *[data-toltip] .tolText:after { position: absolute; content: ""; border-color: transparent; border-style: solid; border-width: .4rem .4rem 0; border-top-color: rgba(0, 0, 0, 0.83); bottom: -6px; right: 4px; } *[data-toltip]:hover .tolText { opacity: 1; } .rezerveDetayV2.genelListe li { box-shadow: 0px 0px 0px 0px #0000002e; border: solid 1px #eaebe8; padding: 20px 20px; margin: 0 0 30px 0; width: 100%; } .rezerveDetayV2.genelListe li:last-child { margin-bottom: 0; } .rezerveDetayV2.genelListe li:hover { box-shadow: 0px 0px 0px 0px #0000002e; /* box-shadow: 0px 0px 8px 0px #0000002e; */ } .rezerveDetayV2.genelListe .kapsa { width: 100%; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; } .rezerveDetayV2.genelListe .kapsa .resim { width: 70px; float: left; border: solid 1px #eaebe8; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; padding: 10px; display: none; } .rezerveDetayV2.genelListe .kapsa .bilgi { width: calc(100% - 200px); float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; box-sizing: border-box; padding: 0; } .rezerveDetayV2.genelListe .kapsa .bilgi h6 { font-size: 19px; line-height: 23px; color: #3e3e3e; margin: 0; } .rezerveDetayV2.genelListe .kapsa .bilgi .yazi { font-size: 13px; line-height: 19px; text-align-last: left; } .rezerveDetayV2.genelListe .kapsa .secim { width: 130px; float: left; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; align-content: revert; justify-content: center; } .rezerveDetayV2.genelListe .kapsa .secim .fiyat { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .rezerveDetayV2.genelListe .kapsa .secim .fiyat > div { width: auto; float: left; } .rezerveDetayV2.genelListe .kapsa .secim .fiyat .fiyati { font-size: 19px; line-height: 23px; color: #3e3e3e; } .rezerveDetayV2.genelListe .kapsa .secim .fiyat .gun { font-size: 13px; line-height: 13px; margin: 6px 0 0 7px; color: #727272; } .rezerveDetayV2.genelListe .kapsa .secim .select { width: 100%; float: left; margin: 8px 0 0 0; } .rezerveDetayV2.genelListe .kapsa .secim .select .artir { width: 100%; float: left; position: relative; box-sizing: border-box; background: #8e8e8e; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; border-radius: 45px; } .rezerveDetayV2.genelListe .kapsa .secim .select .artir a { width: 46px; background-repeat: no-repeat; background-position: center; background-size: 12px auto; } .rezerveDetayV2.genelListe .kapsa .secim .select .artir a.arti { background-image: url(../images/artir.svg); } .rezerveDetayV2.genelListe .kapsa .secim .select .artir a.eksi { background-image: url(../images/eksilt.svg); } .rezerveDetayV2.genelListe .kapsa .secim .select .artir span { font-size: 20px; line-height: 20px; color: #fff; padding: 8px 0; width: 24px; text-align: center; } .rezerveDetayV2.genelListe li.active { box-shadow: 0px 0px 8px 0px #0000002e; } .rezerveDetayV2.genelListe li.active .kapsa .secim .select .artir { background: #ec6607; } .dahilHizmet.genelListe ul { align-content: center; align-items: inherit !important; /* border: solid 1px #e5e5e5; */ padding: 20px 20px; background: #f5f5f5; } .dahilHizmet.genelListe li { width: calc(50% - 10px); float: left; font-size: 14px; line-height: 16px; font-weight: 400; color: #4e4e4e; padding: 0 0 0 23px; margin: 0 0 20px 0; /* border-right: solid 1px #eaebe8; */ } .dahilHizmet.genelListe li:after { content: ""; width: 12px; height: 100%; position: absolute; left: 0; top: 0px; background: url(../images/check2.svg) no-repeat left center; background-size: contain; background-position: center; } .dahilHizmet.genelListe li:last-child { margin-bottom: 0; } .odemeCheck { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 20px 0; } .odemeCheck ul { width: 100%; float: left; position: relative; box-sizing: border-box; } .odemeCheck ul li { width: calc(50% - 10px); float: left; position: relative; margin-right: 20px; } .odemeCheck ul li:last-child { margin-right: 0; } .odemeCheck input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .odemeCheck input[type="checkbox"]:disabled { cursor: not-allowed; } .odemeCheck input[type="checkbox"]:disabled:checked + label:after { color: #999; } .odemeCheck input[type="checkbox"]:disabled + label { cursor: not-allowed; } .odemeCheck input[type="checkbox"]:disabled + label:before { background-color: #eee; } .odemeCheck input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; margin-top: 0; font-size: 15px; line-height: 14px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0px 0 0 0; padding: 20px 0; box-sizing: border-box; text-align: center; } .odemeCheck input[type="checkbox"] + label a { text-decoration: underline; color: #828282; } .odemeCheck input[type="checkbox"] + label:before { content: ''; position: absolute; display: inline-block; background-size: auto auto; box-sizing: border-box; background: #e4e3e3; width: 100%; height: 100%; left: 0; top: 0; } .odemeCheck input[type="checkbox"] + label:after { content: ''; } .odemeCheck input[type="checkbox"]:checked + label:after { opacity: 1; } .odemeCheck input[type="checkbox"]:checked + label:before { background: #91a7b3; } .odemeCheck input[type="checkbox"]:checked + label { color: #fff; } .odemeCheck input[type="checkbox"] + label + label.error { display: block; } .odemeCheck input[type="checkbox"] + label span { width: 100%; float: left; position: relative; font-size: 15px; line-height: 15px; } .odemeCheck input[type="checkbox"] + label strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 36px; line-height: 40px; } .odemeCheck input[type="radio"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .odemeCheck input[type="radio"]:disabled { cursor: not-allowed; } .odemeCheck input[type="radio"]:disabled:checked + label:after { color: #999; } .odemeCheck input[type="radio"]:disabled + label { cursor: not-allowed; } .odemeCheck input[type="radio"]:disabled + label:before { background-color: #eee; } .odemeCheck input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; margin-top: 0; font-size: 15px; line-height: 14px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0px 0 0 0; padding: 20px 0; box-sizing: border-box; text-align: center; } .odemeCheck input[type="radio"] + label a { text-decoration: underline; color: #828282; } .odemeCheck input[type="radio"] + label:before { content: ''; position: absolute; display: inline-block; background-size: auto auto; box-sizing: border-box; background: #e4e3e3; width: 100%; height: 100%; left: 0; top: 0; } .odemeCheck input[type="radio"] + label:after { content: ''; } .odemeCheck input[type="radio"]:checked + label:after { opacity: 1; } .odemeCheck input[type="radio"]:checked + label:before { background: #f36f21; } .odemeCheck input[type="radio"]:checked + label { color: #fff; } .odemeCheck input[type="radio"] + label + label.error { display: block; } .odemeCheck input[type="radio"] + label span { width: 100%; float: left; position: relative; font-size: 15px; line-height: 15px; } .odemeCheck input[type="radio"] + label strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 36px; line-height: 40px; } .transferList { width: 100%; float: left; margin: 10px 0 0 0; } .transferList .kslot { width: 100%; float: left; position: relative; box-sizing: border-box; border: solid 1px #eaebe8; padding: 20px 20px; margin: 0 0 30px 0; /* padding: 0; */ } .transferList .kslot:last-child { margin-bottom: 0; } .transferList .kslot h3 { width: auto; float: left; position: relative; font-size: 19px; line-height: 23px; color: #3e3e3e; margin: -32px 0px 0 10px; background: #fff; padding: 0 13px; } .transferList .kslot .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; } .transferList .kslot .kapsa .bilgiler { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; margin: 8px 0 0 0; } .transferList .kslot .kapsa .bilgiler > div { width: auto; float: left; position: relative; /* font-size: 18px; */ line-height: 15px; color: #555; padding: 0px 0 1px 32px; box-sizing: border-box; margin: 0; } .transferList .kslot .kapsa .bilgiler > div:before { content: ""; width: 22px; height: 100%; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: left 4px; background-size: contain; } .transferList .kslot .kapsa .bilgiler > div strong { display: block; font-weight: 500; color: #343434; font-size: 13px; margin: 0 0 3px 0; } .transferList .kslot .kapsa .bilgiler > div strong:after { content: ": "; } .transferList .kslot .kapsa .bilgiler > div i { display: block; font-style: normal; font-size: 13px; margin: 7px 0 0 0; } .transferList .kslot .kapsa .bilgiler .ucus:before { background-image: url(../images/air2.svg); } .transferList .kslot .kapsa .bilgiler .konum:before { background-image: url(../images/adres.svg); background-size: 18px; } .transferList .kslot .kapsa .bilgiler .tarih:before { background-image: url(../images/tarih.svg); } .transferList .kslot .kapsa .genelForm:not(.not) { margin: 33px 0 0 0; border-top: solid 1px #dcdcdc; padding: 27px 0 0px 0; } .secimYap .ToplamFiyat.genelListe { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; } .secimYap .ToplamFiyat.genelListe li { width: 100%; border-bottom: dashed 1px #dedede; padding: 0 20px 20px 20px; margin: 0 0 20px 0; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; } .secimYap .ToplamFiyat.genelListe li .solK { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 17px; color: #3e3e3e; letter-spacing: 1px; } .secimYap .ToplamFiyat.genelListe li .sagK { width: auto; float: right; position: relative; box-sizing: border-box; font-size: 20px; line-height: 20px; font-weight: 500; color: #3e3e3e; letter-spacing: 1px; } .secimYap .ToplamFiyat.genelListe li.toplam { padding: 15px 20px; margin: 0; border: none; background: #ededed; } .secimYap .ToplamFiyat.genelListe li.toplam .solK { font-size: 21px; line-height: 21px; font-weight: 500; } .secimYap .ToplamFiyat.genelListe li.toplam .sagK { font-size: 26px; line-height: 26px; font-weight: bold; } .ccFormatMonitor.cc_type_vs + p::after { content: "visa"; } .ccFormatMonitor.cc_type_jc + p::after { content: "jcb"; } .ccFormatMonitor.cc_type_dc + p::after { content: "diners-club"; } .ccFormatMonitor.cc_type_mc + p::after { content: "mastercard"; } .ccFormatMonitor.cc_type_ax + p::after { content: "american-express"; } .ccFormatMonitor.cc_type_unknown + p::after { content: "bilinmiyor"; } .genelForm.odemesi ul { width: calc(50% - 15px); } .genelForm.odemesi ul li label { margin-bottom: 5px; width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; margin-bottom: 9px; } .genelForm.odemesi ul li .kapsa { width: calc(50% - 15px); float: left; } .genelForm.odemesi ul li .kapsa:nth-child(2n) { float: right; } .krediKarti { position: absolute; width: 384px; height: 246px; right: 20px; top: 31px; font-family: 'kk'; } .krediKarti .numara { font-size: 21px; color: #ffffff; width: 100%; float: left; position: absolute; left: 0px; top: 140px; letter-spacing: 3px; box-sizing: border-box; padding: 0px 0px 0px 21px; line-height: 21px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } .krediKarti .tarih { font-size: 18px; color: #ffffff; width: 100%; float: left; position: absolute; left: 0px; top: 186px; letter-spacing: 3px; box-sizing: border-box; padding: 0px 0px 0px 21px; line-height: 21px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); z-index: 45; text-align: right; padding-right: 22px; } .krediKarti .adSoyad { font-size: 18px; color: #ffffff; width: 100%; float: left; position: absolute; left: 0px; top: 186px; letter-spacing: 3px; box-sizing: border-box; padding: 0px 0px 0px 21px; line-height: 21px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } .krediKarti:after { content: ""; } .genelForm.checkler ul { padding: 0 0 0 30px; } .genelForm.checkler ul li { margin-bottom: 12px; } .genelForm.checkler ul li p { font-size: 14px; color: #8c8c8c; line-height: 21px; width: calc(100% - 30px); float: right; } .genelForm.checkler ul li a { color: #5f5f5f; text-decoration: underline; float: left; } .genelForm.checkler .yazi { background: #ededed; box-sizing: border-box; padding: 20px 20px; margin-top: 30px; } .genelBar { width: 100%; float: left; position: relative; } .genelBar .inner { width: 100%; float: left; position: relative; flex-direction: row; align-items: center; justify-content: space-between; } .genelBar .baslik h1, .genelBar .baslik strong { width: auto; float: left; font-size: 23px; line-height: 23px; color: #3e3e3e; margin: 0; padding: 0; } .genelBar .bilgisi { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .genelBar .bilgisi > div { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-right: solid 1px #167e96; padding: 20px 30px 20px 0; margin: 0 30px 0 0; color: #3e3e3e; } .genelBar .bilgisi > div:last-child { margin-right: 0px; padding-right: 0px; border-right: 0; } .genelBar .bilgisi > div strong { font-size: 13px; line-height: 13px; font-weight: 300; } .genelBar .bilgisi > div strong:after { content: ":"; } .genelBar .bilgisi > div span { font-size: 22px; line-height: 22px; margin: 0 0 0 6px; } .genelFilter { width: 100%; float: left; position: relative; background: #f3f3f3; padding: 20px 0; margin: 0 0 30px 0; } .genelFilter .inner { width: 100%; float: left; position: relative; flex-direction: row; align-items: center; justify-content: space-between; } .genelFilter .filtrele { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .genelFilter .filtrele a { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; color: #3e3e3e; font-weight: 400; /* border: dashed 1px #bbbbbb; */ border-radius: 45px; /* padding: 11px 26px; */ margin: 0 13px 0 0; } .genelFilter .filtrele a:last-child { margin-right: 0px; } .genelFilter .filtrele a.active { border: dashed 1px #167e96; color: #167e96; /* background: #167e96; */ /* color: #fff; */ padding: 11px 26px; } .genelFilter .aramaWrap { width: 300px; float: left; position: relative; } .genelFilter .aramaWrap input[type="text"] { width: 100%; float: left; position: relative; background: none; font-size: 14px; line-height: 14px; color: #3e3e3e; border: dashed 1px #b7b7b7; border-radius: 45px; padding: 9px 20px; } .genelFilter .aramaWrap input[type="submit"] { width: 18px; height: 100%; position: absolute; right: 13px; top: 0; background: url(../images/ara2.svg) no-repeat center; background-size: contain; cursor: pointer; } .rezervasyon { width: 100%; float: left; position: relative; margin: 20px 0 0 0; } .rezervasyon .slot { width: 100%; float: left; position: relative; } .rezervasyon .slot .ust { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; cursor: pointer; padding-bottom: 25px; margin-bottom: 25px; border-bottom: dashed 1px #dcdcdc; } .rezervasyon .slot .ust:after { content: ""; width: 10px; height: 100%; position: absolute; right: -39px; top: 2; background: url(../images/asag.svg) no-repeat center; } .rezervasyon .slot .ust .solK { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .rezervasyon .slot .ust .sagK { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .rezervasyon .slot .ust > div > div { width: auto; float: left; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; color: #3e3e3e; padding-right: 30px; } .rezervasyon .slot .ust > div > div:last-child { margin-right: 0px; padding-right: 0px; } .rezervasyon .slot .ust > div > div strong { font-size: 13px; line-height: 13px; font-weight: 300; color: #898989; margin: 0 0 6px 0; } .rezervasyon .slot .ust > div > div p { font-size: 15px; line-height: 15px; text-transform: uppercase; } .rezervasyon .slot .ust .yolcu-adi { width: 180px; } .rezervasyon .slot .ust .transfer-tipi { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 18px 0 0; } .rezervasyon .slot .ust .transfer-tipi[data-tip="rent-a-car"] { background-image: url(../images/rent.svg); } .rezervasyon .slot .ust .transfer-tipi[data-tip="transfer"] { background-image: url(../images/transfer.svg); } .rezervasyon .slot .ust .transfer-tipi span { display: none; } .rezervasyon .slot .ust .kod { width: 171px; } .rezervasyon .slot .ust .olustrulma-tarihi { width: 150px; } .rezervasyon .slot .ust .tedarikçi { width: 170px; } .rezervasyon .slot .ust .fiyati strong { font-size: 22px; line-height: 22px; margin: 0; font-weight: 400; color: #3e3e3e; /* background: #f3f3f3; */ padding: 0; border-radius: 0; } .rezervasyon .slot .ust .fiyati u { font-size: 16px; } .rezervasyon .slot .ust .durumu div { background-repeat: no-repeat; background-position: left center; font-size: 14px; line-height: 14px; padding: 4px 0 4px 33px; background-size: contain; text-transform: uppercase; } .rezervasyon .slot .ust .durumu .onayBekliyor { background-image: url(../images/obekle.svg); color: #f8b83a; } .rezervasyon .slot .ust .durumu .onaylandi { background-image: url(../images/onay.svg); color: #9cc15c; } .rezervasyon .slot .ust .durumu .tamamlandi { background-image: url(../images/tamam.svg); color: #9cc15c; } .rezervasyon .slot .ust .durumu .iptalEdildi { background-image: url(../images/iptal.svg); color: #d35656; } .rezervasyon .slot .ust .durumu .iade { background-image: url(../images/iade.svg); color: #909090; } .rezervasyon .slot .ust .islem { flex-direction: row; } .rezervasyon .slot .ust .islem a { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; text-transform: uppercase; color: #4f7cb3; text-decoration: underline; margin: 0 17px 0 0; } .rezervasyon .slot .ust .islem a:last-child { margin-right: 0; } .rezervasyon .slot .alt { width: 100%; float: left; position: relative; display: none; padding: 10px 10px; margin: 0 0 30px 0; } .rezervasyon .slot .alt .kapsul { width: 100%; float: left; position: relative; box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 6%); padding: 30px 0 0 0; } .rezervasyon .slot .alt .kapsul > .slt { width: 100%; float: left; position: relative; margin-bottom: 40px; padding: 0px 30px; } .rezervasyon .slot .alt .kapsul > .slt:last-child { margin-bottom: 0; } .rezervasyon .slot .alt .kapsul .slt h6 { width: 100%; float: left; position: relative; font-size: 22px; line-height: 22px; font-weight: 400; color: #2897bc; margin: 0 0px 25px 0; padding-bottom: 5px; text-transform: uppercase; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi > div { width: auto; float: left; position: relative; padding: 6px 0 6px 51px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi > div:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0; top: 0; border: solid 1px #cdcdcd; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: 20px 18px; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi > div strong { font-size: 13px; line-height: 13px; font-weight: 300; margin: 0 0 4px 0; text-transform: lowercase; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi > div p { font-size: 15px; line-height: 15px; text-transform: uppercase; } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi .ad-soyad:before { background-image: url(../images/profil.svg); } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi .telefon:before { background-image: url(../images/telefons.svg); } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi .tip:before { background-image: url(../images/bilgi.svg); } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi .yon:before { background-image: url(../images/yon.svg); } .rezervasyon .slot .alt .kapsul .slt .genelBilgisi .arac:before { background-image: url(../images/arac.svg); } .rezervasyon .slot .transferDetay { width: 100%; float: left; margin: 10px 0 0 0; } .rezervasyon .slot .transferDetay .kslot { width: 100%; float: left; position: relative; box-sizing: border-box; border: solid 1px #eaebe8; padding: 20px 20px; margin: 0 0 30px 0; /* padding: 0; */ } .rezervasyon .slot .transferDetay .kslot:last-child { margin-bottom: 0; } .rezervasyon .slot .transferDetay .kslot h3 { width: auto; float: left; position: relative; font-size: 19px; line-height: 23px; color: #3e3e3e; margin: -32px 0px 0 10px; background: #fff; padding: 0 13px; } .rezervasyon .slot .transferDetay .kslot .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: space-between; margin: 8px 0 0 0; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div { width: auto; float: left; position: relative; padding: 6px 0 6px 51px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0 0 13px 0; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0; top: 0; border: solid 1px #cdcdcd; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: 20px 18px; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div strong { font-size: 13px; line-height: 13px; font-weight: 300; margin: 0 0 4px 0; text-transform: lowercase; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div strong:after { content: ": "; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div p { font-size: 15px; line-height: 15px; text-transform: uppercase; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler > div i { display: block; font-style: normal; font-size: 13px; margin: 7px 0 0 0; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler .ucus:before { background-image: url(../images/air2.svg); } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler .konum:before { background-image: url(../images/adres.svg); background-size: 18px; } .rezervasyon .slot .transferDetay .kslot .kapsa .bilgiler .tarih:before { background-image: url(../images/tarih.svg); } .rezervasyon .slot .transferDetay .kslot .kapsa .rDetaylar { width: 100%; float: left; position: relative; background: #f9f9f9; padding: 19px 20px; margin: 8px 0 0 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; } .rezervasyon .slot .transferDetay .kslot .kapsa .rDetaylar > div { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .rezervasyon .slot .transferDetay .kslot .kapsa .rDetaylar > div strong { font-size: 13px; line-height: 13px; font-weight: 400; text-transform: uppercase; } .rezervasyon .slot .transferDetay .kslot .kapsa .rDetaylar > div strong:after { content: ":"; } .rezervasyon .slot .transferDetay .kslot .kapsa .rDetaylar > div p { font-size: 16px; line-height: 16px; text-transform: uppercase; margin: 0 0 0 7px; } .rezervasyon .slot .alt .kapsul > .slt.islemler { background: #167e96; padding: 0; } .rezervasyon .slot .alt .islem a { width: 25%; float: left; font-size: 17px; line-height: 17px; font-weight: 300; color: #ffffff; text-align: center; text-transform: uppercase; border-right: dashed 1px #ffffff6b; padding: 20px 0; letter-spacing: 1px; } .rezervasyon .slot .alt .islem a:last-child { border-right: none; } .katResim { width: 100%; margin: 0 0 30px 0; height: 200px; float: left; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .katResim img { display: none; } .katResim:not(.altArama) .kapsa { width: 1300px; position: absolute; left: calc(50% - 650px); top: 50%; transform: translate(0, -50%); } .katResim:not(.altArama) .kapsa h1, .katResim:not(.altArama) .kapsa strong { width: 100%; float: left; position: relative; font-size: 40px; line-height: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 1px rgb(0 0 0 / 13%); } .katResim.altArama { height: 470px; } .kampanya.genelListe .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 40px 0; } .kampanya.genelListe .slot.bg { background: #efefef; padding: 30px 40px; } .kampanya.genelListe .slot:last-child { margin-bottom: 0; } .kampanya.genelListe li { width: 100%; padding: 0px; margin: 0 0 40px 0; } .kampanya.genelListe li:last-child { margin-bottom: 0; } .kampanya.genelListe li .kapsul { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; box-shadow: 0px 0px 0px 0px #0000002e; border: solid 1px #eaebe8; padding: 20px 20px; } .kampanya.genelListe li .kapsul:hover { box-shadow: 0px 0px 8px 0px #0000002e; } .kampanya.genelListe li .resim { width: 430px; } .kampanya.genelListe li .bilgi { width: calc(100% - 430px); float: right; box-sizing: border-box; padding: 0 0 0 30px; } .kampanya.genelListe li h6 { font-size: 22px; line-height: 23px; font-weight: 500; color: #187f98; margin: 0 0 13px 0; } .kampanya.genelListe li a { width: auto; float: left; font-size: 15px; line-height: 15px; background: #187f98; padding: 12px 28px; color: #fff; border-radius: 3px; margin: 17px 0 0 0; } .kampanya.genelListe li a:hover { background: #01b7f2; } .bizeUlasin { float: left; position: relative; box-sizing: border-box; } .bizeUlasin .oKapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; } .bizeUlasin .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 50px 0; } .bizeUlasin .slot:last-child { margin-bottom: 0px; } .bizeUlasin .slot .oKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } .bizeUlasin .baslik { width: 100%; float: left; position: relative; } .bizeUlasin .baslik strong { width: 100%; float: left; position: relative; font-family: 'play'; font-size: 32px; line-height: 32px; font-weight: 400; color: #4a4a4a; letter-spacing: 1px; margin: 0 0px 19px 0; } .bizeUlasin .solK { width: 700px; float: left; box-sizing: border-box; padding: 30px 30px; background: #f4f4f4; } .bizeUlasin .solK iframe { width: 100%; height: 370px; float: left; } .bizeUlasin .sagK { width: calc(100% - 700px); float: right; position: relative; box-sizing: border-box; padding: 30px 30px; background: #eaeaea; } .bizeUlasin .sagK .anaBaslik { color: #fff; } .bizeUlasin .sagK .kapsul { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; } .bizeUlasin .sagK .kapsul:last-child { margin-bottom: 0; } .bizeUlasin .sagK .sosyal { width: 100%; float: left; } .bizeUlasin .sagK .sosyal a { width: 40px; height: 40px; border-radius: 100%; float: left; margin: 0 16px 0 0; font-size: 20px; line-height: 20px; color: #5c5c5c; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; border: solid 1px #666363; } .bizeUlasin .sagK .sosyal a:last-child { margin-right: 0px; } .bizeUlasin .sagK .sosyal a:hover.fa-facebook { color: #4867aa; } .bizeUlasin .sagK .sosyal a:hover.fa-twitter { color: #1DA1F2; } .bizeUlasin .sagK .sosyal a:hover.fa-instagram { color: #405DE6; } .bizeUlasin .sagK .sosyal a:hover.fa-youtube { color: #FF0000; } .bizeUlasin .sagK .sosyal a:hover.fa-linkedin { color: #0e76a8; } .bizeUlasin .sagK .bilgi ul { width: 100%; float: left; } .bizeUlasin .sagK .bilgi ul li { width: 100%; float: left; margin: 0 0 20px 0; } .bizeUlasin .sagK .bilgi ul li:last-child { margin-bottom: 0; } .bizeUlasin .sagK .bilgi ul li.tek { width: 100%; margin: 0 0 22px 0; } .bizeUlasin .sagK .bilgi ul li:last-child { margin-right: 0px; } .bizeUlasin .sagK .bilgi ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; font-weight: 300; color: #3d3d3d; padding: 4px 0px 4px 51px; } .bizeUlasin .sagK .bilgi ul li a strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; color: #434343; margin: 0 0 4px 0; font-weight: 500; } .bizeUlasin .sagK .bilgi ul li a span { width: 100%; float: left; font-weight: 400; } .bizeUlasin .sagK .bilgi ul li a:before { content: ""; width: 31px; height: 100%; position: absolute; left: 0px; top: calc(50% - 27px); box-sizing: border-box; } .bizeUlasin .sagK .bilgi ul li a:before { background-repeat: no-repeat; background-position: left 12px; background-size: contain; z-index: 45; } .bizeUlasin .sagK .bilgi ul li.adres a:before { background-image: url(../images/oic01.svg); } .bizeUlasin .sagK .bilgi ul li.telefon a:before { background-image: url(../images/oic02.svg); } .bizeUlasin .sagK .bilgi ul li.fax a:before { background-image: url(../images/faxsy.svg); } .bizeUlasin .sagK .bilgi ul li.mail a:before { background-image: url(../images/mailsy.svg); } .bizeUlasin .sagK .bilgi ul li.ust a:before { background-image: url(../images/ussy.svg); } .bizeUlasin .sagK .bilgi ul li.whatsapp a:before { background-image: url(../images/whatsappsy.svg); } .bizeUlasin .genelForm ul li:before { content: ""; width: 25px; height: 100%; position: absolute; left: 24px; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 45; } .bizeUlasin .genelForm ul li.ad:before { background-image: url(../images/frm01.svg); } .bizeUlasin .genelForm ul li.hizmet:before { background-image: url(../images/frm02.svg); } .bizeUlasin .genelForm ul li.telefon:before { background-image: url(../images/frm03.svg); } .bizeUlasin .genelForm ul li input[type="submit"] { width: 40px; height: 40px; position: absolute; right: 17px; bottom: 10px; border: none; cursor: pointer; background: url(../images/gonderby.svg) no-repeat center center #ec6703; padding: 0; background-size: 20px; border-radius: 100%; } .kurumsal .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 60px 0; } .kurumsal .slot .anaBaslik { padding-bottom: 0; } .kurumsal .anaBaslik:after { display: none; } .kurumsal .slot:last-child { margin-bottom: 0; }