@import './header-panel.css';

.highlight .ui-state-default, .ui-widget-content .highlight .ui-state-default {background: #8BC34A;color: #fff;}
.top_panel .center .menu ul li {margin-right: 20px;}
.pagination .arrow.next {
  transform: rotate(180deg);
}
 ul.pagination {
  width: auto;
  margin: 0 18px;
  display: inline-block;
  float: none;
}
 ul.pagination li {
  width: auto;
  display: inline-block;
  float: none;
}
ul.pagination  li a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  text-align: center;
  line-height: 50px;
  display: block;
  float: left;
  margin-right: 8px;
}
 ul.pagination li a:hover {
  color: #FF3B00;
}
 ul.pagination li.active a {
  background: #FF3B00;
  color: #fff;
}
 ul.pagination li.prev a,
 ul.pagination li.next a,
 ul.pagination li.first a,
 ul.pagination li.last a {width: auto !important;}
 .travel-list .posts .item_right .add_bookmark {
    width: auto;
    height: 60px;
    padding: 0 10px;
    border-radius: 5px;
    background: #d03000;
    color: #fff;
    padding-top: 8px;
    text-align: center;
}
.travel-list .posts .item_right .item_title {margin-top: 8px;}
.travel-list .posts .item_right .country {width: 80%;}
.turliste-reklam img {display: none;}

/*Tur liste sol menü*/
.travel-list .page_body .right_content .category_block {
  background: #F7F7F7;
  padding: 40px 30px;
  border-radius: 7px;
}
.travel-list .page_body .right_content .category_block ul li {
  margin-bottom: 15px;
}
.travel-list .page_body .right_content .category_block ul li:last-child {
  margin-bottom: 0;
}
.travel-list .page_body .right_content .category_block ul li a {
  width: 100%;
  display: block;
  float: left;
  font-size: 18px;
  color: #222;
  position: relative;
}
.travel-list .page_body .right_content .category_block ul li a .count {
  position: absolute;
  right: 0;
  color: #919193;
  top: 0;
}
.travel-list .page_body .right_content .category_block ul li a.active {
  color: #FF3B00;
}
.travel-list .page_body .right_content .category_block ul li a.active .count {
  color: #003BFF;
}
/*Tur liste sol menü*/
/*Tur detay */
#gallery .turara {display: none;}
.search-form.calculate .date-col {width: calc((100%/4) - 27px);}
.search-form.calculate .date-col.last {border-right: 0;}
.search-form.calculate .date-col .select-wrap {
    position: relative;
    background: #101010;
    height: 60px;
    width: 95%;
    border-radius: 5px;
}
.search-form.calculate .date-col .select-wrap:before {
    width: 9px;
    height: 9px;
    background: #D03000;
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -4px;
    right: 24px;
    border-radius: 50%;
}
.search-form.calculate .date-col .select-wrap select {
  border: 0;
  background: transparent;
  color: #fff;
  width: 100%;
  height: 60px;
  text-indent: 15px;
  font-size: 21px;
}
.search-form.calculate .date-col .select-wrap.input:before {display: none;}
.search-form.calculate .date-col .select-wrap.input input {
  border: 0;
  background: transparent;
  color: #fff;
  width: 100%;
  height: 60px;
  text-indent: 15px;
  font-size: 21px;
}

#turrezalan1 table {border-radius: 5px;}
.rezalan1satir:nth-child(odd),
#turrezalan1 tr:nth-child(odd) {background: #eaeaea;}
.rezalan1satir:nth-child(even),
#turrezalan1 tr:nth-child(even) {background: #f5f5f5;}
#turrezalan1 td {padding: 7px 2px;}
.rezalan1satir .onlinerezlink,
.nlink {
  background: #4CAF50;
  color: #fff;
  padding: 4px 15px;
  border-radius: 7px;
}
.rezalan1baslik {
  background: #FF3B00 !important;
  color: #fff;
}
.tour_page_body .left_content .programm .day_item-head {padding-left: 185px;}
.tour_page_body .left_content .included ul li:before {top: 8px;}
.tour_page_body .left_content .included ul li:after {top: 25px;}

.tour_page_body .left_content .included .not ul li:before {top: 8px;}
.tour_page_body .left_content .included .not ul li:after {top: 25px;}
.tour_page_body .left_content .included .not ul li:before {
  background: red;
}
.tour_page_body .left_content .included .not ul li:after {
  background: url(../img/close.svg) center center no-repeat;
}
.tour_page_body .left_content .included ul li {
    position: relative;
    padding: 10px 0;
    padding-left: 62px;
    width: 50%;
    border-top: 1px solid #DFDFDF;
    padding-right: 40px;
    height: 60px;
}
.tour_page_body .left_content .included ul li:nth-child(1), .tour_page_body .left_content .included ul li:nth-child(2) {
    padding-top: 10px;
}
.fiyatlar-tablo td, #fiyatlar-tablo th {
  border: 1px solid #ddd;
  padding: 8px;
}

