@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css';
@import './plugins/rezervasyon-flight.css';
@import './plugins/rezervasyon-intlTelInput.css';
@import './plugins/lightpick.css';
@import './plugins/taksitTablosu.css';

.mt-10 {margin-top: 10px !important;}.mt-20 {margin-top: 20px !important;}.mt-30 {margin-top: 30px !important;}.mt-40 {margin-top: 40px !important;}.mt-50 {margin-top: 50px !important;}
.mb-10 {margin-bottom: 10px !important;}.mb-20 {margin-bottom: 20px !important;}.mb-30 {margin-bottom: 30px !important;}.mb-40 {margin-bottom: 40px !important;}.mb-50 {margin-bottom: 50px !important;}
.no-p-l {padding-left: 0;}
.no-p-r {padding-right: 0;}
.no-b-r-b {border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0!important;}
.no-b-r-t {border-top-left-radius: 0 !important;border-top-right-radius: 0!important;}

.rezervasyonSistem {}
.rezervasyonSistem .rezervasyonPanel {display: block;border: 1px solid #e5e5e5;border-radius: 6px; position: -webkit-sticky; position: sticky; top: 0;}
.rezervasyonSistem .rezervasyonPanel .rows {padding: 10px 20px;border-bottom: 1px solid #e5e5e5;}
.rezervasyonSistem .campaign,
.campaign {margin:  10px 0px;border-radius: 6px;padding: 5px;color: #693597;background: #fdf6ff;border: 1px solid #f7ddff;font-size: 0.9rem;font-weight: 600;float: left;width: 100%;text-align: center;}
.rezervasyonSistem .rezervasyonPanel .rows .title {font-size: 0.7rem;color: #646464;text-transform: uppercase;display: block;font-weight: 600;}
.rezervasyonSistem .rezervasyonPanel .rows .price {font-size: 1.1rem;color: #000;font-weight: bold;display: block;margin: 2px 0px 20px;}
.rezervasyonSistem .rezervasyonPanel .rows .step-buton {display: block;width: 100%;height: 40px;line-height: 40px;border-radius: 6px;border: 0;background: #1c85b0;color: #fff;font-weight: bold;font-size: 1rem;}
.rezervasyonSistem .rezervasyonPanel .rows .step-buton:hover {background: #15617f;}
.rezervasyonSistem .rezervasyonPanel .rows .spoInfoColumn {margin-bottom: 5px;color: #646464;}
.rezervasyonSistem .rezervasyonPanel .rows .spoInfoColumn .left {font-size: 0.8rem;font-weight: 600;}
.rezervasyonSistem .rezervasyonPanel .rows .spoInfoColumn .right {font-size: 0.8rem;}
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
.mobile-rez-sticky {
	position: fixed;
	bottom: 0;
	height: 60px;
	z-index: 999999;
	background: #26ace2;
	border-top: 1px solid #1c85b0;
	width: 100%;
	margin-left: -15px;
	padding: 0px 15px;
	font-size: 0.8rem;
}
.mobile-rez-sticky .mobile-detail {color:#fff; margin-top:7px;}
.mobile-rez-sticky .mobile-detail a {color:#fff; text-decoration:none;}
.mobile-rez-sticky .mobile-total {
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
}

.mobile-detail-page {
	width: 100%;
	position: fixed;
	margin: 0 auto;
	top: 0;
	left: 0;
	z-index: 1100;
	padding: 15px;
	background: #fff;
	bottom: 60px;
	overflow-y:auto;
}
.mobile-detail-page .title {
	font-size: 1.1rem;
	font-weight: bold;
}

.odaBaslik {font-weight:bold;}
.satirBaslik {
	display: block;
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 6px;
}

/*Ürün Bilgileri*/
.productInformation {display: block;border: 1px solid #e5e5e5;border-radius: 6px;padding: 10px;background: #fbfbfb;}
.productInformation .img img {max-width: 100%;border-radius: 6px;}
.productInformation .title {display: block;width: 100%;font-weight: bold;font-size: 1.2rem;color: #000;}
.productInformation .spot {display: block;width: 100%;font-size: 0.8rem;}


.productInformation.ucak {background: #fff;border-radius: 0;padding: 0;margin-bottom: 20px;}
.productInformation.ucak .row-flex {display: flex;align-items: center;}
.productInformation.ucak .top {background: #f7f7f7;}
.productInformation.ucak .img {margin-bottom: 5px;}
.productInformation.ucak .img img {height: 25px;}
.productInformation.ucak .title {font-size: 0.9rem;width: calc(100% - 120px);}
.productInformation.ucak .tools {width: 120px;font-size: 0.8rem;text-align: center;color: #1c85b0;}
.productInformation.ucak .title i {margin: 0 6px;color: #ff9800;}
.productInformation.ucak .spot {display: inline-block;width: auto;padding: 5px 20px;background: #56585a;font-size: 0.8rem;color: #fff;margin-right: 10px;font-weight: bold;width: 120px;text-align: center;}
.productInformation.ucak .donus {background: #1c85b0;}
.productInformation.ucak .donus i {transform: rotate(180deg);}
.productInformation.ucak .bottom {padding: 10px;}
.productInformation.ucak .company,
.productInformation.ucak .number {font-weight: bold;display: block;}

.modal-dialog .row-flex {display: flex;align-items: center;}
.modal-dialog .top {background: #f7f7f7;margin-top: 10px;}
.modal-dialog .title {font-size: 0.9rem;width: calc(100% - 120px);}
.modal-dialog .title i {margin: 0 6px;color: #ff9800;}
.modal-dialog .spot {display: inline-block;width: auto;padding: 5px 20px;background: #56585a;font-size: 0.8rem;color: #fff;margin-right: 10px;font-weight: bold;width: 120px;text-align: center;}
.modal-dialog .donus {background: #1c85b0;}
.modal-dialog .donus i {transform: rotate(180deg);}

.modal-dialog .list {margin: 0;padding: 0;list-style: none;margin-bottom: 15px;}
.modal-dialog .list li:before{display: inline-block;color: #ff9800;margin-right: 5px;content: "\f00c";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}

.productInformation.ucak .bottom .detail {display: flex;align-items: center;}
.productInformation.ucak .bottom .detail .icon {font-size: 1.7rem;padding: 0 20px;}
.productInformation.ucak .bottom .detail .text {font-size: 0.8rem;}
.productInformation.ucak .bottom .detail .text span {display: block;width: 100%;}
.productInformation.ucak .bottom .detail .text span.hour {font-weight: bold;font-size: 0.9rem;}
.productInformation.ucak .bottom .detail .text span.airport {}
.productInformation.ucak .bottom .detail .text span.date {}
.productInformation.ucak .bottom .time {text-align: center;}
.productInformation.ucak .bottom .time i {font-size: 1rem;}
.productInformation.ucak .bottom .time span {display: block;font-size: 0.8rem;}

.productInformation.ucak .left {font-size: 0.8rem;border-right: 1px dashed #ccc;text-align: center;}
.productInformation.ucak .separator {padding: 4px;text-align: center;border: 1px dashed #4391cd;color: #4391cd;background: #f2f6f9;font-size: 0.7rem;width: calc(100% - 20px);margin: 5px 10px;}

/*Kiş Bilgileri*/
.rezervasyonSistem .personInformation {}
.rezervasyonSistem .personInformation label {display: block;width: 100%;font-size: 0.8rem;font-weight: bold;margin-bottom: 6px;text-transform: none;}
.rezervasyonSistem .personInformation label.flex {display: flex;align-items: center;}
.rezervasyonSistem .personInformation input[type="text"],
.rezervasyonSistem .personInformation input[type="email"],
.rezervasyonSistem .personInformation input[type="tel"],
#promosyonkodu {display: block;width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;background: #fff;}
.rezervasyonSistem .personInformation input[type="checkbox"] {margin: 0 5px 0px 0px;appearance: none;background-color: rgb(255, 255, 255);border: 2px solid rgb(155, 155, 155);border-radius: 6.7px;cursor: pointer;display: inline-block;outline: none;position: relative;height: 20px;width: 20px;flex-shrink:0;}
.rezervasyonSistem .personInformation input[type="checkbox"]:checked {background: #1c85b0;border-color: #1c85b0;}
.rezervasyonSistem .personInformation input[type="checkbox"]:checked::before {content: "";display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M13.927 2.2l-6.845 9.289a1.011 1.011 0 0 1-1.43.188L.764 7.769a1 1 0 0 1 1.25-1.562L6.09 9.468l6.227-8.451a1 1 0 1 1 1.61 1.183z'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.rezervasyonSistem .personInformation input[type="checkbox"]:checked::before {background-size: 13.3px 10.8px;inset: 3px 1.7px 2.2px 1px;height: 10.8px;position: absolute;width: 13.3px;}
.rezervasyonSistem .personInformation textarea {display: block;width: 100%;padding: 10px 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;background: #fff;}
.rezervasyonSistem .personInformation select {display: block;width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;background: #fff;}

/*Step2 Konuklar*/
.rezervasyonSistem .personsInformation {}
.rezervasyonSistem .personsInformation .row-flex {display: flex;align-items: center;}
.rezervasyonSistem .personsInformation .number {padding-right: 0;}
.rezervasyonSistem .personsInformation label {display: block;width: 100%;font-size: 0.8rem;font-weight: bold;margin-bottom: 6px;}
.rezervasyonSistem .personsInformation label.flex {display: flex;align-items: center;}
.rezervasyonSistem .personsInformation input[type="text"],
.rezervasyonSistem .personsInformation input[type="email"],
.rezervasyonSistem .personsInformation input[type="tel"] {display: block;width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;}
.rezervasyonSistem .personsInformation input[type="checkbox"] {margin: 0 5px 0px 0px;appearance: none;background-color: rgb(255, 255, 255);border: 2px solid rgb(155, 155, 155);border-radius: 6.7px;cursor: pointer;display: inline-block;outline: none;position: relative;height: 20px;width: 20px;}
.rezervasyonSistem .personsInformation input[type="checkbox"]:checked {background: #1c85b0;border-color: #1c85b0;}
.rezervasyonSistem .personsInformation input[type="checkbox"]:checked::before {content: "";display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M13.927 2.2l-6.845 9.289a1.011 1.011 0 0 1-1.43.188L.764 7.769a1 1 0 0 1 1.25-1.562L6.09 9.468l6.227-8.451a1 1 0 1 1 1.61 1.183z'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.rezervasyonSistem .personsInformation input[type="checkbox"]:checked::before {background-size: 13.3px 10.8px;inset: 3px 1.7px 2.2px 1px;height: 10.8px;position: absolute;width: 13.3px;}
.rezervasyonSistem .personsInformation textarea {display: block;width: 100%;padding: 10px 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;background: #fff;}
.rezervasyonSistem .personsInformation select {display: block;width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border: 2px solid #e5e5e5;border-radius: 6px;margin-bottom: 15px;outline: none;font-size: 0.8rem;background: #fff;}

/* Step3 Payments */
.rezervasyonSistem .paymentOptions {}
.rezervasyonSistem .paymentOptions .paymentOptionRow {padding: 14px 24px;min-height: 72px;position: relative;display: flex;flex-direction: column;align-items: center;cursor: pointer;border: 1px solid #e5e5e5;border-bottom: 0;}
.rezervasyonSistem .paymentOptions .paymentOptionRow.prev {border-bottom: 1px solid #e5e5e5;}
.rezervasyonSistem .paymentOptions .paymentOptionRow:first-child {border-top-left-radius: 8px;border-top-right-radius: 8px;}
.rezervasyonSistem .paymentOptions .paymentOptionRow:last-child {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-bottom: 1px solid #e5e5e5;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .head {width: 100%;display: flex;align-items: center;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .optionRadioWrap {padding-right: 24px;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .optionRadioWrap .optionRadio {background-color: rgb(255, 255, 255);border: 2px solid rgb(155, 155, 155);border-radius: 50%;cursor: pointer;display: inline-block;outline: none;position: relative;height: 24px;width: 24px;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .title {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: calc(100% - 75px);}
.rezervasyonSistem .paymentOptions .paymentOptionRow .title span {font-size: 0.9rem;font-weight: bold;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .title small {font-size: 0.8rem;font-weight: normal;}
.rezervasyonSistem .paymentOptions .paymentOptionRow .paymentOptionRowClose {background: #e5e5e5;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;color: #7d7d7d;}

.rezervasyonSistem .paymentOptions .paymentOptionRow .paymentOptionCont {display: none;}
.rezervasyonSistem .paymentOptions .paymentOptionRow.activePayment {/*margin: 20px 0px;box-shadow: 0 1px 2px rgb(0 0 0 / 10%);width: calc(100% + 16px);left: -8px;border-radius: 8px;*/}
.rezervasyonSistem .paymentOptions .paymentOptionRow.activePayment .paymentOptionCont {display: block;padding: 24px 0px;width: 100%;}

.rezervasyonSistem .paymentOptions .creditCard {}
.rezervasyonSistem .paymentOptions .creditCard .card {width: 50%;float: left;}
.rezervasyonSistem .paymentOptions .creditCard .form {width: 50%;float: left;}

.rezervasyonSistem .paymentOptions .creditCard .card .cardInner {transform: rotateY(0deg);position: relative;width: 80%;margin: 15px auto;background: #ddd;box-shadow: 0px 2px 9px rgb(0 0 0 / 20%);border-radius: 10px;height: 205px;z-index: 2;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardBack {transform: rotateY(180deg);position: relative;width: 80%;margin: 15px auto;background: #ddd;box-shadow: 0px 2px 9px rgb(0 0 0 / 20%);border-radius: 10px;height: 205px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardBack {position: absolute;top: 15px;margin: 0;left: 10%;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardBack .strip {height: 40px;position: absolute;top: 20px;width: 98%;right: 1%;background: #000;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardBack .cvvlabel {left: 10%;top: 70px;position: absolute;width: 80%;color: #000;text-align: right;padding: 0 10px;font-size: 0.8rem;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardBack .cvv {left: 10%;top: 90px;position: absolute;background: #eee;width: 80%;height: 25px;border-radius: 6px;color: #000;text-align: right;padding: 0 10px;font-size: 0.8rem;line-height: 25px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardBank {position: absolute;left: 15px;top: 15px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardBank {width: auto;height: 40px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardChip {position: absolute;right: 15px;top: 15px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .textPos {position: absolute;left: 15px;bottom: 15px;width: 80%;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardNumber {width: auto;font-weight: bold;font-size: 1.1rem;color: #000;padding: 5px 15px;border: 1px solid transparent;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardOwner {width: auto;text-transform: uppercase;font-weight: normal;font-size: 0.9rem;color: #000;padding: 5px 15px;border: 1px solid transparent;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardExp {width: auto;text-transform: uppercase;font-weight: normal;font-size: 0.8rem;color: #000;padding: 5px 15px;border: 1px solid transparent;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardType {position: absolute;right: 15px;bottom: 15px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .cardType img {width: auto;height: 15px;}
.rezervasyonSistem .paymentOptions .creditCard .card .cardInner .focusInput {background: aliceblue;border-radius: 25px;border: 1px solid #79b9f0;}
.rezervasyonSistem .paymentOptions .creditCard .card .flip {transform-style: preserve-3d;transition:  0.6s;}
.rezervasyonSistem .paymentOptions .creditCard .card:hover .flip {transform: rotateY(180deg);}
.rezervasyonSistem .paymentOptions .creditCard .card .flipped {transform: rotateY(180deg);}
.rezervasyonSistem .paymentOptions .creditCard .card:hover .cardBack,
.rezervasyonSistem .paymentOptions .creditCard .card .flipped .cardBack {z-index: 3;}
.rezervasyonSistem .paymentOptions .creditCard .form .focused {border-color: red;}

.rezervasyonSistem .paymentOptions .havaleOptionRow {padding: 14px 24px;min-height: 72px;position: relative;display: flex;flex-direction: column;align-items: center;cursor: pointer;border: 1px solid #e5e5e5;border-radius: 8px;margin-bottom: 10px;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .head {width: 100%;display: flex;align-items: center;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .optionRadioWrap {padding: 0;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .optionRadioWrap .optionRadioHavale {background-color: rgb(255, 255, 255);border: 2px solid rgb(155, 155, 155);border-radius: 50%;cursor: pointer;display: inline-block;outline: none;position: relative;height: 24px;width: 24px;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .logo {width: 20%;text-align: center;justify-content: center;align-items: center;padding: 0 10px;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .logo img {max-width: 100%;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .title {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 70%;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .title span {font-size: 0.9rem;font-weight: bold;}
.rezervasyonSistem .paymentOptions .havaleOptionRow .title small {font-size: 0.8rem;font-weight: normal;}

.hr {display: block;width: 100%;height: 1px;background: #e5e5e5;margin: 15px 0px;}
.basketTtile {font-size: 1.4rem;font-weight: bold;color: #000;margin-bottom: 15px;}
.basketTtile small {font-weight: normal;font-size: 0.9rem;color: #646464;}
.basketTitle2 {font-size: 1rem;font-weight: bold;color: #1c85b0;margin-bottom: 20px;}

.stepWrap {display: block;margin-bottom: 40px;text-align: center;}
.stepWrap .step {display: inline-block;margin-right: 5px;min-width: 100px;}
.stepWrap .step .text {font-size: 0.8rem;margin-top: 5px;}
.stepWrap span {position: relative;display: inline-block;width: 30px;height: 30px;text-align: center;line-height:  26px;border: 2px solid #1c85b0;color: #1c85b0;border-radius: 100%;font-size: 0.8rem;font-weight: bold;cursor: pointer;transition: ease-in-out all 350ms;}
.stepWrap span:last-child {margin-right: 0;}
.stepWrap span.active,
.stepWrap span:hover{background: #1c85b0;color: #fff;}

.div-taksit-wrap {position: relative;float: left;width: 100%;}
.div-taksit {font-size: 0.8rem;}
.div-taksit .taksit-secenekleri-baslik {display: block;width: 100%;padding: 10px 15px;font-size: 0.9rem;font-weight: bold;margin-bottom: 10px;margin: 0;background:#27a7da;color:#FFF;}
.div-taksit .taksit-tablosu-baslik {font-weight:600;}
.div-taksit label, .div-taksit input {margin: 0 !important;font-weight:normal;}
.div-taksit input {padding-top:3px;}
.div-taksit .col-lg-12 {padding: 0;}
.div-taksit > div > div, .div-taksit > div > label > div {padding: 5px 10px;background: #f5f5f5;min-height:30px;border-bottom:1px solid #FFF;font-weight:normal;cursor:pointer;}

.modal-dialog {width: 800px;}
.tab-content {margin-top: 15px;font-size: 0.8rem;}
.tab-content table {font-size: 0.8rem;}
.tab-content table tr td {border: 0;border-bottom: 1px solid #ddd;}

@media (max-width:  768px) {
	.rezervasyonSistem .personsInformation .row-flex {display: block;}
	.stepWrap .step {min-width: inherit;}
	.stepWrap .step .text {display: none;}

	.rezervasyonSistem .paymentOptions .creditCard .card {width: 100%;float: left;}
	.rezervasyonSistem .paymentOptions .creditCard .form {width: 100%;float: left;}

	.modal-dialog {width: 100%;}
	
	.rezervasyonSistem .paymentOptions .havaleOptionRow .logo {display:none;}
	.rezervasyonSistem .paymentOptions .havaleOptionRow .optionRadioWrap {margin-right:10px;}
	
	.rezervasyonSistem .personsInformation .konukRowDiv label {display: none !important;}
	.rezervasyonSistem .paymentOptions .paymentOptionRow {padding: 10px;}
	.div-taksit > div > div, .div-taksit > div > label > div {text-align:center;}
}

.rezervasyonSistem .iptalbilgileribaslik {margin-top: 20px;font-size: 1rem;font-weight: bold;color: #000;margin-bottom: 10px;}
.rezervasyonSistem .iptalbilgileri {background: #f5f5f5;color: #000;padding: 20px 15px;height: 200px;overflow-y: scroll;border-radius: 8px;font-size: 0.8rem;}
.rezervasyonSistem .iptalbilgileri::-webkit-scrollbar {
  width: 7px;
}
.rezervasyonSistem .iptalbilgileri::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 15px;
}
.rezervasyonSistem .iptalbilgileri::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 15px;
}
.rezervasyonSistem .iptalbilgileri::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

@media(max-width:  768px) {
	.productInformation.ucak .title {width: calc(100% - 120px);}
	.productInformation.ucak .top {padding: 5px 2px;}
	.productInformation.ucak .spot {display: none;}
	.productInformation.ucak .bottom .detail .icon {display: none;}
}

.flex-code-input #countrycode {width: 100px;float: left;}
.flex-code-input #gsm {width: calc(100% - 100px);float: left;}

.flex-code-input #sabittelcode {width: 100px;float: left;}
.flex-code-input #sabittel {width: calc(100% - 100px);float: left;}

.ulkekodu {display: none;}



/*rezervasyon sag sablon*/
.reservation-box {
	width: 100%;
	background: white;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05)
}

.reservation-box .box-in {
	width: 100%;
	display: block
}

.reservation-box header {
	display: block;
	position: relative;
	z-index:0;
}

.reservation-box header span.title {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #0065B8;
	color: white;
	font-size: 14px;
	font-size: .875rem;
	padding: 0 15px
}

.reservation-box header .timer-content {
	background: #f1f3f7;
	position: absolute;
	right: 8px;
	top: 10px;
	border-radius: 8px 4px 4px 8px;
	font-size: 12px;
	line-height: 1.25;
	color: #000;
	padding: 2px 5px;
	padding-left: 20px;
	min-width: 113px
}

.reservation-box header .timer-content img {
	position: absolute;
	left: -4px;
	top: 0
}

.reservation-box header .info-bar {
	width: 100%;
	text-align: left
}

.reservation-box header .info-bar span {
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #666
}

.reservation-box header .info-bar span.date-info {
	cursor: pointer;
	transition: all 150ms ease-in-out
}

.reservation-box header .info-bar span.date-info:hover {
	color: #3394de
}

.reservation-box header .info-bar span.date-info:hover .icon {
	color: #3394de
}

.reservation-box header .info-bar span:first-child {
	border-right: 1px solid #EFEFEF
}

.reservation-box header .info-bar span .icon {
	font-size: 18px;
	font-size: 1.125rem;
	vertical-align: middle;
	margin-right: 5px;
	transition: all 150ms ease-in-out
}

.reservation-box .reservation-col:not(.notclass) {
	width: 100%;
	padding: 15px;
	border-top: 1px solid #EFEFEF;
	text-align: left;
	font-size: 0
}

.reservation-box .reservation-col:not(.notclass) .in-box {
	position: relative
}

.reservation-box .reservation-col:not(.notclass) .in-box ~ .in-box {
	margin-top: 15px;
	padding-top: 15px
}

.reservation-box .reservation-col:not(.notclass) .in-box ~ .in-box:before {
	content: "";
	border-top: 1px solid #EFEFEF;
	height: 1px;
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}

.reservation-box .reservation-col:not(.notclass) .in-box .reservation-property:first-child {
	margin-top: 0
}

.reservation-box .reservation-col:not(.notclass) .search-title {
	font-size: 12px;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	color: #3394de;
	font-weight: 600;
	cursor: pointer
}

.reservation-box .reservation-col:not(.notclass) .bonus-badge {
	width: 100%;
	font-size: 12px;
	color: #096E45;
	text-align: center;
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #82BC56;
	border-radius: 3px;
	background: white;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05)
}

.reservation-box .reservation-col:not(.notclass) .bonus-badge b {
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .bonus-badge img {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 10px
}

.reservation-box .reservation-col:not(.notclass).close-room {
	display: none
}

.reservation-box .reservation-col:not(.notclass).close-room.active {
	display: block
}

.reservation-box .reservation-col:not(.notclass).request-description {
	display: none
}

.reservation-box .reservation-col:not(.notclass).request-description.active {
	display: block
}

.reservation-box .reservation-col:not(.notclass) p {
	margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) p.campaign-text {
	display: block;
	font-size: 12px;
	font-size: .75rem;
	text-align: center;
	margin-top: 9px;
	color: #666666
}

.reservation-box .reservation-col:not(.notclass) p.campaign-text i {
	color: #3394de;
	font-size: 10px;
	font-size: .625rem;
	margin-right: 8px
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) {
	background: rgba(15, 186, 84, 0.05)
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) .col-half {
	display: inline-table
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) .col-half .bank-icons i.icon.bonusv1-icon {
	width: 51px;
	height: 17px
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) .button {
	display: none
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) .button.active {
	display: block
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.change-criterion {
	display: none;
	margin-top: 15px;
	text-align: center
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.change-criterion.active {
	display: block
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.change-criterion a {
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.change-criterion a:hover {
	text-decoration: underline
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.discount-info-text {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	font-size: .75rem;
	color: #666;
	text-align: center
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass) span.discount-info-text .icon {
	color: #3394de;
	font-size: 10px
}

.reservation-box .reservation-col:not(.notclass).payment-info:not(.notclass).grey {
	background: #f5f5f5
}

.reservation-box .reservation-col:not(.notclass) p.description {
	width: 100%;
	font-size: 12px;
	font-size: .75rem;
	color: #666;
	line-height: 18px
}

.reservation-box .reservation-col:not(.notclass) p.description a.phone-no {
	color: #666;
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) p.description a.email-address {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) span.number {
	display: block;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 700;
	color: #DF3C44;
	line-height: 1.17;
	margin-bottom: 5px
}

.reservation-box .reservation-col:not(.notclass) .exit-point {
	font-size: 12px;
	color: #28374F;
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) {
	width: 100%;
	margin-top: 10px;
	font-size: 0px;
	font-size: 0rem
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).mt-0 {
	margin-top: 0;
	line-height: normal
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).mt-5 {
	margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).property-set {
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 15px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).person-count-property {
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	margin-top: 15px;
	padding-bottom: 10px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).person-count-property .room-count {
	font-size: 12px;
	display: inline-block;
	color: #df3c44;
	font-weight: 700;
	margin-right: 10px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).person-count-property.single {
	padding-bottom: 0;
	border-bottom: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail {
	transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 7px 0;
	padding-right: 5px;
	margin-top: 4px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail + .reservation-property {
	margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail .text .icon {
	margin-left: 0 !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail .detail-btn {
	transition: all 150ms ease-in-out;
	font-size: 12px;
	text-align: right;
	color: #3394de;
	float: right;
	opacity: 1
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail span.transfer-tooltip {
	text-decoration: none !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail span.transfer-tooltip + .popover.left {
	max-width: 272px;
	min-width: 272px;
	margin-left: -17px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail span.transfer-tooltip + .popover.left .reservation-col.flight-info .title {
	font-size: 12px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail span.transfer-tooltip + .popover.left .reservation-col.flight-info .info.full + .full {
	margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass).flight-detail.active {
	padding: 7px 5px;
	border-color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type {
	display: inline-block;
	width: 67%;
	position: relative;
	font-size: 12px;
	font-size: .75rem
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type.full {
	width: 100%
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.title {
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 600;
	color: #0065B8;
	line-height: 1.29
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.title.big {
	font-size: 14px;
	font-size: .875rem
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text {
	font-size: 12px;
	font-size: .75rem;
	color: #666;
	display: block
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text b {
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o {
	font-size: 16px;
	font-size: 1rem;
	vertical-align: middle;
	cursor: pointer
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o:not([aria-describedby*="popover"]):before {
	color: #ddd
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o:hover:before {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o:before {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover {
	background-color: #fff;
	border-color: #EFEFEF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	min-width: 380px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover .reservation-col.flight-info {
	border-top: 0;
	padding: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover .icon-close {
	border: 1px solid #999;
	color: #999;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	text-align: center;
	right: -15px;
	top: -15px;
	border-radius: 24px;
	background-color: #fff;
	cursor: pointer
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover .icon-close:before {
	color: #999
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover.bottom .arrow {
	border-bottom-color: #EFEFEF
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover.left .arrow {
	border-left-color: #EFEFEF
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover .popover-content {
	font-size: 12px;
	color: #666;
	background-color: #fff
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text i.icon-info-o + .popover.bottom .arrow:after {
	border-bottom-color: #fff
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.tour-text {
	margin-top: 10px;
	color: #28374F
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.tour-text .icon {
	color: #0065B8;
	font-size: 14px;
	margin-right: 10px;
	vertical-align: middle
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.board-text {
	font-size: 12px;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	color: #28374f
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.dark-blue {
	font-size: 12px;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	color: #0065B8
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.inline {
	display: inline-block
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.inline + .icon {
	font-size: 16px;
	vertical-align: middle;
	margin-left: 5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.text.inline + .icon:hover:before {
	color: #3394de !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.number {
	display: inline-block
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.number + span.text {
	display: inline-block;
	margin-left: 7px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.number.set {
	width: 100%
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-type span.number.set + span.text {
	margin-left: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.price {
	display: inline-block;
	width: 32%;
	text-align: right;
	color: #666;
	font-size: 14px;
	font-size: .875rem
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.price b {
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.price.old-price {
	text-decoration: line-through
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .tour-list-item {
	font-size: 12px;
	font-size: .75rem;
	color: #28374f;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .tour-list-item i {
	color: #0065b8;
	margin-right: 10px;
	display: inline-block;
	vertical-align: bottom
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .tour-list-item:last-child {
	margin-bottom: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-list-item {
	margin-bottom: 10px;
	font-size: 12px;
	font-size: .75rem
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-list-item .room-number {
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	font-weight: bold;
	line-height: 17px;
	color: #df3c44;
	margin-right: 10px;
	min-width: 35px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) .room-list-item .room-detail {
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	color: #666666
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass):last-child .room-list-item {
	margin-bottom: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip i.icon-info-o {
	font-size: 16px;
	font-size: 1rem;
	vertical-align: middle;
	color: #ddd
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip i.icon-info-o:hover {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip i.icon-info-o + .popover {
	background-color: #fff;
	border-color: #EFEFEF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	min-width: 380px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text {
	cursor: pointer;
	position: relative
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text > i {
	margin-left: 5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover {
	cursor: default;
	min-width: 380px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	border: solid 1px #EFEFEF;
	background-color: #fff;
	max-width: 275px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .icon-close {
	background-color: #333;
	color: white;
	font-weight: bold;
	width: 25px;
	height: 25px;
	border-width: 5px;
	font-size: 10px;
	line-height: 24.5px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .reservation-col.flight-info {
	border-top: 0;
	padding: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content {
	padding: 15px;
	font-family: "Open Sans"
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box {
	border-bottom: none
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box ~ .flight-box {
	border-top: 1px solid #EFEFEF
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box .airline > img {
	position: absolute;
	left: -25px;
	top: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box .stops-message {
	background-color: #F8FAFC;
	border: solid 1px #EFEFEF;
	font-size: 12px;
	text-align: left;
	color: #DF3C44;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 12px;
	position: relative;
	left: -22px;
	padding-left: 22px;
	width: calc(100% + 22px)
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box .stops-message b {
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box .flight-summary .info.full {
	width: 100%
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .flight-box .flight-summary .info.border {
	border: solid 1px #EFEFEF;
	border-radius: 6px;
	padding: 6px 10px 4px;
	width: auto
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning {
	border: none;
	background: none;
	margin: 10px -15px 0 -15px;
	text-align: left;
	border-top: solid 1px #EFEFEF;
	padding-bottom: 0
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .icon {
	font-size: 16px;
	position: absolute;
	top: 27px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .icon.icon-warning + .info {
	padding-left: 40px !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .icon.icon-info-o {
	left: 15px;
	top: 17px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .icon.icon-info-o:before {
	color: #ffab19
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .info {
	padding-left: 26px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content .alert-warning .info .text {
	color: #ffab19;
	margin-top: 0px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover.bottom .arrow {
	border-bottom-color: #EFEFEF
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover.left > .arrow {
	border-left-color: #EFEFEF
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover .popover-content {
	font-size: 12px;
	color: #666;
	background-color: #fff
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.cyprus-transfer-text + .popover.bottom .arrow:after {
	border-bottom-color: #fff
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip[aria-describedby^="popover"] {
	text-decoration: underline;
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip[aria-describedby^="popover"] > i:before {
	transition: all 150ms ease-in-out;
	color: #3394de !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip + .popover.left {
	top: -90px !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip + .popover.left > .arrow {
	top: 95px !important
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.border {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #28374f;
	padding: 5px 10px;
	border: solid 1px #3394de;
	border-radius: 6px
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.border[aria-describedby^="popover"] {
	text-decoration: none
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.border .link {
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: #3394de;
	float: right
}

.reservation-box .reservation-col:not(.notclass) .reservation-property:not(.notclass) span.transfer-tooltip.border + .popover.left > .arrow {
	top: 105px !important
}

.reservation-box .reservation-col:not(.notclass) .col-half {
	width: 50%;
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	vertical-align: top;
	margin-bottom: 10px
}

.reservation-box .reservation-col:not(.notclass) .col-half.other-installment-button {
	cursor: pointer
}

.reservation-box .reservation-col:not(.notclass) .col-half .bank-image {
	display: block;
	margin-top: 3px
}

.reservation-box .reservation-col:not(.notclass) .col-half .installment {
	display: block;
	margin-top: 7px;
	font-weight: 700;
	color: #666
}

.reservation-box .reservation-col:not(.notclass) .col-half .other-installment {
	display: block;
	margin-top: 15px;
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info {
	width: 100%;
	text-align: right
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .discount-percent {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 700;
	color: white;
	background: #DF3C44;
	padding: 5px 10px;
	border-radius: 15px;
	margin-left: 5px
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .discount-percent:first-child {
	margin-left: 0
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .old-price {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-size: .75rem;
	color: #999;
	font-weight: 600;
	text-decoration: line-through
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .price {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-size: .75rem;
	color: #999;
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .text {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-size: .75rem;
	color: #666;
	font-weight: 600
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .text em {
	color: #28374f
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .text.text-flight {
	margin-top: 0;
	margin-bottom: 8px;
	color: #28374F
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .text.text-flight em {
	color: #666666
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .current-price {
	display: block;
	font-size: 24px;
	font-size: 1.5rem;
	color: #28374F;
	margin-top: 5px;
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .current-price small {
	font-size: 14px;
	font-size: .875rem
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .current-price .exchange-price {
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	color: #999
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .currency-price {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #0065b8;
	margin-top: 5px;
	display: block
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .price-tl {
	color: #0065b8;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .discount-tooltip {
	font-size: 12px;
	vertical-align: middle
}

.reservation-box .reservation-col:not(.notclass) .col-half .price-info .discount-tooltip:hover:before {
	color: #3394de
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign {
	width: 100%;
	font-size: 12px;
	font-size: .75rem;
	text-align: center;
	margin-bottom: 15px;
	border-radius: 27px;
	border: 1px solid #CA0077;
	height: 30px;
	line-height: 30px;
	color: #CA0077;
	transition: all 150ms ease-in-out;
	cursor: pointer;
	position: relative
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign b {
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:after, .reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #F8FAFC;
	border-width: 5px;
	margin-left: -5px;
	transition: all 150ms ease-in-out
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #CA0077;
	border-width: 6px;
	margin-left: -6px
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:hover {
	background: #CA0077;
	color: white
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign:hover:after {
	border-top-color: transparent
}

.reservation-box .reservation-col:not(.notclass) .maximum-card-campaign + .bonus-card-campaign {
	margin-top: 15px
}

.reservation-box .reservation-col:not(.notclass) .bonus-card-campaign {
	width: 100%;
	font-size: 12px;
	font-size: .75rem;
	text-align: center;
	height: 30px;
	line-height: 30px;
	transition: all 150ms ease-in-out;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
	border: 1px solid #dddddd;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	color: #28374f
}

.reservation-box .reservation-col:not(.notclass) .bonus-card-campaign b {
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) .bonus-card-campaign:hover {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09)
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign {
	width: 100%;
	font-size: 12px;
	font-size: .75rem;
	text-align: center;
	margin-bottom: 15px;
	border-radius: 27px;
	border: 1px solid #08bec9;
	height: 30px;
	line-height: 30px;
	color: #08bec9;
	transition: all 150ms ease-in-out;
	cursor: pointer;
	position: relative
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign b {
	font-weight: 700
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign:hover {
	background: #08bec9;
	color: white
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign:hover:after {
	border-top-color: transparent
}

.reservation-box .reservation-col:not(.notclass) .rezervation-price-set .reservation-property:first-child span {
	margin-top: 0 !important
}

.reservation-box .reservation-col:not(.notclass) .room-info-set .reservation-property:first-child span.title {
	margin-top: 0 !important
}

.reservation-box .reservation-col:not(.notclass) .tour-title {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #28374f;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
	line-height: 17px
}

.reservation-box .reservation-col:not(.notclass) .tour-hotel-title {
	font-size: 14px;
	font-weight: 600;
	color: #0065b8;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%
}

.reservation-box .payment-campaign-text {
	width: 100%;
	padding: 15px;
	position: relative;
	font-size: 0
}

.reservation-box .payment-campaign-text .icon {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #ef6c00;
	border-radius: 100%;
	font-size: 12px;
	font-size: .75rem;
	color: white;
	padding-left: 2px;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -12.5px
}

.reservation-box .payment-campaign-text span {
	width: 100%;
	display: inline-block;
	padding-left: 35px;
	font-size: 12px;
	font-size: .75rem;
	line-height: 16px;
	color: #ef6c00
}

.reservation-box .onurair-label .text {
	margin-top: 0 !important;
	line-height: 18px
}

.reservation-box.payment-coupon, .reservation-box.ticket-campaign {
	margin-top: 10px
}

.reservation-box.tour-reservation-box header .info-bar .date-info {
	width: 50%
}

.reservation-box.tour-reservation-box .reservation-col .reservation-property .room-type span.title {
	font-size: 14px;
	font-weight: 600
}

.reservation-box.tour-reservation-box .reservation-col .reservation-property.person-count-property .room-type span.text {
	margin-top: 10px
}

.reservation-box.tour-reservation-box .reservation-col.payment-info span.discount-info-text {
	color: #3394de
}

.reservation-box.tour-reservation-box .reservation-col.payment-info span.discount-info-text b {
	font-weight: 700
}

.reservation-box.v2 {
	border-radius: 6px;
	border: solid 1px #d9d9d9;
	box-shadow: none
}

.reservation-box.v2 .couponNewContent .room-type {
	font-size: 14px;
	font-weight: 600;
	padding: 15px 0 5px
}

.reservation-box.v2 .couponNewContent .price {
	padding: 7px 0 10px;
	display: block;
	font-size: 14px
}

.reservation-box.v2 .couponNewContent .price em {
	padding: 0 10px;
	float: right
}

.reservation-box.v2 .couponNewContent .price i {
	float: right;
	font-size: 16px;
	cursor: pointer
}

.reservation-box.v2 header .title {
	height: 45px;
	line-height: 45px;
	border-radius: 6px 6px 0 0;
	background-color: #f5f8fb;
	font-size: 18px;
	font-weight: bold;
	color: #28374f;
	border-bottom: 1px solid #d9d9d9
}

.reservation-box.v2 header .date-info-bar {
	padding: 15px;
	display: block;
}

.reservation-box.v2 header .date-info-bar .in {
	/*padding: 20px 0;
	border-bottom: 1px dashed #e9ecf2*/
}

.reservation-box.v2 header .date-info-bar .in.room-info {
	font-size: 0;
	margin-bottom:25px;
}

.reservation-box.v2 header .date-info-bar .in.room-info .item {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	color: #28374f;
	margin:0px;
}

.reservation-box.v2 header .date-info-bar .in.room-info .location {
	font-size: 12px;
	line-height: 1.33;
	color: #666666;
	margin-top: 8px;
	display: block
}

.reservation-box.v2 header .date-info-bar .in.room-info figure {
	height: 71px;
	width: 80px;
	overflow: hidden;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top
}

.reservation-box.v2 header .date-info-bar .in.room-info figure img {
	width: auto;
	height: 100%;
	position: relative;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
	image-rendering: pixelated
}

.reservation-box.v2 header .date-info-bar .in.room-info .room-name {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 112px);
	margin-left: 12px
}

.reservation-box.v2 header .date-info-bar .in .col {
	font-size: 0
}

.reservation-box.v2 header .date-info-bar .in .col .col-in {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 1px)
}

.reservation-box.v2 header .date-info-bar .in .col .col-in.col1 {
	margin-right: 2px
}

.reservation-box.v2 header .date-info-bar .in .text {
	font-size: 14px;
	line-height: 1.29;
	color: #666;
	display: block
}

.reservation-box.v2 header .date-info-bar .in .date {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.29;
	color: #28374f;
	margin-top: 3px;
	display: block
}

.reservation-box.v2 .masterpassBasketCt {
	overflow: hidden;
	padding: 1px;
	display: none;
	margin: 10px 0
}

.reservation-box.v2 .masterpassBasketCt.visible {
	display: block
}

.reservation-box.v2 .masterpassBasketCt .masterpassNotPrice {
	background: #FFF7F7;
	padding: 6px;
	text-align: center;
	font-size: 12px;
	color: #E35057;
	margin: 10px 0;
	display: block;
	border-radius: 2px
}

.reservation-box.v2 .masterpassBasketCt .masterpassNotPrice b {
	font-weight: bold;
	padding: 4px 0
}

.reservation-box.v2 .masterpassBasketCt table {
	font-size: 12px;
	float: right;
	border-collapse: collapse;
	border-radius: 3px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #ddd;
	width: 100%;
	padding: 25px 1px 10px
}

.reservation-box.v2 .masterpassBasketCt table td {
	border: 1px solid #ddd;
	color: #28374F;
	padding: 3px 8px;
	line-height: 20px
}

.reservation-box.v2 .masterpassBasketCt table td b {
	font-weight: bold
}

.reservation-box.v2 .masterpassBasketCt table td .popover-content {
	color: #fff !important
}

.reservation-box.v2 .masterpassBasketCt table td.price {
	font-size: 14px;
	text-align: right
}

.reservation-box.v2 .masterpassBasketCt table td.price i {
	font-size: 14px;
	margin: 0 5px
}

.reservation-box.v2 .masterpassBasketCt table td.price i:before {
	color: #ddd
}

.reservation-box.v2 .masterpassBasketCt table td.totalprice {
	background: #EFEFEF;
	font-size: 14px;
	border: 0px;
	padding: 8px 8px 7px
}

.reservation-box.v2 .masterpassBasketCt table td.totalprice .price {
	font-size: 24px;
	font-weight: bold;
	float: right
}

.reservation-box.v2 .masterpassBasketCt table td.totalprice .price em {
	font-size: 14px;
	font-style: normal
}

.reservation-box.v2 .masterpassBasketCt table td.green {
	color: #2fa252
}

.reservation-box.v2 .flight-detail.active .text {
	position: relative
}

.reservation-box.v2 .flight-detail.active .text:after {
	content: "";
	position: absolute;
	border: 1px solid #3394de;
	width: 100%;
	height: 28px;
	border-radius: 3px;
	left: -8px;
	top: -7px
}

.reservation-box.v2 .flight-detail.active .popover.left {
	margin-left: -20px
}

.reservation-box.v2 .close-room .text {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.29;
	color: #df3c44 !important;
	margin: 0 !important
}

.reservation-box.v2 .close-room .description {
	font-size: 14px;
	line-height: 1.29;
	color: #666666;
	margin-top: 7px
}

.reservation-box.v2 .content {
	padding: 0 15px
}

.reservation-box.v2 .content .reservation-col {
	padding: 15px 0;
	border-top: none;
}

.reservation-box.v2 .content .reservation-col .icon-trash {
	color: #df3c44;
	cursor: pointer
}

.reservation-box.v2 .content .reservation-col .cancelPolicy-badge {
	margin: 10px 0 -5px
}

.reservation-box.v2 .content .reservation-col .transferFlyDetail {
	padding: 10px 0
}

.reservation-box.v2 .content .reservation-col .transferFlyDetail .reservation-property {
	padding: 5px 10px;
	border: solid 1px #ddd;
	border-radius: 6px;
	cursor: pointer;
	position: relative
}

.reservation-box.v2 .content .reservation-col .transferFlyDetail .reservation-property .transfer-text {
	color: #28374F;
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal
}

.reservation-box.v2 .content .reservation-col .transferFlyDetail .reservation-property .link {
	float: right;
	color: #3394de
}

.reservation-box.v2 .content .reservation-col:first-child {
	border: none
}

.reservation-box.v2 .content .reservation-col.payment-info {
	background: none
}

.reservation-box.v2 .content .reservation-col.payment-info.set {
	padding: 0;
	border: none
}

.reservation-box.v2 .content .reservation-col .change-criterion a {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	display: block;
	color: #3394de
}

.reservation-box.v2 .content .reservation-col .badge {
	border-radius: 6px;
	border: solid 1px #ddd;
	background-color: #ffffff;
	font-size: 12px;
	width: 100%;
	display: block;
	color: #333;
	text-align: left;
	padding: 4px 10px;
	margin-top: 10px;
	height: auto;
	line-height: initial;
	cursor: pointer
}

.reservation-box.v2 .content .reservation-col .badge i {
	float: right;
	margin-top: 2px
}

.reservation-box.v2 .content .reservation-col .discount-content .icon {
	font-size: 12px;
	float: right;
	padding: 5px;
	cursor: help
}

.reservation-box.v2 .content .reservation-col .text {
	font-size: 13px;
	line-height: 1.14;
	color: #333333;
	margin-bottom: 12px;
	display: block
}

.reservation-box.v2 .content .reservation-col .text.text-icon {
	text-indent: -9px;
	padding-left: 20px
}

.reservation-box.v2 .content .reservation-col .text.persons-text {
	font-size: 12px;
	margin-top: 2px;
	line-height: 1.33
}

.reservation-box.v2 .content .reservation-col .text.discount-text {
	color: #DF3C44
}

.reservation-box.v2 .content .reservation-col .text.line-text {
	text-decoration: line-through
}

.reservation-box.v2 .content .reservation-col .text.bold {
	font-weight: 600
}

.reservation-box.v2 .content .reservation-col .text.pd-20 {
	padding-left: 20px
}

.reservation-box.v2 .content .reservation-col .text strong {
	font-weight: 600
}

.reservation-box.v2 .content .reservation-col .text .link {
	font-size: 14px;
	color: #0065b8;
	margin-left: 10px;
	cursor: pointer
}

.reservation-box.v2 .content .reservation-col .text2 {
	display: block;
	font-size: 14px;
	color: #333
}

.reservation-box.v2 .content .reservation-col .text2 small {
	font-size: 12px
}

.reservation-box.v2 .content .reservation-col .other-installment {
	font-size: 12px;
	float: right;
	margin-top: 2px;
	display: block;
	line-height: 1.33;
	color: #3394de
}

.reservation-box.v2 .content .reservation-col .discount-percent {
	float: right;
	font-size: 12px;
	font-size: .75rem;
	font-weight: bold;
	color: white;
	background: #DF3C44;
	padding: 5px 10px;
	border-radius: 6px
}

.reservation-box.v2 .content .reservation-col .col {
	display: inline-block;
	width: 100%;
	font-size: 0
}

.reservation-box.v2 .content .reservation-col .col .col1 {
	display: inline-block;
	vertical-align: middle;
	width: 68%
}

.reservation-box.v2 .content .reservation-col .brutfiyat { text-decoration:line-through;}
.reservation-box.v2 .content .reservation-col .indirim { color:#F00;}

.rezervasyonSistem .ekHizmetler .ucakcontent, .rezervasyonSistem .ekHizmetler .transferturu {
	font-size: 0.8rem;
	margin-top: 10px;
	border-top: 1px solid #b7d6e8;
	padding-top: 15px;
	background-color: #fff;
	padding-bottom: 15px;
	border-radius: 0px 0px 10px 10px;
}

.reservation-box.v2 .content .reservation-col .col .col2 {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 32%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col1 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	width: 63%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.33;
	width: 37%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col2 small {
	font-size: 12px
}

.reservation-box.v2 .content .reservation-col .col.col-revert .col1 {
	width: 26%
}

.reservation-box.v2 .content .reservation-col .col.col-revert .col1 img {
	max-width: 100%
}

.reservation-box.v2 .content .reservation-col .col.col-revert .col2 {
	width: 74%
}

.reservation-box.v2 .room-type-title, .reservation-box.v2 .content-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.13;
	color: #28374f;
	position: relative;
	padding-right: 30px;
	width: 100%;
	display: block
}

.reservation-box.v2 .room-type-title .icon, .reservation-box.v2 .content-title .icon {
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0
}

.reservation-box.v2 .room-type-title.small-text, .reservation-box.v2 .content-title.small-text {
	font-size: 14px
}

.reservation-box.v2 .content-title {
	margin-top: 20px
}

.reservation-box.v2 .content-title + .reservation-col {
	border: none
}

.reservation-box.checkout {
	background: none;
	border: none
}

.reservation-box.checkout header {
	border: solid 1px #d9d9d9;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom:0px;
}

.reservation-box.checkout header .date-info-bar {
	background: white
}

.reservation-box.checkout header .date-info-bar .in:last-child {
	border: none
}

.reservation-box.checkout .content:not(.not) {
	background: white;
	border: solid 1px #d9d9d9;
	border-radius: 6px;
	margin-bottom:15px;
}

#vl-pricediv {
	display: flex;
	max-width: 335px;
	background-color: #FFEBEC;
	border-radius: 8px;
	height: 34px;
	font-family: 'Open Sans';
	position: relative;
	top: 4px;
	width: 272px;
	padding: 5px;
}

#vl-priceicon {
	width: 18px;
	height: 18px;
	margin: auto;
}

#vl-priceicon-div {
	display: flex;
	margin-right: 10px;
}

#vl-pricetext-div {
	padding-left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#vl-pricetext {
	color: rgb(223, 60, 68);
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.step-buton {display: block;width: 100%;margin:10px 0;height: 40px;line-height: 40px;border-radius: 6px;border: 0;background: #1c85b0;color: #fff;font-weight: bold;font-size: 1rem;}
.step-buton:hover {background: #15617f;}

.rezervasyonSistem .ekHizmetler {
	border: 1px solid #e5e5e5;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
}
.ekHizmetler .title {
	font-size: 14px;
	font-weight: bold;
	color: #0065B8;
	display: inline-block;
	width: 100%;
	line-height: 19px;
	margin-bottom: 15px;
}
.ekHizmetler .subtitle {
	font-size: .875rem;
	color: #666;
	margin: -10px 0 20px;
	display: block;
	width: 100%;
	line-height: 1.33;
}
.ekHizmetler .content {
	width: 100%;
	border-radius: 6px;
	background-color: #f5fffe;
	padding: 15px 15px 0px 15px;
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #b7d6e8;
}

.ekHizmetler .content .name{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.13;
	color: #28374f;
	margin: 0;
	font-size:14px;
	margin-bottom:15px;
}
.ekHizmetler .content figure {
	position: absolute;
	right: 14px;
	top: 14px;
	font-size:14px;
	cursor:pointer;
}
.additional-service-info {padding-bottom: 10px; font-size: 0.9rem;}
.iptalsigortabedeli {color:#008600;}
.add-transportation {display:flex !important;}
#iptalsigortabedeliekle {position: absolute;width: 55px;right: 14px;top: 14px;text-align: right;}
@media (max-width:  768px) { 
	#iptalsigortabedeliekle {position: relative;width: 55px;right: 0;top: 0;text-align: right;} 
	.ekHizmetler .transferForm .form-control {margin-bottom:5px;}
}

.ekHizmetler .transferForm {padding-left:15px; padding-right:15px;border-top: 1px solid #B7D6E8;}
.ekHizmetler .transferForm h4 { font-size: 0.9rem; font-weight: bold; }
.ekHizmetler .transferForm .form-control {padding:6px 8px !important;}

.ekHizmetler .transferForm .sutun0 {border-bottom: 1px solid #b7d6e8; padding-bottom: 5px; margin-bottom: 5px; height:25px;padding: 0 5px;}
.ekHizmetler .transferForm .sutun1 {border-bottom: 1px solid #b7d6e8; padding-bottom: 5px; margin-bottom: 5px;height:25px;padding-left: 0;}
.ekHizmetler .transferForm .sutun2 {border-bottom: 1px solid #b7d6e8; padding: 0px 0px 5px 0px; margin-bottom: 5px;height:25px;}
.ekHizmetler .transferForm .sutun3 {display:none;}
.ekHizmetler .transferForm .sutun4 {border-bottom: 1px solid #b7d6e8; padding: 0px 0px 5px 0px; margin-bottom: 5px;height:25px;}
#transfer-arama-sonuclari h4 {border-bottom: 1px solid #B7D6E8;padding-bottom: 5px;margin-bottom:5px;}
#transfer-arama-sonuclari .sonuc-baslik {display:none;}

.iptalsigortabedeliekle, .iptalsigortabedeliekle:focus, .iptalsigortabedeliekle:hover {text-decoration:none;}

.personsInformation .konukGenel {
	padding: 15px;
	border: 1px solid #D9D9D9;
	border-radius: 6px;
	margin-bottom: 10px;
}
.personsInformation .tccheck {height: 20px;line-height: 20px;float: left;}
.personsInformation .tctext {line-height: 25px;font-size: 0.8rem;display: block;height: 25px;margin-top: -2px;margin-bottom: 12px;}

.ekstrahizmettext {margin-right:10px;}
.ekstraBaslik {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	margin: 15px 0px;
	padding-left: 0px;
	font-size: 1rem;
	font-weight: 600;
}

.yasaciklama {display: block;width: 100%;font-size: 0.65rem;background: aliceblue;padding: 2px 8px;border: 1px solid #a7d6ff;margin-bottom: 10px;position: relative;border-radius: 5px;}
.ekstrasecenekler label {display: flex;align-items: center;font-weight: normal;font-size: 0.8rem;margin-bottom: 10px;justify-content: space-between;border: 1px solid #b7d6e8;padding: 6px 10px;border-radius: 5px;}
.ekstrasecenekler label.active {background: #b7d6e8;}
.ekstrasecenekler label div {padding: 0 5px;}
.ekstrasecenekler .fiyat {font-weight: bold;font-size: 0.9rem;text-align: right;padding: 0;}
.ekstrasecenekler .radio-btn {width: auto;padding: 0;}

.promosyonkodu-wrap {display: flex;}
.promosyonkodu-wrap input {width: 80%;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;font-size: 0.8rem !important;}
.promosyonkodu-wrap button {cursor: pointer;display: block;width: 20%;margin: 0;height: 40px;line-height: 40px;padding: 0;border-radius: 6px;border-top-left-radius: 0;border-bottom-left-radius: 0;border: 0;background: #55ad3b;color: #fff;font-weight: bold;font-size: 12px;}
#promosyonkodu-aciklama {display: flex;align-items: center;}
#promosyonkodu-iptal {padding-right: 5px;cursor: pointer;}
.no-lineheight {line-height: normal !important;}
.promosyonkodu-detail {margin: 10px 0 0;border: 1px solid #ddd;padding: 10px;border-radius: 6px;}
.promosyonkodu-detail .text {line-height: normal !important;margin: 0 !important;padding: 0 !important;}

.kismiodeme-container {display: flex;align-items: center;justify-content: space-around;}
.kismiodeme {width: 100%;margin: 0 5px;}
.kismiodeme input[type='radio'] {display: none;}
.kismiodeme span {cursor: pointer;float: left;width: 100%;text-align: center;background-color: #fff;border: 2px solid #e0ebf3;border-radius: 8px;color: #5a6771;font-size: 14px;font-weight: 500;padding: 13px 6px;line-height: 17px;}
.kismiodeme input[type='radio']:checked + span {border-color: #55ad3b;background: #55ad3b;color: #fff;}

.faturabilgigizle {display: none;}
.faturabilgigizle.active {display: block;}

.intl-tel-input {float: left;width: auto !important;}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {padding-left: 52px;}
.radio:before {display: none;}

.reservation-box.checkout .basketTitle2 {margin-bottom: 10px;}
.tags > div {display: flex;align-items: center;font-size: 13px;color: #000;border: 1px solid #d9d9d9;border-radius: 5px;margin-bottom: 4px;padding: 5px 8px;}
.tags > div i {font-size: 17px;margin-right: 5px;width: 20px;text-align: center;}

.reztaksit {color: #2196f3;font-weight: bold;}

.sozlesme-onay {display: flex !important;align-items: center;font-size: 12px;font-weight: normal;line-height: normal;position: relative;}
.sozlesme-onay input {margin-right: 5px;}
.sozlesme-onay.uyari {color: red;}
@media(max-width: 768px) {.sozlesme-onay {margin-top: 20px;text-transform: none;}}
.sozlesme-onay .txt {position: absolute;bottom: 100%;background: #000000c9;border-radius: 4px;width: 100%;padding: 5px;display: none;z-index: 9;color: #fff;left: 0;margin-bottom: 10px;}
.sozlesme-onay .txt:before {display: block;content: "";position: absolute;left: 50%;margin-left: -10px;bottom: -10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #000000c9 transparent;transform: rotate(180deg);}
.sozlesme-onay.uyari .txt {display: block;}

.step4sopasif {display: none !important;}
.step4soaktif {display: flex !important;}

.shake {animation: shake 0.5s;animation-iteration-count: 1;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}