:root {

  --mainRedColor: #359AFF;

  --fs6: 20px;

  --fs5: 18px;

  --fs4: 16px;

  --fs3: 14px;

  --fs2: 12px;

  --fs1: 10px;

}

.searchArea {position: relative;z-index: 2;margin: 10px 0px 20px;}

.searchArea .searchRow {display: flex !important;margin: 0 -5px;}

.searchArea .searchRow .column {width: 15%;display: flex;background: #fff;margin: 0 5px;border-radius: 10px;border: 1px solid var(--mainRedColor);padding: 5px 10px;align-items: center;}

.searchArea .searchRow .column.half {width: 30%;}

.searchArea .searchRow .column:first-child {width: 40%;}

.searchArea .searchRow .column .cont {display: flex;flex-direction: column;width: 100%;}

.searchArea .searchRow .column.half .innerCol {display: flex;align-items: center;}

.searchArea .searchRow .column.half .innerCol:first-child {border-right: 1px solid #ddd;}

.searchArea .searchRow .column.half .innerCol:last-child {padding-left: 15px;}

.searchArea .searchRow .column .icon {padding-right: 10px;font-size: var(--fs6);color: var(--mainRedColor);line-height: normal;}

.searchArea .searchRow .column label {font-size: var(--fs2);font-weight: bold;}

.searchArea .searchRow .column input,

.searchArea .searchRow .column .person-total {width: 100%;color: #000;font-size: var(--fs3);border: 0;}

.searchArea .searchRow .column.persons {width: 17%;}

.searchArea .searchRow .column.button {padding: 0;width: 12%;}

.searchArea .searchRow .column .searchBtn {display: block;width: 100%;height: 100%;border-radius: 10px;border: 0;background: var(--mainRedColor);color: #fff;font-weight: bold;font-size: 14px;}



@media(max-width: 768px) {

  .searchArea .searchRow {flex-wrap: wrap;}

  .searchArea .searchRow .column {width: 100% !important;margin-bottom: 5px;}

  .searchArea .searchRow .column.button {height: 50px;}

}




.no-padd-left {padding-left: 0px;}

.no-padd-right {padding-right: 0px;}



.bread {padding: 4px 0px;background: #f2f2f2;margin-bottom: 20px;}

.bread .breadcrumb {background: transparent;margin: 0;padding: 0;font-size: 13px;line-height: normal;}



.hotelTitle {padding: 0 !important;margin-bottom: 20px;}

.hotelTitle h1 {font-size: 28px;font-family: 'Poppins', sans-serif;font-weight: bold;line-height: normal;margin-bottom: 10px;display: block;line-height: 23px;}

.hotelTitle .loc {font-size: 13px;margin-right: 10px;color: #000;}

.hotelTitle .showMap {font-size: 13px;color: #212121;font-weight: bold;cursor: pointer;margin-right: 5px;border: 1px solid #F2F2F2;padding: 6px;border-radius: 6px;}

.hotelTitle .text-end {text-align: right;display: flex;align-items: start;}

/* .hotelTitle .otelpuan {display: flex !important;border-radius: 10px;background: #359AFF;width: 80px !important;height: 60px;color: #fff;text-align: center;line-height: normal;justify-content: center;align-items: center;flex-direction: column;} */

.hotelTitle .otelpuan span {display: block;font-size: 15px;font-weight: bold;}

.hotelTitle .otelpuan small {display: block;font-size: 11px;color: #4D4D4D;}

.hotelTitle .tool {display: flex !important;flex-direction: column;margin: 6px 10px 0px auto;width: max-content !important;}

.hotelTitle .tool .favori-icon {position: relative;bottom: 0;left: 0;font-weight: bold;font-size: 14px;color: #000;z-index: 1;}

.hotelTitle .tool .share {font-weight: bold;font-size: 14px;color: #000;margin-left: 10px;}

.hotelTitle .tool .yildiz i {color: #ffbc00;}



.photoGrid {padding: 0 !important;margin-bottom: 20px;}

.photoGrid .grid {display: flex !important;flex-direction: column;flex-wrap: wrap;height: 400px;position: relative;}

.photoGrid .grid .column {width: calc(50% / 3);height: 195px;margin-bottom: 10px;padding: 0 5px;}

.photoGrid .grid .column img {max-width: 100%;height: 195px;border-radius: 4px;object-fit: cover;}

.photoGrid .grid .column:first-child {width: 50%;height: 400px;}

.photoGrid .grid .column:first-child img {max-width: 100%;height: 400px;border-radius: 4px;object-fit: cover;}

.photoGrid .grid .column:first-child,

.photoGrid .grid .column:nth-child(3),

.photoGrid .grid .column:nth-child(5),

.photoGrid .grid .column:nth-child(7) {margin-bottom: 0;}

.photoGrid .grid .open-photo-modal-carousel {position: absolute;z-index: 999;right: 30px;bottom: 15px;background: #00000094;padding: 7px;color: #fff;font-size: 14px;cursor: pointer;width: 100px;text-align: center;line-height: normal;border: 1px solid #fff;border-radius: 4px;font-weight: 500;}



.hotelContent {padding: 0 !important;margin-bottom: 20px;}

.hotelContent .tabber {padding: 0 0 5px;border-bottom: 1px solid #f2f2f2;margin-bottom: 20px;}

.hotelContent .tabber li {display: inline-block;padding: 0 9px;font-weight: bold;color: #000;font-size: 14px;cursor: pointer;}

.hotelContent .tabber li a {color: inherit;}

.hotelContent .cont {margin-bottom: 20px;border-bottom: 1px solid #f2f2f2;float: left;width: 100%;}

.hotelContent .cont .title {font-size: 20px;margin-bottom: 20px;}

.hotelContent .cont.no-border {border-bottom: 0;}



.facility {display: flex;align-items: flex-start;margin-bottom: 20px;justify-content: space-between;/* border-right: 1px solid black; */padding: 25px;}

.facility .box {padding-right: 27px;display: flex;flex-direction: column;justify-content: center;color: #000;align-items: center;text-align: center;max-width: 120px;border-right: 1px solid #AAAAAA;padding-left: 20px;}

.facility .box i {font-size: 20px;}

.facility .box span {font-weight: 600;font-size: 13px;margin-top: 5px;line-height: normal;}



.genelbilgi {margin-bottom: 20px;font-size: 14px;font-weight: normal;}

.genelbilgi * {font-weight: normal !important;font-size: 14px !important;}

.odalar {display: flex;flex-wrap: wrap;margin: 0 -5px;}

.odalar .odabilgi-kutu {width: calc(100% / 3);border: 0;padding: 0 5px;}

.odalar .odabilgi-foto,

.odalar .odabilgi-baslik,

.odalar .odabilgi {width: 100%;}

.odalar .odabilgi-foto img {border-radius: 6px;height: 170px;object-fit: cover;}

.odalar .odabilgi-baslik {background: transparent;padding: 0;margin-top: 10px;color: #000;font-weight: bold;}

.odabilgi {padding: 0;font-size: 14px;font-weight: normal;height: 90px;overflow: auto;}

.odabilgi * {font-size: 14px !important;font-weight: normal !important;color: #000;}

.odabilgi::-webkit-scrollbar {

  width: 4px;

}

.odabilgi::-webkit-scrollbar-track {

  background: #f1f1f1; 

  border-radius: 15px;

}

.odabilgi::-webkit-scrollbar-thumb {

  background: #888; 

  border-radius: 15px;

}

.odabilgi::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



.varyokgenel {margin-bottom: 20px;}

.varyokgenel .baslik {padding: 0;background: transparent;margin: 0;font-size: 20px !important;margin-bottom: 20px;color: #000;}

.varyokgenel ul {padding: 0 0 0 20px;}

.varyokgenel ul li {line-height: normal;font-size: 14px;}

.varyokgenel ul li:before {color: #000;content: "\f111";font-size: 6px;top: -3px;position: relative;}

.yildizisaret {background: #fff5f5;color: #747474;margin-bottom: 20px;border-radius: 6px;font-size: 11px}



.odafiyat {margin-bottom: 20px;}

.fiyatkutubaslik1, .fiyatkutubaslik2, .fiyatkutubaslik3, .fiyatkutubaslik4, .fiyatkutubaslik5,

.odafiyat .baslik {display: none;}

.odafiyat .even,

.odafiyat .odd {background: transparent;margin-bottom: 4px;color: #000;padding-bottom: 4px;}

.odafiyat .even .yticerikli,

.odafiyat .odd .yticerikli {display: none;}

.odafiyat .even .yticerikli,

.odafiyat .odd .yticerikli {width: calc(100% / 3);text-align: left;padding: 0;font-weight: bold;}

.odafiyat .even .yticerikli:nth-child(4),

.odafiyat .odd .yticerikli:nth-child(4) {text-align: right;}

.odafiyat .even .yticerikli:nth-child(1),

.odafiyat .even .yticerikli:nth-child(2),

.odafiyat .even .yticerikli:nth-child(4), 

.odafiyat .odd .yticerikli:nth-child(1),

.odafiyat .odd .yticerikli:nth-child(2),

.odafiyat .odd .yticerikli:nth-child(4) {display: inline-block;}

.odafiyat .aciklama > div {border: 0 !important;}

.odafiyat .even,

.odafiyat .odd {border-bottom: 1px solid #f0f0f0;}





.rules {margin-bottom: 20px;}

.rules ul li {font-size: 13px;font-weight: bold;color: #000;}

.rules ul li:before {color: #359AFF;content: "\f00c";font-size: 10px;top: 0px;position: relative;margin-right: 5px;font-family: "Font Awesome 5 Free";font-weight: 900;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}



.facilityLocation {margin-bottom: 20px;}

.location iframe {border-radius: 8px;display: block;}

.facilityLocation {display: flex;align-items: flex-start;margin-bottom: 20px;justify-content: space-between;}

.facilityLocation .box {display: flex;flex-direction: column;justify-content: center;color: #000;align-items: center;text-align: center;}

.facilityLocation .box i {font-size: 20px;}

.facilityLocation .box span {font-weight: 600;font-size: 13px;margin-top: 5px;line-height: normal;}

.facilityLocation .box span span {display: block;margin: 0;color: #359AFF;}



.comment {font-size: 13px;}

.comment .title {font-size: 14px !important;margin-bottom: 10px !important;}

.comment label {display: block;font-size: 16px;font-weight: bold;margin-bottom: 10px;}

.comment input,

.comment textarea {width: 100%;height: 45px;border: 1px solid #f2f2f2;padding: 0 10px;}

.comment textarea {height: auto;}



.hotelContent .priceWrap {padding: 8px 15px;background: #fff;border-radius: 5px;border: 2px solid #f2f2f2;}

.hotelContent .priceWrap .inputWrap {display: flex;align-items: center;flex-direction: row;background: #ffffff;border-radius: 5px;padding: 0px 10px;margin-bottom: 10px;position: relative;}

.hotelContent .priceWrap .inputWrap .icon {width: 30px;height: 30px;border-radius: 100%;text-align: center;background: #fff;line-height: 30px;font-size: 15px;}

.hotelContent .priceWrap .inputWrap .row > div {padding: 5px 15px;}

.hotelContent .priceWrap .inputWrap .row > div:first-child {border-right: 1px solid #ababab;}

.hotelContent .priceWrap .inputWrap .row > div.no-border {border: 0;}

.hotelContent .priceWrap .inputWrap .row label {display: block;font-size: 12px;font-weight: normal;line-height: normal;}

.hotelContent .priceWrap .inputWrap .row input {width: 100%;background: transparent;border: 0;outline: none;line-height: normal;font-size: 14px;display: block;}

.hotelContent .priceWrap .inputWrap .personTotal {font-size: 14px;color: #000;display: block;line-height: normal;cursor: pointer;}

.hotelContent .priceWrap .inputWrap .personTotal > span {font-size: 14px;}

.hotelContent .priceRow {margin-top: 20px;}

.hotelContent .priceRow .price {color: #000;font-size: 18px;}

.hotelContent .priceRow .priceSpot {font-size: 12px;margin-left: 4px;color: #000;}

.hotelId,

.hotelContent .priceRow .hotelId {font-size: 12px;color: #000;}

.hotelContent .priceCol {display: flex !important;align-items: flex-end;}

.hotelContent .rezDesc {font-size: 12px;text-align: center;line-height: 17px;}

.btnCallWrap > div:first-child {padding-right: 5px;}

.btnCallWrap > div:last-child {padding-left: 5px;}

.btnCall {padding: 2px 0px;text-align: center;border: 1px solid #359aff;border-radius: 10px;font-weight: 600;text-transform: uppercase;font-size: 14px;color: #ffffff;background: #46a2ff;height: 44px;place-content: center;}

.btnCall i {margin-left: 8px;}

.btnCall.wp {color: #359aff;background: white;}

.hotelContent .priceWrap .fiyat-hesaplabtn {border: 1px solid #359AFF;background-color: #359AFF;color: #fff;text-transform: uppercase;width: 100%;border-radius: 10px;padding: 9px 0px;line-height: normal;font-weight: 600;font-size: 15px;letter-spacing: 1px;}

.hotelContent .priceWrap .priceInfo {border-radius: 20px;background-color: #D1ECF1;padding: 2px 16px;color: #22555E;font-size: 13px;line-height: normal;letter-spacing: 0.3px;}

.priceResult {padding: 15px 15px;border-radius: 5px;color: #000;}

.priceResult .total {font-size: 14px;font-weight: bold;line-height: normal;}

.priceResult p {font-size: 14px;margin-bottom: 0;line-height: normal;}

.priceResult .btn {padding: 5px 8px;color: #fff !important;font-size: 15px;background: #359AFF !important;border: 0;font-weight: bold;border-radius: 20px;}

.priceResult hr {margin: 5px 0px 10px;}

.priceResult .row-flex {display: flex !important;align-items: center;}

.priceResult .oda {line-height: normal;}



.guest {position: absolute;left: 0;width: 100%;background: #fff;border-radius: 10px;border: 1px solid #ddd;padding: 10px;z-index: 999;top: 100%;display: none;}

.guest.show {display: block;}

.guest .rooms label {display: block;}

.guest .rooms .col {padding: 0 5px;width: 50%;}

.guest .rooms select {width: 100%;height: 40px;padding: 0 10px;border: 1px solid #f2f2f2;border-radius: 10px;}

.guest .actions {padding: 10px 15px 0px;display: flex;justify-content: end;}

.guest .actions .closed {padding: 7px 10px;background: #28a745;color: #fff;border-radius: 5px;line-height: normal;cursor: pointer;}



@media (max-width:768px) {

  .hotelContent .tabber li{width:calc(100% / 3); padding-bottom:5px ;}

}



@media(max-width: 540px) {

  .photoGrid .grid .column {display: none;}

  .photoGrid .grid .column:first-child {display: block;width: 100% !important;height: 300px;}

  .photoGrid .grid,

  .photoGrid .grid .column:first-child img {height: 300px;}

  .hotelContent .tabber {display: flex;overflow: auto; flex-wrap: wrap;}

  .hotelContent .tabber li{width:calc(100% / 3); padding-bottom:5px ;}

  .facility,

  .facilityLocation {flex-wrap: unset;justify-content: left;}

  .facility .box {width: 25%;margin-bottom: 10px;}

  .facilityLocation .box {width: 33.3%;margin-bottom: 10px;}

  .facility .box i,

  .facilityLocation .box i {font-size: 16px;}

  .facility .box span,

  .facilityLocation .box span {font-size: 11px;}

  .odalar .odabilgi-kutu {width: 100%;}

  .varyokgenel ul li {width: 50%;}

  .odafiyat .odd .yticerikli:nth-child(3),

  .odafiyat .even .yticerikli:nth-child(3) {display: inline-block !important;text-align: right;}

  .odafiyat .odd .yticerikli:nth-child(1),

  .odafiyat .odd .yticerikli:nth-child(3),

  .odafiyat .even .yticerikli:nth-child(1),

  .odafiyat .even .yticerikli:nth-child(3) {width: 25%;}

  .odafiyat .odd .yticerikli:nth-child(2),

  .odafiyat .even .yticerikli:nth-child(2) {width: 50%;}

  .odafiyat .even, .odafiyat .odd {width: 100%;}

  .hotelContent .priceWrap {margin-bottom: 20px;}

  .hotelContent .priceWrap .inputWrap .row > div:first-child {border-right: 0;border-bottom: 1px solid #ababab;}

  .hotelContent .priceWrap .inputWrap .icon {margin-right: 15px;}

  .hotelContent .priceWrap .inputWrap .row > div {padding: 5px 0px;}

  .hotelContent .priceWrap .inputWrap .row > div.no-border {border-bottom: 0;}

  .btnCallWrap > div:first-child {padding-right: 15px;}

  .btnCallWrap > div:last-child {padding-left: 15px;}

  .hotelContent .priceWrap .btnCall.wp {margin-bottom: 10px;}

  .hotelContent .priceRow .hotelId {display: block;padding-top: 3px;}

  .order1 {order: 1;}

  .order2 {order: 2;}

}
.grid .column {
  position: relative;
}
button#video i {
  color: #359AFF;
}
.left-campaign {
  display: none !important;
}
.otelpuan span {
  border-radius: 10px;
  background: #FFE5D1;
  width: 80px !important;
  height: 44px;
  color: #ed6f0f;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-content: center;
}
.otelpuan {
  text-align: -webkit-right;
}
.share {
  background: #DFEFFF;
  color: #46a2ff;
  padding: 5px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 400;
}
.haritaAlan {
  padding: 20px;
  background: #DADADA;
  border-radius: 10px;
}
h4.harita-title {
  font-size: 20px;
  color: #000000;
}
a.shower {
  font-size: 13px;
  color: #212121;
  font-weight: bold;
  cursor: pointer;
  margin-left: 5px;
}
.facility .box:last-child {
  border: unset;
}

.facility .box:first-child {
  padding-left: 0;
}