.fiyatlar-tablo tr:nth-child(even){background-color: #f2f2f2;}

.fiyatlar-tablo tr:hover {background-color: #ddd;}

.fiyatlar-tablo .turfiyatbaslik {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}
.fiyatlar-tablo .ui-accordion .ui-accordion-header {background: #006b04;}
.fiyatlar-tablo .ui-accordion .ui-accordion-header a {color: #fff !important;}
.fiyatlar-tablo .ui-accordion .ui-accordion-content {padding: 0;}
#taksitalan {width: 100% !important;}
#taksitalan td, #taksitalan th {
  border: 1px solid #ddd;
  padding: 8px;
}

#taksitalan tr:nth-child(even){background-color: #f2f2f2;}

#taksitalan tr:hover {background-color: #ddd;}
.sidebar .book-now .cost span {
  float: none;
  width: auto;
  display: inline-block;
}
.sidebar .tour-kunye {
  background: #efefef;
  padding: 20px 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.sidebar .tour-kunye .kunye-box.first {border-top: 1px solid #c1c1c1;}
.sidebar .tour-kunye .kunye-box {
  position: relative;
  border-bottom: 1px solid #c1c1c1;
  padding: 10px 5px;
}
.sidebar .tour-kunye .kunye-box .box-title {
  width: 33%;
  text-align: center;
  min-height: 48px;
  float: left;
  font-weight: bold;
  font-size: 15px;
}
.sidebar .tour-kunye .kunye-box .box-title .b-icon {display: block;font-size: 17px;}
.sidebar .tour-kunye .kunye-box .detail {
  width: 67%;
  text-align: center;
}

.liman {margin-bottom: 15px;position: relative;float: left;width: 100%;}
.liman h2 {background: #efefef;display: block;padding: 15px;color: #000;width: 100%;margin-bottom: 10px;font-size: 17px;font-weight: bold;border-top-right-radius: 7px;border-top-left-radius: 7px;}

.gemifoto {margin: 0;padding: 0;list-style: none;text-align: center;}
.gemifoto li {display: inline-block;width: 25%;}
.gemifoto li img {max-width: 100%;height: auto;}
/*Tur detay */

/*Rezervasyon Sayfası*/
.reservation .title {font-size: 36px;font-family: 'Nunito', sans-serif;margin-bottom: 12px;text-align: center;}
.reservation .left-block {width: 67%;padding: 15px;}
.reservation .right-block {width: 33%;padding: 15px;}

.reservation .left-block .block-box {background: #efefef;border-radius: 10px;margin-bottom: 20px;padding: 10px;}
.step-line {margin-bottom: 10px;}
.step-line .title {font-size: 17px;float: left;font-weight: bold;margin-bottom: 0;}
.step-line .roundstep {float: right;width: 25px;height: 25px;background: green;color: #fff;text-align: center;line-height: 25px;border-radius: 100%;}

.reservation .block-box .column {width: 50%;padding: 0px 10px;margin-bottom: 10px;}
.reservation .block-box .column.full {width: 100%;}
.reservation .block-box .column label {font-weight: bold;display: block;width: 100%;margin-bottom: 5px;}
.reservation .block-box input.input,
.reservation .block-box select {background: #fff;height: 58px;border-radius: 5px;display: block;float: left;border: 1px solid #fff;width: 100%;font-size: 21px;font-family: 'Nunito', sans-serif;padding: 0 20px;color: #000;}
.reservation .block-box .select-wrap {position: relative;}
.reservation .block-box .select-wrap:before {width: 9px;height: 9px;background: #D03000;position: absolute;content: '';top: 50%;margin-top: -4px;right: 24px;border-radius: 50%;}
.reservation .block-box input::-webkit-input-placeholder {
  color: rgba(145, 145, 147, 0.47);
}
.reservation .block-box input::-moz-placeholder {
  color: rgba(145, 145, 147, 0.47);
}
.reservation .block-box input:-moz-placeholder {
  color: rgba(145, 145, 147, 0.47);
}
.reservation .block-box input:-ms-input-placeholder {
  color: rgba(145, 145, 147, 0.47);
}

.reservation .block-box .persons input,
.reservation .block-box .persons select {background: #fff;height: 58px;border-radius: 5px;display: block;float: left;border: 1px solid #fff;width: 100%;font-size: 14px;font-family: 'Nunito', sans-serif;padding: 0 7px;color: #000;}
.reservation .block-box .persons select {-webkit-appearance: listitem !important;-moz-appearance: listitem !important;appearance: listitem !important;}
.reservation .block-box .persons select#cins1,
.reservation .block-box .persons select#cins2,
.reservation .block-box .persons select#cins3,
.reservation .block-box .persons select#cins4,
.reservation .block-box .persons select#ccins1,
.reservation .block-box .persons select#ccins2,
.reservation .block-box .persons select#ccins3,
.reservation .block-box .persons select#ccins4 {width: 30%;}

.reservation .block-box .persons input#kisi1,
.reservation .block-box .persons input#kisi2,
.reservation .block-box .persons input#kisi3,
.reservation .block-box .persons input#kisi4,
.reservation .block-box .persons input#cocuk1,
.reservation .block-box .persons input#cocuk2,
.reservation .block-box .persons input#cocuk3,
.reservation .block-box .persons input#cocuk4 {width: 68%;margin-left: 2%;}

.reservation .block-box .extras .title {font-size: 14px;font-family: 'Nunito', sans-serif;margin-bottom: 7px;text-align: left;}

.reservation .block-box .payment-left {width: 30%;float: left;padding: 20px 0px;}
.reservation .block-box .payment-content {width: 70%;float: left;padding: 20px;}

.reservation .complete-btn {text-align: center;display: block;}
.reservation .complete-btn button.rez-tamamla-btn {display: inline-block;float: none;padding: 18px;background: #4CAF50;color: #fff;font-size: 15px;font-weight: bold;transition: ease-in-out all 1s;}
.reservation .complete-btn button.rez-tamamla-btn:hover {background: #419044;}

.reservation .right-block {max-width: 475.19px;}
.reservation .right-block .block-box {background: #efefef;border-radius: 10px;margin-bottom: 20px;padding: 10px;}
.reservation .right-block .vitrin {text-align: center;}
.reservation .right-block .vitrin img {max-width: 100%;height: auto;}
.reservation .right-block table.table {width: 100%;border-radius: 10px;}
.reservation .right-block table.table tr td {border: 1px solid #b9b9b9;padding: 7px;background: #ffffff;}
.reservation .right-block table.table tr td.strong {font-weight: bold;text-align: center;}
.reservation .right-block table.table tr td.price {font-weight: bold;font-size: 16px;color: green;}
/*Rezervasyon Sayfası*/
/*Anasayfa*/
.most_popular .controls .turlinkbaslik {font-size: 18px;color: #222;width: auto;display: block;float: left;line-height: 44px;margin-right: 30px;}
.search-form.home-search .destination-col {width: calc(50% - 85px);}
.home-story-reklam img {display: none;}
.home-travel-list .title_wrap {position: relative;}
.home-travel-list .controls {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
.home-travel-list .controls .link {
  font-size: 18px;
  color: #222;
  width: auto;
  display: block;
  float: left;
  line-height: 44px;
}
.home-travel-list .controls .link:hover {
  color: #FF3B00;
}


/*responsive*/
@media (max-width: 768px) {
  .main_slider {height: auto;}
  .search-form.home-search .destination-col {width: 100%;}
  .subscribe_section .subscribe_block .right .input_wrap {min-width: auto !important;}
  .search-form.calculate .date-col {
    width: calc((100%/2));
  }
  .tour_page_body .left_content .included ul li {width: 100%;min-height: 60px;height: auto;}
  .tour_page_body .left_content .included ul li:nth-child(1):before, .tour_page_body .left_content .included ul li:nth-child(2):before, .tour_page_body .left_content .included ul li:before {
    top: 6px;
  }
  .tour_page_body .left_content .included ul li:nth-child(1):after, .tour_page_body .left_content .included ul li:nth-child(2):after, .tour_page_body .left_content .included ul li:after {
    top: 22px;
  }
  .fiyatlar-tablo {overflow: auto;}
  .fiyatlar-tablo > table {width: 800px;}
  .travel-list .posts .item_right .country {width: 65%;}

  /*Rezervasyon*/
  .reservation .left-block {width: 100%;padding: 0;}
  .reservation .right-block {width: 100%;max-width: 100% !important;padding: 0;}
  .reservation .block-box .persons table tr td {display: block;}
  .reservation .block-box .persons input,
  .reservation .block-box .persons select {margin-bottom: 10px;}
  .reservation .block-box .persons select#binisyeri1, .reservation .block-box .persons select#binisyeri1,
  .reservation .block-box .persons select#binisyeri2, .reservation .block-box .persons select#binisyeri2,
  .reservation .block-box .persons select#binisyeri3, .reservation .block-box .persons select#binisyeri3,
  .reservation .block-box .persons select#binisyeri4, .reservation .block-box .persons select#binisyeri4 {width: 100% !important;}
  .reservation .complete-btn button.rez-tamamla-btn {margin-bottom: 20px;}

}

.odafiyat ul {position: relative;}
.odafiyat ul li {position: relative;}
.cocuk-fiyat-detaylari:before {
        display: block;content: "";position: absolute;right: 10%;margin-right: -10px;top: -10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #333333 transparent;}
.cocuk-fiyat-detaylari {display: none;position: absolute;width: max-content;background: #333333;color: #fff;border-radius: 5px;box-shadow: 0px 0px 5px #00000061; z-index: 9;right: 0;margin-top: 5px;}
.cocuk-fiyat-detaylari .baslik {display: flex;}
.cocuk-fiyat-detaylari .satir {display: flex;}
.cocuk-fiyat-detaylari .baslik .col {padding: 10px;width: calc(100%/5);text-align: center;border-bottom: 1px solid #666666;border-right: 1px solid #666666;}
.cocuk-fiyat-detaylari .baslik .col:last-child {border-right: 0;}

.cocuk-fiyat-detaylari .satir .col {padding: 10px;width: calc(100%/5);text-align: center;border-bottom: 1px solid #666666;border-right: 1px solid #666666;}

.cocuk-fiyatlari-goster:hover~.cocuk-fiyat-detaylari,
.cocuk-fiyat-detaylari:hover {
    display: block;
}


@media (min-width: 768px) { 
  .mobile-filter {display: none;} 
  .hide {display: none;}
}
.mobile-filter {position: sticky;z-index:9;width: 100%;text-align: center;background: #fff;padding: 10px 0px;}
.mobile-filter .btns {background: #ddd;color: #000;border-radius: 6px;}
.mobile-filter .mfilter-btn {display: block;padding: 8px;color: #000;border-right: 1px solid #fff;}
.mobile-filter .mfilter-btn:last-child {border-right: 0;}
#searchComplete {position: sticky;bottom: 0;width: 100%;border: 0;background: #d03000;color: #fff;font-size: 1rem;font-weight: bold;height: 40px;}

@media (max-width:  768px) {
  #searchComplete {display: none;}
  .filter-wrap {display: none !important;}
  .filter-wrap.mobile {display: block !important;position: fixed;top: 0px;z-index: 999999;padding: 10px;left: 0;overflow-y: auto;height: calc(100% - 40px);}
  .filter-apply {position: fixed;bottom: 0px;left: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 0.9rem;font-weight: bold;z-index: 99999;background: #2fa252;color: #fff;}
  .filter-apply.hide {display: none;}
  #dynamicSort {display: none !important;}
  #dynamicSort.mobile {width:  100%;display: block !important;position: fixed;top: 0px;z-index: 999999;padding: 10px;left: 0;overflow: auto;height: calc(100% - 40px);background: #fff;}
  #dynamicSort.mobile .sort-btn {width: 100%;margin: 0 0 5px;}
  .sort-apply {position: fixed;bottom: 0px;left: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 0.9rem;font-weight: bold;z-index: 99999;background: #2fa252;color: #fff;}
  .sort-apply.hide {display: none;}
}

.otelfiyatsablon .row {display: flex;align-items: center;justify-content: space-between;}
.otelfiyatsablon .row div {padding: 0 4px;}
.otelfiyatsablon {border: 1px solid #ddd;border-radius: 4px;padding: 8px;}
.otelfiyatsablon .satinal a {display: block;padding: 4px;background: #D03000;color: #fff;border-radius: 4px;}

.lang {
  padding: 8px 10px;
  background: #fff;
  border-radius: 4px;
  margin-left: 10px;
  line-height: normal;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: -95px;
  width: auto;
}
.lang .default {
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.lang .default i {margin-left: 5px;}
.lang .default img {margin-right: 5px;}
.lang ul {
  display: none;
  background: #fff;
  position: absolute;
  width: 120px;
  left: 0;
  margin-left: -18px;
  margin-top: 10px;
  padding: 15px;
  box-shadow: 0px 0px 7px rgb(0 0 0 / 65%);
  transition: ease-in-out all 450ms;
  z-index: 999;
  border-radius: 5px;
}
.lang:hover ul,
.lang ul.active {
  display: block;
}
.lang ul li {
  color: #000;
  background: transparent;
  line-height: normal;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  float: left;
}
.lang ul li a {
  color: #000 !important;
  background: transparent;
  margin: 0;
  float: left;
  width: 100%;
  text-align: left;
  line-height: 24px;
}
.lang ul li img {
  float: left;
  width: 22px;
  margin-right: 5px;
}
.lang ul:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}