@import './header-panel.css';
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
p,span,h1,h2,h3,h4,h5,h6,a {
   font-family: "Nunito", sans-serif !important;
}


.ui-widget {font-family: 'Nunito', sans-serif !important;}
.yildiz {float: left;color: #fff;}
.yildiz img {display: inline-block !important;width: auto;}
.no-border {border: 0!important;}
.ui-autocomplete-category {font-weight: bold;padding: 3px 1em 3px .4em;}
.lightpick__month-title > .lightpick__select {border: 0;box-shadow: none;display: inline;width: auto;margin: auto;padding: unset;height: auto;line-height: normal;}
#titlebar.gradient {background-image: none; background-position: center; background-size: cover; background-attachment: inherit; background-repeat: no-repeat;}
#header.cloned #logo img {max-width: none;}
.otel-ekle:hover {color: #fff!important;}
.fit-img img {height: 100%;object-fit: cover;}
.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle fill='%23ff6700' cx='16'%20cy='16'%20r='16'/></svg>")!important;}
.lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range.is-flipped,
.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {background: #ff6700!important;}
.lightpick__day.is-in-range {background-color: rgb(255 34 34 / 45%)!important;color: #fff !important;}
.main_input_search_part form {display: flex;width: 100%;}
.main_input_search_part_item.two-input {display: flex;padding: 0;flex: 1;}
.main_input_search_part_item.two-input input {padding: 0 7.5px;}
.main_input_search_part_item.two-input input {border-right: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0;}
.main_input_search_part_item.two-input .icon:last-child input {border: 0;}
.main_input_search_part_item .icon {position: relative;height: 44px;}
.main_input_search_part_item .icon i {position: absolute;right: 10px;top: calc(50% - 7.5px);}

@media(max-width: 768px) {
    .main_input_search_part form {display: block;}
    .main_input_search_part_item .icon {width: 100%;height: auto;}
    .main_input_search_part_item .icon i {right: 10px !important;}
    .btn.readmore {
        left: 5%;
    }
}
@media (max-width: 575px) {
    #utf_listing_tags {

        height: 264px !important;
 
    }
    .oneri {
        display: flex;
        /* display: grid; */
        /* grid-template-columns: repeat(2,1fr); */
    }
    
    .oneri span {
        font-size: 10px !important;
        display: flex;
        margin-top: 6px !important;
    }
    .btn.readmore {
        top: 89% !important;
        left: 10% !important;
     
    }
    .varyokgenel ul {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    #utf_listing_tags.read {
        
        height: 100% !important;
   
    }
}
.room-count-dropdown {position: absolute;min-width: 300px;background: white;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);font-size: 12px;font-size: .75rem;visibility: hidden;opacity: 0;z-index: 355;transition: all 250ms ease-in-out;top: 100%;margin-top: 14px;}
.room-count-dropdown.show {visibility: visible;opacity: 1;}
.room-count-dropdown:after {bottom:99%;left: 20%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 200;border-color: rgba(136,183,213,0);border-bottom-color: white;border-width: 14px;margin-left: -14px;filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));}
.room-count-dropdown .room-info {padding: 10px;}
.room-count-dropdown .room-info .info-row {width: 100%;text-align: left;padding: 10px 0px;}
.person-total {line-height: 44px;height: 44px;display: block !important;cursor: pointer;background: #fff;padding: 0px;margin: 0 !important;font-size: inherit !important;color: inherit !important;}
.person-total span {margin: 0 !important;font-size: inherit !important;color: inherit !important;}
.room-count-dropdown .room-info .info-row .col {padding: 0;width: 50%;float: left;margin-bottom: 4px;}
.room-count-dropdown .room-info .info-row .col:first-child {min-width: 55px;padding: 0;}
.room-count-dropdown .room-info .info-row .col span.room-number {line-height: 34px;color: #28374F;font-weight: 700;font-size: 12px;font-size: .75rem;}
.room-count-dropdown .room-info .info-row .col select {border: 1px solid #dbdbdb;}
.room-count-dropdown .action-button-area {width: 100%;padding: 10px 20px;border-top: 1px solid #EFEFEF;text-align: right;}
.room-count-dropdown .action-button-area span.add-room {font-size: 12px;font-size: .75rem;color: #ff6700;font-weight: 700;cursor: pointer;}
.room-count-dropdown .room-info .info-row .col .remove-oda {line-height: 34px;height: 34px;border: 1px solid #ff3e3e;display: block;text-align: center;border-radius: 5px;color: #ff3e3e;font-weight: bold;}
.room-count-dropdown  .room-btn{background: #ff6a00;color: #fff;font-size: 18px;padding: 5px 15px; transition: all 0.5s ease;width: 100%; border: none;}
  
@media(max-width: 768px) {
    .room-count-dropdown {width: 98%;min-width: 98%;left: 1%;}
    .room-count-dropdown .room-info .info-row .col.remove-oda-wrap {width: 100%;}
    .person-total {line-height: 55px;height: 55px;padding-left: 10px;}
}

@media (min-width: 992px) {
    .mobile-filter {display: none;}
}
@media (min-width: 768px) {  
.content-info-box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
}

.dahil-hizmet {
    /* border: 1px solid #ff6700; */
    padding: 16px;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.dahildegil-hizmet {
    /* border: 1px solid #ff6700; */
    padding: 16px;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
}
.mobile-filter {position: relative;width: 100%;text-align: center;background: #fff;padding: 10px 0px;margin-top: 20px;}
.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;}

@media (max-width:  991px) {
  .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: 14px;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: 14px;font-weight: bold;z-index: 99999;background: #2fa252;color: #fff;}
  .sort-apply.hide {display: none;}
  .sort-wrapper {display: none ;}
  .sidebar.hidden-xs {display: none;}
}
.galeri ul {padding: 0;}
.galeri img {display: none;}
.recomended {display: inline-block !important;width: auto;padding: 3px 10px !important;font-size: 13px !important;border: 1px solid #e40d19;border-radius: 11px;color: #e40d19 !important;background: none;margin: 0px 5px 5px 0px;font-weight: normal !important;line-height: normal;}
.recomended i {margin-right: 5px;}
.green .recomended {color: #4caf50 !important;border-color: #4caf50 !important;}

.onecikan {display: flex;align-items: center;flex-wrap: wrap;}
.one-cikan-ozellik {display: block;width: 100%;margin-top: 10px;margin-bottom: 10px;}
.one-cikan-ozellik-aciklama {display: inline-block;padding: 2px 8px;font-size: 12px;border-radius: 6px;margin: 0px 3px 3px 0px;background: #f1f1f1;}
.one-cikan-ozellik-aciklama span {margin: 0 !important;display: flex;align-items: center;flex-direction: column;font-family: 'Nunito', sans-serif !important;}
.one-cikan-ozellik-aciklama img {width: 40px;margin-right: 0px;}

.ozellik .one-cikan-ozellik-aciklama {display: none;}
.ozellik .one-cikan-ozellik-aciklama:nth-child(1),
.ozellik .one-cikan-ozellik-aciklama:nth-child(2),
.ozellik .one-cikan-ozellik-aciklama:nth-child(3) {display: inline-block;}

.onecikan .one-cikan-ozellik-aciklama {min-width: 90px;min-height: 65px;border-radius: 6px;border: solid 1px #eaebec;background-color: #ffffff;font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #1f2126;text-align: center;margin-right: 5px;position: relative;display: flex;align-items: center;justify-content: end;flex-direction: column;cursor: pointer;}

.otelpuan {display: inline-block;margin: auto;padding: 5px 10px;border-radius: 6px;text-align: center;width: 100%;background-image: linear-gradient(97deg, #8bc34a -19%, #0fb4ab 124%);}
.otelpuan span {text-align: center;font-weight: 500 !important;font-stretch: normal;font-style: normal;line-height: normal;color: #ffffff !important;}
.otelpuan span.point {font-size: 20px !important;font-weight: bold !important;color: #ffffff;display: block;}

.booking_widget_box .select_date_box i {right: 15px;top: calc(50% - 1.5px);}

.otelfiyatsablon {background: #efefef;position: relative;margin: 0px;padding: 10px;border-radius: 4px;}
.otelfiyatsablon:nth-of-type(odd) {background-color: #f9f9f9;}
.otelfiyatsablon .info {text-align: left;}
.otelfiyatsablon .info .oda {color: #ff6700;font-weight: bold;font-size: 14px;}
.otelfiyatsablon .info .pansiyon {color: #2196F3;font-weight: bold;font-size: 14px;}
.otelfiyatsablon .buy .fiyat {color: #4CAF50;font-size: 18px;font-weight: bold;margin-top: 9px;}
.otelfiyatsablon .satinal a {display: block;width: 100%;padding: 10px;background: #ff6700;font-weight: bold;color: #fff;margin-top: 2px;border-radius: 4px;font-size: 14px;text-align: center;line-height: normal;height: auto;}
.otelfiyatsablon .satinal a:after {display: none;}
#turPasifOdalariGoster {color: #fff;font-size: 12px;}


.fiyatkutubaslik1,
.fiyatkutubaslik2,
.fiyatkutubaslik3,
.fiyatkutubaslik4,
.fiyatkutubaslik5{color: #ff6700;font-size: 18px;font-weight: bold;text-transform: uppercase;margin: 0px 0px;background: #e6e6e6;padding: 10px;}
.odafiyat .baslik{list-style: none;padding: 0;margin: 0;width: 100%;background: #ff6700;color: #fff;}
.odafiyat .baslik .yftbaslik{display: inline-block;width: 10.6%;text-align: center;padding: 5px 0px;}

.odafiyat .even{list-style: none;padding: 0;margin: 0;width: 100%;background: #f5f5f5;color: #000;font-size: 12px;}
.odafiyat .even .yticerikli{display: inline-block;width: 10.6%;text-align: center;padding: 10px 0px;background: transparent!important;}

.odafiyat .odd{list-style: none;padding: 0;margin: 0;width: 100%;background: #e6e6e6;color: #000;font-size: 12px;}
.odafiyat .odd .yticerikli{display: inline-block;width: 10.6%;text-align: center;padding: 10px 0px;background: transparent!important;}

.odafiyat li:hover,
.odafiyat li:hover {background: transparent!important;}

.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 {display: block;}
.cocuk-fiyatlari-goster:hover~.cocuk-fiyat-detaylari,
.cocuk-fiyat-detaylari:hover {
    display: block;
}
.verified-badge {font-weight: bold;font-size: 24px;padding: 5px;}
#titlebar.gradient::before {opacity: 0.38;}

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

.hes-code-content {display: inline-block;width: 100%;border-radius: 6px;background-color: rgba(0,101,184,0.07);padding: 15px;display: inline-block;position: relative;margin-bottom: 20px;}
.hes-code-content .name {font-size: 16px;font-weight: bold;line-height: 1.13;color: #28374f;margin: 0;}
.hes-code-content .text {font-size: 14px;line-height: 1.29;color: #28374f;margin-top: 5px;}
.hes-code-content figure {position: absolute;right: 20px;top: 20px;}
.hes-code-content .col {display: block;margin-top: 10px;}
.hes-code-content a {margin-right: 15px;font-size: 14px;}


.header_widget .button.border i {font-size: 14px;}
.cloned .header_widget .button, 
.cloned .header_widget .button.border {color: #f22;}


.main_input_search_part input, .main_input_search_part input:focus,
.main_input_search_part button.button {font-size: 14px;}
#header {border-bottom: 1px solid #fff;}

.logo2 {display: none;}
.cloned .logo2 {display: block;}
.cloned .logo1 {display: none;}

@media(max-width: 768px) {
   .logo2 {display: block !important;}
   .logo1 {display: none !important;}
}


@media(max-width: 768px) {
    .utf_left_side, .utf_right_side {/* width: 50%; */}
}
#navigation.style_one:before {display: none;}
.header-one .search_container_block:before {
    background: rgb(48 48 48 / 30%);
}
#navigation.style_one2 ul li a{color: #000 !important;}
#navigation.style_one ul li a {color: #fff ;font-size: 15px}
.sticky #navigation.style_one ul li a {color: #333;}

#footer {font-size: 12px;}
#footer h4 {font-size: 17px;}
#footer p {font-size: 12px;}
#footer .social_footer_link li a {line-height: normal;}
#footer .social_footer_link li:before {font-size: 13px;}
#footer .button {font-size: 12px;}

.utf_cta_area2_block .utf_subscribe_block {box-shadow: none;float: left;width: 100%;overflow: unset;}
.section-heading .utf_sec_title_item {color: #fff;}
.section-heading .utf_sec_title_item::before {display: none;}
.utf_cta_area2_block .utf_subscribe_block:after {display: none;}
.utf_cta_area2_block .utf_subscribe_block:before {
    content: "\f10b";
    display: none;
}

.mobileappwrap {position: unset;}
.mobileapp {position: absolute;top: -40px;}
.mobileapp img {height: 330px;}

.utf_img_content_box {left: 10px;padding-left: 5px;}
.utf_img_content_box h4 {font-size: 17px;line-height: normal;}

.varyokgenel {
    position: relative;
    /* float: left; */
    /* width: calc(33.3% - 10px); */
    /* border: 1px solid #ddd; */
    /* border-radius: 8px; */
    padding: 15px 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}
#utf_listing_tags > div:nth-child(1) {display: none !important;}
.varyokgenel:nth-child(4n) {margin-right: 0;}
.varyokgenel .baslik {font-weight: bold;}
.varyokgenel ul {padding: 0;/* max-height: 150px; *//* min-height: 150px; *//* overflow-y: auto; */margin: 0 -16px;padding-left: 15px;display: grid;grid-template-columns: repeat(5, 1fr);}
.varyokgenel ul li {padding: 0;font-size: 12px;}
.yildizisaret {position: relative;float: left;width: 100%;color: red;font-weight: bold;font-size: 12px;}
.varyokgenel ul::-webkit-scrollbar {
  width: 6px;
}
.varyokgenel ul::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.varyokgenel ul::-webkit-scrollbar-thumb {
  background: #888; 
}
.varyokgenel ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.varyokgenel .varyokimg {display: none;}

.infobaslik {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    margin-top: 45px;
    display: block;
    color: #000;
}
.infobaslik:after {    
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 40px;
    background-color: #ff6700;
}


.otelfiyatsablon.otel {}
.otelfiyatsablon.otel .row-flex {display: flex;flex-direction: row;}
.otelfiyatsablon.otel .baslik {display: block;width: calc(100% + 20px);background-color: #626262;font-size: 14px;line-height: 26px;padding: 4px 10px;margin: 0px -10px 10px;font-weight: 600;border-top-left-radius: 6px;border-top-right-radius: 6px;color: #fff;}
.otelfiyatsablon.otel .baslik .red {color: #ffeb3b;}
/*.otelfiyatsablon.otel .discount,*/
.otelfiyatsablon.otel .fiyat,
.otelfiyatsablon.otel .link {display:flex;flex-direction: column;height: 100%;justify-content: center;text-align: center;}

.otelfiyatsablon.otel .discount .indirimoran {display: inline-block;background: #ff9800;padding: 0px 10px 0px 25px;border-radius: 5px;color: #fff;position: relative;}
.otelfiyatsablon.otel .discount .indirimoran:before {position: absolute;left: 5px;top: 7px;content: "\f02c";font: normal normal normal 14px/1 FontAwesome!important;}

.otelfiyatsablon.otel .border {border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.otelfiyatsablon.otel .border-right {border-right: 1px solid #ddd;}
.otelfiyatsablon.otel .resim img {max-width: 100%;height: auto;border-radius: 6px;}
.otelfiyatsablon.otel .discount {font-size: 14px;font-weight: 600;color: #e4972a;text-align: center;}
.otelfiyatsablon.otel .link a {display: block;padding: 7px;text-align: center;background: #55ad3b;border-radius: 6px;color: #fff;transition: ease-in all 350ms;font-size: 14px;font-weight: 600;}
.otelfiyatsablon.otel .link a:hover {background: #42872e;}
.otelfiyatsablon.otel .fiyat .old {text-decoration: line-through;font-weight: 500;font-size: 14px;}
.otelfiyatsablon.otel .fiyat .new {font-size: 16px;font-weight: 700;color: #222;}

.otelfiyatsablon.otel .ozellikler {margin: 0;padding: 0;list-style: none;}
.otelfiyatsablon.otel .ozellikler li {display: block;padding: 0 2px 6px 2px;border-bottom: 1px solid #ddd;margin-bottom: 6px;}
.otelfiyatsablon.otel .ozellikler li:last-child {margin-bottom: 0;}
.otelfiyatsablon.otel .ozellikler li a,
.otelfiyatsablon.otel .ozellikler li span {display: block;font-size: 12px;text-decoration: none;color: #828282;position: relative;}
.otelfiyatsablon.otel .ozellikler li a .left-icon {width: 15px;}
.otelfiyatsablon.otel .ozellikler li a .right-icon {text-align: right;right: 0;position: absolute;top: 4px;}

.otelfiyatsablon.otel .title {font-size: 13px;color: #006398;font-weight: 600; margin-bottom:10px;}
.otelfiyatsablon.otel .fiyat .new {color: #5cb85c;}
.otelfiyatsablon.otel .note{font-size: 12px;margin-bottom:5px;color: #ff8e4a}
.otelfiyatsablon.otel .note .otelmusaitdegil{color: #d93e4c !important;}
.taksittablobaslik {font-size: 21px;}


.boxes {display: flex;flex-direction: row;align-items: start;}
.boxes .col {justify-content: center;display: flex;flex-direction: column;width: 25%;align-items: center;text-align: center;}
.boxes .col .title {font-family: 'Baloo Bhaijaan 2', cursive !important;font-weight: bold;text-transform: uppercase;font-size: 16px;line-height: 16px;display: inline-block;padding-top: 3px;}
.boxes .col p {font-size: 14px;font-weight: normal;line-height: normal;font-weight: 200;font-family: 'Nunito', sans-serif !important;}
.boxes .col .icon img {width: auto;}

@media(max-width: 768px) {
    .boxes {display: block;}
    .boxes .col {float: left;width: 50%;}
    .boxes .col p {height: 54px;}
}
@media(max-width: 480px) {
    .boxes {display: block;}
    .boxes .col {float: left;width: 100%;}
    .boxes .col p {height: auto;}
}

.hotel-box {background: #fff;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);margin-bottom: 15px;border: 4px solid transparent;padding: 7px;}
.hotel-box:hover {border: 4px solid #ff670085;}
.hotel-box .row {display: flex;}
.hotel-box .image {position: relative;}
.hotel-box .image img {height: 225px;}
.hotel-box .image .recomended {position: absolute;background: #e40d19;color: #fff !important;left: -7px;border-radius: 4px;font-size: 11px!important;padding: 3px !important;top: 7px;font-weight: normal !important;}
.hotel-box .content {position: relative;border-right: 1.5px solid #00000020;border-right-style: dotted;height: 100%;}
.hotel-box .content:before,
.hotel-box .content:after {content: "";position: absolute;width: 10px;height: 10px;border-radius: 100%;}
.hotel-box .content:before {background: #f7f9fc;top: -12px;right: -7px;}
.hotel-box .content:after {background: #f7f9fc;bottom: -12px;right: -7px;}
/*.hotel-box:hover .content:before,
.hotel-box:hover .content:after {background: #ff670085;}*/
.hotel-box .content h4 {font-weight: bold; margin: 0 0 5px;}
.hotel-box .content .yer,
.hotel-box .content .consept,
.hotel-box .content .yildiz,
.hotel-box .content .kampanya,
.hotel-box .content .badgewrap,
.hotel-box .content .ozellik {display: block;line-height: normal;}
.hotel-box .content .yildiz {margin-bottom: 7px;float: none;color: #000;}
.hotel-box .content .yer i {color: #f22;}
.hotel-box .content .consept i {}
.hotel-box .content .badgewrap {margin-top: 5px;margin-bottom: 5px;}
.hotel-box .content .badges {font-weight: bold;padding: 3px 8px;background-color: #fff!important;border: 1px solid #c2f2c9!important;color: #34d74e!important;display: inline-block;font-size: 10px;border-radius: 4px;}
.hotel-box .content .badges:empty {display: none;}

.hotel-box .content .yer,
.hotel-box .content .consept {font-size: 12px;}

.hotel-box .content .recomended {font-size: 11px !important;color: #4caf50 !important;border-color: #4caf50;}

.hotel-box .content .otelpara {line-height: normal;font-weight: bold;padding: 3px 8px;background-color: #fff!important;border: 1px solid #ff6700!important;color: #ff6700!important;display: inline-block;font-size: 10px;border-radius: 4px;margin: 3px 0px;}
.hotel-box .content .otelpara:empty {display: none;}


.hotel-box .prices-wrap {position: relative;height: 100%;align-items: center;display: flex;flex-direction: column;justify-content: space-between;}
.hotel-box .no-pl {padding-left: 0;}
.rez-yap {background-image: linear-gradient(270deg, #FFA900 26.8%, #FF5C00 86.98%);display: block;padding: 8px 8px;color: #fff !important;font-weight: bold;border-radius: 5px;font-size: 12px;text-align: center;}
.hotel-box .prices-wrap .brut {font-size: 13px;text-decoration: line-through;font-weight: 600;}
.hotel-box .prices-wrap .fiyat {font-weight: bold;font-size: 18px;color: #8bc34a;text-align: center;line-height: initial;}
.hotel-box .prices-wrap .indirimorancssana {background: #e40d19;color: #fff;padding: 4px 8px;border-radius: 20px;font-size: 11px;font-weight: 600;line-height: normal;width: fit-content;}

.otel-liste-tarihsec {text-align: center;}
.otel-liste-tarihsec span {display: block;font-size: 11px;color: #61656e;font-weight: normal;margin-bottom: 4px;margin-top: 5px;line-height: normal;}
.otel-liste-tarihsec a.tarihsec-btn {display: inline-block;padding: 2px 10px;line-height: normal; border-radius: 4px;border: 1px solid #e40d19;color: #e40d19;text-transform: uppercase;margin-bottom: 0px;font-size: 12px;}

.hotel-box .prices-wrap > div {display: contents;}
.hotel-box .prices-wrap small.person {text-align:center; margin-bottom: 5px;margin-top: 5px;font-size: 12px;line-height: normal;display: inline-block;background-color: #EFEFEF;padding: 5px;position: relative;color: #333;border-radius: 8px;font-weight: normal;}
.hotel-box .prices-wrap small.person:empty {display: none !important;}

.hotel-box .prices-wrap .score {font-size: 12px;}
.hotel-box .prices-wrap .score .otelpuan {line-height: normal;background: #4caf50b8; padding: 3px 5px; border-radius: 5px; color:#fff; font-size: 12px; font-weight:600;width: auto;}

.otelkat-baslik {width: 100%;padding: 17px 15px;border-bottom: 1px solid #EFEFEF;background: #e1dfdf;color: #f22;margin-bottom: 0;}

@media (max-width: 768px) {
    .hotel-box .row {display: block;}
    .hotel-box .image {margin-bottom: 10px;}
    .hotel-box .image img {width: 100%;}
    .hotel-box .prices-wrap {flex-direction: row;justify-content: space-between;}
    .hotel-box .prices-wrap > div {display: inline-block;width: auto;}
    .hotel-box .content:before,
    .hotel-box .content:after {display: none;}
    .hotel-box .content {border-right: 0px;}
    .hotel-box .no-pl {padding-left: 15px;}
}

/*.sag-sol-cizgi {border-right: 5px solid #f22;border-left: 5px solid #f22;font-size: inherit !important;color: inherit !important;font-weight: 600 !important;display: inline-block !important;padding: 0 5px;;}
*/
.ust-alt-cizgi {border-top: 5px solid #f22;border-bottom: 5px solid #f22;font-size: inherit !important;color: inherit !important;font-weight: 600 !important;display: inline-block !important;padding: 5px 5px;;}
.sag-sol-cizgi {font-size: inherit !important;color: inherit !important;font-weight: 600 !important;font-family: 'Nunito', sans-serif !important;}
/*.sag-sol-cizgi:before {position: absolute;left: 7%;width: 30%;height: 5px;background: #f22;content: "";top: calc(50% - 4px);}
.sag-sol-cizgi:after {position: absolute;right: 7%;width: 30%;height: 5px;background: #f22;content: "";top: calc(50% - 4px);}*/


.sag-sol-cizgi2 {font-size: inherit !important;color: inherit !important;font-weight: 600 !important;position: relative;font-family: 'Nunito', sans-serif !important;}
/*.sag-sol-cizgi2:before {position: absolute;left: 7%;width: 27%;height: 5px;background: #f22;content: "";top: calc(50% - 2px);}
.sag-sol-cizgi2:after {position: absolute;right: 7%;width: 27%;height: 5px;background: #f22;content: "";top: calc(50% - 2px);}
*/
.headline_part.centered {font-family: 'Nunito', sans-serif !important;}

.mainSlider {}
.mainSlider ul {margin: 0;padding: 0;}
.mainSlider,
.mainSlider img {border-radius: 10px;object-fit: cover;}
.slick-prev,
.slick-next {transform: none;}

.randomHotelTitle {background: #153242;color: #fff;padding: 8px 16px;font-size: 17px;font-weight: bold;line-height: normal;margin-bottom: 10px;}
.randomHotel {display: flex;align-items: center;padding: 7px;background: #fff;border-radius: 0px;margin-bottom: 5px;border: 1px solid #153242;border-left: 4px solid #153242;}
.randomHotel .image {width: 45%;}
.randomHotel .content {padding: 0 15px;}
.randomHotel .content p {font-size: 12px;line-height: normal;margin: 0;}
@media(min-width: 1240px) { .randomHotel .content p {font-size: 14px;} }

@media(max-width: 768px) {
    .mainSlider {margin-bottom: 15px;}
}

.room-suggestion .card:first-child {margin-top: 10px;}
.room-suggestion .card {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px #c7c7c7;
    margin-bottom: 5px;
}
.perfect-match-room .room-image {
    margin-bottom: 8px ;
    padding: 0px;
}
.perfect-match-room .room-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 185px;
    max-height: 185px;
}
.room-suggestion .card .conditions {
padding: 0px 10px 5px;
    position: relative;
}
.perfect-match-room .conditions h5 {
    font-family: 'Nunito', sans-serif !important;
    margin: 4px 0 8px;
    font-size: 18px;
    height: 50px;
    font-weight: 700;
    color: #363b44;
}
.perfect-match-room .conditions ul {
    list-style: none;
    padding: 0;
}
.room-suggestion .card .conditions li {
    width: auto;
}
.room-suggestion .card .conditions sub {top: -0.65em;}
.perfect-match-room .badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding:0px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 5px;
}
.perfect-match-room .badge i {margin-right: 3px;}
.badge-outline-success {
    background-color: #fff!important;
    border: 1px solid #c2f2c9!important;
    color: #34d74e!important;
}
.perfect-match-room p {margin: 0;position: relative;font-size: 14px;}

.room-suggestion .price {
    text-align: center;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.room-suggestion .price b span {
    font-size: 22px;
    font-weight: 700;
    margin: 8px 0 6px;
}
.room-suggestion .price .old {font-size: 15px;text-decoration: line-through;}
.room-suggestion .link a {display: block;padding: 7px;text-align: center;background: #55ad3b;border-radius: 6px;color: #fff;transition: ease-in all 350ms;font-size: 14px;font-weight: 600;cursor: pointer;}
.room-suggestion .link a:hover {background: #42872e;}
.room-suggestion .indirimoran {display: inline-block;background: #ff9800;padding: 0px 10px 0px 25px;border-radius: 5px;color: #fff;position: relative;}
.room-suggestion .indirimoran:before {position: absolute;left: 5px;top: 7px;content: "\f02c";font: normal normal normal 14px/1 FontAwesome!important;}
.room-suggestion .odadetaylibilgi {color: #33c1ea!important;font-weight: 600;}
.otelmusaitdegil {color: #f22;}

.maparea {position: relative;height: 108px;border: 8px solid #fff;background-color: #fff;background-image: url('../images//map-bg.jpg');background-size: contain;align-items: center;display: flex;justify-content: center;}
.maparea .shower {padding: 2px 8px;background: #ff6700;color: #fff;font-size: 13px;border-radius: 5px;cursor: pointer;}

.share-dropdown {display: none;position: absolute;right: 0;width: 100px;padding: 10px;background: #fff;border-radius: 3px;box-shadow: 0px 2px 5px rgba(0,0,0,0.23);}
.share-dropdown:before {display: block;content: "";position: absolute;right: 0;top: -10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;}
.share-dropdown.active {display: block;}

.sehirler1,.sehirler2,.sehirler3 {color: #000;font-weight: bold;}
.oteller1,.oteller2,.oteller3 {color: #2196f3;font-weight: bold;}

.bread a,
.bread span {font-size: 13px;color: #888;}
.bread .ayirici {color: #f22 !important;}
.bread .active {color: #000 !important;}
.bread > span.ayirici:nth-last-child(2) {display: none;}

.sharebtns {background: #fff;width: 35px !important;height: 35px;line-height: 35px;text-align: center;font-size: 20px!important;border: 1px solid;border-radius: 100%;}
.favori-icon.relative.sharebtns {background: #fff;width: 35px !important;height: 35px;line-height: 35px;text-align: center;font-size: 20px!important;border: 1px solid;border-radius: 100%;}

#footer {color: #fff;}
#footer:before {display: none;}
.utf_cta_area2_block .utf_subscribe_block {background-color: #ff6700;}
.section-heading .utf_sec_meta {color: #fff;}
#footer h4:after {background-color: #ff6700;}
#footer .social_footer_link li a {color: #fff;}
#footer a.button.border:hover {background: #fff !important;color: #000 !important;}
#copyright{background: #efefef;padding: 10px 0px;}
#copyright .footer_copyright_part{text-align: start;}
#copyright .footer_copyright_part span{color:#ff6700; padding: 0px 5px; font-weight: 600;}
.pop-bolge ul {list-style: none;margin: 0;padding: 0;}
.pop-bolge ul li {display: inline-block;width: calc(100%/5);}
.pop-bolge ul li a {display: block;padding: 2px 0px;color: #fff;font-size: 13px;line-height: normal;}

.fiyatHesaplaWrapper {position: relative;width: 100%;padding: 20px;background: #484746;margin-bottom: 15px;}
.fiyatHesaplaWrapper.fixed {position: fixed;top: 0px;width: 100%;z-index: 99;}
.fiyatHesaplaWrapper .utf_box_widget {background: #fff;padding: 7px 7px 7px 15px;border: 0;box-shadow: none;border-radius: 30px;}
.fiyatHesaplaWrapper .row.with-forms {margin-left: -5px;margin-right: -10px;}
.fiyatHesaplaWrapper .utf_box_widget .row > div {border-right: 1px solid #eee;}
.fiyatHesaplaWrapper .utf_box_widget .row > div:nth-child(3) {border-right: 0;}
.fiyatHesaplaWrapper .utf_box_widget .row > div:last-child {border-right: 0;}
.fiyatHesaplaWrapper label {line-height: normal;font-size: 13px;font-weight: bold;}
.fiyatHesaplaWrapper input {height: 30px;line-height: 30px;padding: 0 !important;border: 0 !important;margin-bottom: 0 !important;box-shadow: none !important;font-size: 14px;color: #000;font-weight: 600;}
.fiyatHesaplaWrapper .person-total {height: 30px;line-height: 30px;padding: 0 !important;border: 0 !important;margin-bottom: 0 !important;box-shadow: none !important;font-size: 14px;color: #000 !important;font-weight: 600}
.fiyatHesaplaWrapper a.button {padding: 9px 20px;display: block;border-radius: 30px;}

.sizi-arayalim {cursor: pointer;position: relative;text-align: center;font-size: 14px;display: block;vertical-align: middle;margin-top: 4px;padding: 0px 20px;border-radius: 6px;height: 40px;line-height: 40px;background: transparent;border: 1px solid #ff6700;color: #ff6700;font-weight: 600;transition: all 150ms ease-in-out;}
.sizi-arayalim:hover {background: #ff6700;color: #fff;text-decoration: none;}

.odaTalepEt {padding: 20px 20px;background: #fff;border-radius: 4px;border: 1px solid #f2f2f2;}
.odaTalepEtBaslik {color: red;font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.odaTalepEtAciklama {font-size: 14px;text-align: center;margin-bottom: 10px;}
.odaTalepEtButon {text-align: center;}
.odaTalepEtBaslikSiziArayalim {display: inline-block;width: auto;}

.social-media {list-style: none;margin: 0;padding: 0;}
.social-media li {display: inline-block;margin-right: 5px;}
.social-media li a {font-size: 28px;}

.coin-wrap {background-color: #fff!important;margin: 3px 0px;}
.coin {margin-right: 5px;max-width: 25px;height: auto;background: #fff;}
.coin-wrap span {line-height: normal;margin: 0 !important;padding: 0;line-height: normal;font-weight: bold;padding: 3px 8px;border: 1px solid #ff6700!important;color: #ff6700!important;display: inline-block;font-size: 10px;border-radius: 4px;}

.contact-form h3 {font-size: 15px;border-bottom: 2px solid #e8e8e8;padding-bottom: 10px;width: auto;display: inline-block;padding-right: 25px;}
.contact-form  textarea,
.contact-form  input,
.contact-form  select {background: transparent;border: 2px solid #e8e8e8;height: 50px;line-height: 50px;padding: 0 10px;width: 100%;margin-bottom: 15px;font-size: 14px;}
.contact-form  textarea {height: auto !important;}
.contact-form .send {width: 100%;height: 50px;background: #ff6700;border: 2px solid #ff6700;color: #fff;transition: ease-in-out all 400ms;font-size: 14px;}
.contact-form .send:hover {background: #fff;color: #ff6700;}

@media(max-width: 768px) {
    body {overflow-x: hidden;}
    .ebulten .row {display: block !important;}
    .ebulten .row.m0 {margin: 0;}
    .ebulten button {margin-bottom: 10px; margin-left:0px !important}
    .pop-bolge ul li {width: 50%;}
    .mobileapp {display: none;}
    .sag-sol-cizgi:before,
    .sag-sol-cizgi:after {display: none;}
    .sag-sol-cizgi2:before,
    .sag-sol-cizgi2:after {display: none;}
    .mainSlider, .mainSlider img {height: auto;}
    .section-heading .utf_sec_title_item {font-size: 24px !important;}

    .varyokgenel {width: 100%;}
    .room-suggestion .card {display: block;}
    .room-suggestion .card .conditions {padding-left: 15px;}
    .fiyatHesaplaWrapper .utf_box_widget .row > div {border: 0;}
}

.popBolgeSlider .slick-prev {left: -30px;background: #ff6700;border-radius: 100%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.popBolgeSlider .slick-next {right: -30px;background: #ff6700;border-radius: 100%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.popBolgeSlider .slick-prev:before, 
.popBolgeSlider .slick-next:before {font-size: 15px;color: #fff !important;line-height: inherit !important;}

.popOtelSlider .slick-prev {left: -30px;background: #ff6700;border-radius: 100%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.popOtelSlider .slick-next {right: -30px;background: #ff6700;border-radius: 100%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.popOtelSlider .slick-prev:before, 
.popOtelSlider .slick-next:before {font-size: 15px;color: #fff !important;line-height: inherit !important;}

.secilmis-oteller {border: 1px solid #dbe0e5;border-radius: 8px;}
.secilmis-oteller .image {position: relative;}
.secilmis-oteller .content {padding: 10px 15px;background: #fff;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.secilmis-oteller .yildiz {width: 100%;color: #000;}
.secilmis-oteller .content h3 {font-size: 15px;font-weight: bold;margin: 5px 0px 5px;float: left;width: 100%;height: 33px;overflow: hidden;}
.secilmis-oteller .content .span {width: 100%;display: block;height: 28px;overflow: hidden;}
.secilmis-oteller .content .span i {color: #000;}
.secilmis-oteller .content .price {background: #ff6700;color: #fff;text-align: center;border-radius: 8px;padding: 5px;margin-top: 15px;}
.secilmis-oteller .image .indirimorancssana {position: absolute;left: 5px;top: 5px;background: #4caf50;color: #fff;padding: 5px 6px;border-radius: 8px;font-size: 12px;line-height: normal;}

.date-btn {position: relative;display: inline-block !important;padding: 3px 6px !important;font-size: 11px !important;border-radius: 4px;background: #fff;color: #3a739c !important;width: auto;border: 1px solid #29ade2;cursor: pointer;line-height: normal;}
.date-btn i {margin-left: 3px;}
.date-btn .other-dates {display:none;position: absolute;width: 100%;left: 0;top: 100%;margin-top: 0px;background: #fff;box-shadow: 0px 4px 5px rgba(0,0,0,0.35);border-radius: 5px;padding: 5px;z-index: 9;border: 1px solid #c7c7c7;color: #707070;font-size: 13px;transition: ease-in-out all 300ms;}
.date-btn .other-dates span {display: block;}
.date-btn .other-dates a {display: block;text-align: left;color: #3a739c;font-weight: bold;font-size: 12px;margin-top: 5px;}
.date-btn:hover .other-dates {display: block;}
.tur-aciklama {line-height: normal;margin-bottom: 5px;}

.kesinkalkislitur {
    font-size: 12px !important;
    color: #000000;
    border: 1px solid #67bdf0;
    padding: 3px 6px;
    background: #eef9fd;
    text-transform: capitalize;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
    width: auto;
    line-height: normal;
}
.tour-code {
    font-size: 12px;
    margin-left: 5px;
}
.tags {
}

.tags span {
    position: relative;
    display: inline-block;
    padding: 3px 8px 3px 8px;
    border-radius: 5px;
    background: #eef9fd;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #67bdf0;
    box-shadow: 0px 0px 2px #a0cbdb;
}

.tags span i {
    position: relative;
}

.tags span.plane i {
    color: #0C8D1D;
    margin-right: 5px;
}

.tags span.calendar i {
    color: #373DD4;
    margin-right: 5px;
}

.tags span.visa i {
    color: #FF0000;
    margin-right: 5px;
}

.tags span.location i {
    color: #ffb300;
    margin-right: 5px;
}

.tags span.route i {
    color: #777486;
    margin-right: 5px;
}
.dahil, .dahildegil {
    margin-bottom: 5px;
}

.dahil ul,.dahildegil ul {
    list-style: none;
    padding: 0;
    font-size: 1.4rem;
}

.dahil ul li:before {
    display: inline-block;
    color: #ff0077;
    margin-right: 5px;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.dahildegil ul li:before {
    display: inline-block;
    color: #ff0077;
    margin-right: 5px;
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.fiyat_tablosu table tr:first-child {background: #454d55;color: #fff;}

.onerilen-tur-icon {position: absolute;top: 5px;left: 5px;background: #e40d19;border-radius: 4px;color: #fff;width: auto;display: inline-block;padding: 2px 6px;line-height: normal;}

.mainHeader {border-top: 2px solid #ff6700;}
.mainHeader .topbar{ min-height: 30px;background: #efefef;margin-bottom: 4px;text-align: center;}
.mainHeader .topbar:empty{display: none;}
.mainHeader .topbar p{line-height: 40px;}
.mainHeader .hr {border-bottom: 1px solid #ddd;}
.mainHeader .hr:first-child{padding-top: 10px;}


@media(max-width: 768px) {
    #logo {position: relative !important;width: 100% !important;margin-bottom: 4px !important;}
    .header_widget {height: auto !important;padding-top: 4px !important;}
}
#utf_listing_tags {
    position: relative;
    height: 220px;
    overflow: auto;
}
h4.headline_part.title-tab.margin-bottom-25 {
    width: 100%;
}
/* div#utf_listing_tags:after {
    content: "Daha Fazla Göster";
    position: absolute;
    bottom: 0;
    left: 0;
} */

.btn.readmore {
    position: absolute;
    top: 92%;
    /* z-index: 99999; */
    left: 1%;
}

.btn.readmore:before {
    content: "Daha Fazla Göster";
    color: #ff6700;
}
.btn.readmores::after {
    content: "Daha Az Göster";
    color: #ff6700;

}
.btn.readmore {
    position: absolute;
    top: 83%;
    /* z-index: 99999; */
    left: 3%;
    background: transparent;
    /* background-blend-mode: unset; */
    border: unset;
}
.readmores::before{
    content: unset !important;
}
.btn.readmores {
    position: absolute;
    top: 92%;
    left: 3%;
    background: transparent;
    border: unset;

}
.read {
    position: relative !important;
    height: 100% !important;
    overflow: visible !important;
}

#utf_listing_tags li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 5px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn-group-sm > .btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 5px;
}
.btn-info {
	color: #fff;
	background-color: #ff6700;
	border-color: #ff6700;
}
.headersag li {
    margin-right: 16px;
}

.headersag li:last-child {
    margin-right: unset;
}

#taksitalan tr, #taksitalan tr td {
    border: 0;
}

.taksittablobaslik {
    display: none;
}

.karttablo {
    border: 1px solid #ccc;
    padding: 1px;
    width: 99.5%;
}

.karttablo td {
    line-height: 20px;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid;
    font-size: 12px;
}

.karttablo td img {
    max-height: 35px;
}

.gri {
    background-color: #f2f3f4;
}

.karttablo .odd {
    background-color: #f2f3f4;
}

.karttablo .even {
}

.karttablo b {
}

#taksitdiv.fancybox-content {
    max-width: 90%;
    width: 500px;
    padding: 0px;
    max-height: 90%;
    height: 700px;
    overflow-y: auto;
    background-color: #ecf6f8;
}

#taksitdiv ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#taksitdiv .taksit_tablosu {
    background: #edf4fa;
    margin-bottom: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sol {
    display: inline-block;
    width: 80%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sag {
    display: none;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding-right: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik {
    background: #FFF;
    border-bottom: 1px solid #b4d9e9;
}

#taksitdiv .taksitsecenekleri {
    padding: 12px 20px;
    border-bottom: 1px solid #ff6600c0;
    background: #ff6700;
    font-weight: bold;
    color: #FFF;
}

#taksitdiv .taksitseceneklerikapat {
    display: none;
}

#taksitdiv .genel_taksit_tablosu {
    padding: 20px;
    background: #ecf6f8;
}

#taksitdiv .taksitler li {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    height: 25px;
}

#taksitdiv .taksitler .sutun1 {
    width: 20%;
}

#taksitdiv .taksitler .sutun2 {
    width: 40%;
}

#taksitdiv .taksitler .sutun3 {
    width: 40%;
}

#taksitdiv .taksitler .altbaslik li {
    border-right: 1px solid #e7f7fe;
    border-bottom: 1px solid #e7f7fe;
}

#taksitdiv .taksitler ul {
    background: #fff;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    border-left: 1px solid #e7f7fe;
}
.genel_taksit_tablosu img {
    width: 50%;
}
.otelfiyatsablon:hover {
    border-color: #ff6700;
    background: #ff66001a;
}
.otelfiyatsablon {
    background: #fff;
    position: relative;
    margin: 0 0 5px;
    padding:10px;
    border-radius: 6px;
    border: solid 1px #d9d9d9;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 8%);
    transition: all 150ms ease-in-out;
}

.turrezbuttonhata {
    display: inline-block;
    padding: 5px 10px;
    width: auto;
    background: #ff6700;
    border: 0;
    color: #fff;
    border-radius: 6px;
    float: right;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}
.turrezbutton {
    display: inline-block;
    padding: 5px 10px;
    width: auto;
    background: #4caf50;
    border: 0;
    color: #fff;
    border-radius: 6px;
    float: right;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}


.tour-content-box {
    float: left;
    width: 100%;
    padding: 20px 20px;
    background: #fff;
    margin: 20px auto;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    line-height: 1.4rem;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
    border-radius: 30px;
}

.tour-content-box .title {
    margin: 0 0 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.tour-content-box .title h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #ff6700;
}
.tour-content-box a {
    color: #ff6700;
}
div#turrezalan1 {
    margin-bottom: 15px;
}

.title-tab {
    display: flex;
    justify-content: space-between;
    background: transparent;
    align-items: center;
    margin-bottom: 15px;
    padding-left: 10px;
    color: #ff6700;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #ff6700;
}
.title-tab h4  {
    color: #ff6700;
    font-weight: 600;
}
.dahil > div:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: green;
    margin-right: 10px;
}
.dahildegil > div:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: red;
    margin-right: 10px;
}
.title-tab i {
    font-size: 20px;
    background: #ff6700;
    padding: 15px;
    color: white;
}
.content-info {
    background: #f9f9f9;
    padding: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: unset;
    width: 100%;
}
.content-info {
    display: none;
}
.turgunbaslik b {
    padding-left: 10px;
    color: #ff6700;
}
.turgunmetin {
    position: relative;
    padding-left: 40px;
}

.turbankaliste {
	background: #f9f9f9;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	text-align: left;
	position: relative;
    line-height : 28px;
    color : #707070;
    font-size: 14px;
	border-radius: 10px;
  padding:15px;
  margin-bottom: 15px;
}
.turbankaliste li {
    border-bottom: 1px solid #dbdbdb;
    list-style: disc;
}

.turbankaliste ul {
    padding-left: 11px;
}
.turbankaliste ul li{
    line-height : 28px;
    color : #707070;
    font-size: 14px;

}

.turbankataksitliste {
	display: flex;
	justify-content: space-around;
}

.turbankataksitliste .kartlogo {
	width: 100px;
	height: 40px;
	vertical-align: middle;
	display: inline;
}
.turbankataksitliste .kartlogo img {height: 30px; width: 100px;}
.turbankataksitliste .aciklama {font-size: 14px;font-weight: 600;line-height: 14px;margin-top: 5px;}
.turbankataksitliste .kartlink {font-size: 11px; line-height: 14px;}
.turbankataksitliste .kartlink a {color: #ff6700;}

.odemebaslik {
    background-color: #484746;
    color: #FFF;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: 15px;
}
.shadow.mb-10.hidden-xs {
    margin-top: 5px;
}
.shadow {
    position: relative;
    float: left;
    width: 100%;
}
.shadow:before {
    content: '';
    position: absolute;
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    background: rgba(255, 255, 255, 0.18);
    z-index: -1;
    border-radius: 4px;
}
.tool-btn {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    border: 1px solid #ff6700 !important;
    text-align: center;
    /* background: #18458b00; */
    color: #ff6700 !important;
    font-size: .75rem;
    border-radius: 6px;
    transition: all 150ms ease-in-out;
    font-size: 10px;
    cursor: pointer;
    padding-right: 40px;
    margin-bottom: 5px;
    font-weight: 600;
}
.tool-btn i {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    background: #ff6700;
    line-height: 35px;
    font-size: 1rem;
    color: white;
}
h2.headline_part, h3.headline_part {
    margin: 0 !important;
}
.otelfiyatsablon .info .baslik {
    font-weight: 700;
}
.turgunbaslik {
    font-weight: bold;
}
#share2 {position: absolute;right: 0;top: 100%;z-index: 999;}
#share2 .jssocials-share {margin: 0 0 0 2px;width: 100%;}
#share2 .jssocials-share-link {padding: 5px;font-size: 10px;border-radius:0;width: 100%;text-align: left;}

.white-popup-block {background: #FFF;padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;}
.white-popup-block input {width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border:  1px solid #ddd;margin-bottom: 15px;}
.white-popup-block button.send {display: inline-block;padding: 8px 30px;border: 0;margin-top: 15px;background: #4caf50;color: #fff;}
.mfp-close-btn-in .mfp-close {color: #fff;background: black;opacity: 1;top: -20px;right: -20px;border-radius: 100%;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: #000;
    font-weight: 700;
}
.font700, .font-bold {
    font-weight: 700 !important;
}
.tour-grid-item-01 ul.item-meta li {
    display: inline-block;
    position: relative;
    margin-right: 17px;
}
.tour-grid-item-01 ul.item-meta li:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 2px;
    right: -10px;
    width: 1px;
    background-color: #E1E1E1;
}
.tour-grid-item-01 ul.item-meta li:last-child::after {
    content: unset !important;

}
li.noborder {
    width: 100%;
}

figure.tour-grid-item-01 img {
    height: 160px;
    object-fit: cover;
    /* border-radius: 14px; */
    width: 100%;
}

#searchComplete {position: sticky;bottom: 0;width: 100%;border: 0;background: linear-gradient(270deg, #FFA900 26.8%, #FF5C00 86.98%);color: #fff;font-size: 1rem;font-weight: bold;height: 40px;}
.price-tab {
    margin-top: 15px;
}

.price-tab ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

.price-tab ul li {
    display: inline-block;
    margin-right: 5px;
}

.price-tab ul li a {
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    padding: 14px 18px;
    display: block;
    border-radius: 5px;
    color: #ff6700;
    box-shadow: 0 3px 3px rgb(0 0 0 / 3%);
    text-decoration: none;
    transition: ease-in-out all 350ms;
}

.price-tab ul li a:hover, .price-tab ul li a.active {
    background: #ff6700;
    color: #fff;
}

.priceCalculateTab {
    display: none;
}

.priceCalculateTab.opened {
    display: block;
}
.price-tab ul li {
    position: relative;
}
.firsatIcon {background: #4caf50;padding: 4px 7px;border-radius: 10px;font-size: 0.6rem;font-weight: bold;color: #fff;position: absolute;top: -12px;right: -20px;}
.firsatIcon:after {width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #4caf50;content: '';position: absolute;bottom: -5px;left: 25%;margin-left: -5px;}

.priceCalculate {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: solid 1px #eaeaea;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
}

.priceCalculate h3 {
    font-size: 18px;
    margin: 0px 0px 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.priceCalculate label {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px;
    width: 100%;
    color: #ff6700;
    padding: 0 10px;
}

.priceCalculate input[type="text"] {
    border: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 4px;
    outline: none;
    background: transparent;
    height: auto;
    line-height: normal;
    float: left;
}

.priceCalculate input#ktarih {
    cursor: pointer;
    border: 0;
    width: 100%;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 4px;
    background: transparent;
    display: block;
}

.priceCalculate .priceCalc-btn {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0px 10px;
    border-radius: 4px;
    height: 35px;
    border: 0;
    background: #18458b;
    color: #fff;
    transition: ease-in-out all 400ms;
    font-size: 12px;
    cursor: pointer;
}

.priceCalculate .priceCalc-btn:last-child {
    margin-right: 0;
}

.priceCalculate .priceCalc-btn:hover {
}

.priceCalculate .priceCalc-btn .icon {
    position: absolute;
    height: 100%;
    justify-content: center;
    width: 40px;
    background: #ff0077;
    top: 0;
    display: flex;
    right: 0;
    align-items: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 1rem;
}

.priceCalculate .priceCalcbtn {
    position: relative;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
    padding: 0px 15px;
    border-radius: 6px;
    height: 47px;
    line-height: 47px;
    background: transparent;
    border: 1px solid #ff6700;
    color: #ff6700;
    font-weight: 600;
    transition: all 150ms ease-in-out;
    text-transform: uppercase;
}

.priceCalculate .priceCalcbtn:hover {
    background: #ff6700;
    color: #fff;
}

.priceCalculate .shadow {
    position: relative;
    float: left;
    width: 100%;
    background: #f5f8fb;
    border: solid 1px #eaeaea;
    border-radius: 6px;
    display: flex;
    padding: 3px 0px;
}

.priceCalculate .shadow .icon {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 10px;
    font-size: 25px;
    color: #666;
}

.priceCalculate .shadow .cont {
    width: 100%;
    margin: 0px 0px 0px -10px;
}

@media (max-width: 768px) {
    .priceCalculate .shadow {
        margin-bottom:5px;
    }

    .shadow:last-child {
        margin-bottom: 5px !important;
    }

    .priceCalculate .priceCalcbtn {
        width: 100%;
    }
}

.priceCalculate .shadow2 {
    position: relative;
    float: left;
    width: auto;
    margin-right: 25px;
}

.priceCalculate .shadow2:last-child {
    margin-right: 0;
}

.priceCalculate .shadow2:before {
    content: '';
    position: absolute;
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    background: rgba(255,255,255,0.18);
    z-index: -1;
    border-radius: 4px;
}

.shadow {
    position: relative;
    float: left;
    width: 100%;
}

.shadow:before {
    content: '';
    position: absolute;
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    background: rgba(255,255,255,0.18);
    z-index: -1;
    border-radius: 4px;
}

.shadow:last-child {
    margin-bottom: 0;
}

.pasif {
    display: none;
}

.pasif.aktif {
    display: block;
}

.talep-wrap {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
}

.talep-btn {
    position: relative;
    display: inline-block;
    min-width: 150px;
    padding: 0px 10px;
    border-radius: 4px;
    border: 0;
    background: #18458b;
    color: #fff;
    transition: ease-in-out all 400ms;
    font-size: 12px;
    cursor: pointer;
}

.talep-btn:last-child {
    margin-right: 0;
}

.talep-btn:hover {
    color: #fff;
}

.talep-btn .icon {
    position: absolute;
    height: 100%;
    justify-content: center;
    width: 40px;
    background: #ff0077;
    top: 0;
    display: flex;
    right: 0;
    align-items: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 1rem;
}

.room_image_list #slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 380px;
    list-style: none;
}

.room_image_list #slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 380px;
    text-align: center;
    line-height: 380px;
}

.room-image-desc {
    border-top: 1px solid #CCC;
    padding-top: 15px;
}

.room-image-desc ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.room-info-popup-wrap {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    width: 600px;
    margin: 20px auto;
}
.tour-price-calc-wrap .container {
    position: relative;
}

.total-guest, .total-guest-ucak {
    background: transparent;
    position: relative;
    float: left;
    width: 100%;
    line-height: normal;
    font-size: 12px;
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.guest {
    position: absolute;
    width: 300px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    visibility: hidden;
    opacity: 0;
    z-index: 355;
    transition: all 250ms ease-in-out;
    margin-top: 14px;
    top: 100%;
}

.guest:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 200;
    border-color: rgba(136,183,213,0);
    border-bottom-color: white;
    border-width: 14px;
    margin-left: -14px;
    filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));
}

.guest.show {
    visibility: visible;
    opacity: 1;
}

.guest .rooms {
    padding: 10px;
}

.guest .actions {
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #EFEFEF;
    text-align: right;
}

.guest .actions .add-room, .guest .actions .closed {
    color: #ff6700;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
}

.guest .rooms {
    padding: 10px;
}

.guest .rooms .info-row {
    width: 100%;
    text-align: left;
    padding: 3px 0px 0px;
}

.guest .rooms .info-row .col {
    padding: 0px 10px !important;
}

.guest .rooms .info-row .col:first-child {
    min-width: 55px;
}

.guest .rooms .info-row .col span.room-number {
    width: 24px;
    line-height: 22px;
    height: 24px;
    color: #28374F;
    text-align: center;
    font-weight: 700;
    display: block;
    border: 1px solid #000;
    border-radius: 50%;
}

.guest .rooms .info-row .col label {
    color: #000;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: none;
    padding: 0px;
}

.guest .rooms .info-row .col select {
    width: 100%;
    height: 35px;
    padding: 0px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
}

.guest .rooms .info-row .col .remove-oda {
    line-height: 34px;
    height: 34px;
    border: 1px solid #ff3e3e;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #ff3e3e;
    font-weight: bold;
}

@media(max-width: 768px) {
    .guest {
        width: 98%;
        min-width: 98%;
        left: 1%;
    }
    div#utf_listing_tags {
        font-size: 12px;
    }

    .guest .rooms .info-row .col {
        display: inline-block;
        min-width: 33%;
        width: 33%;
        margin-right: -0.5px;
    }

    .guest .rooms .info-row .col:first-child {
        width: 100%;
    }

    .guest .rooms .info-row .col:first-child label {
        display: none;
    }

    .guest .rooms .info-row .col.remove-oda-wrap {
        width: 100%;
    }
}

.guest-ucak {
    position: absolute;
    min-width: 300px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    visibility: hidden;
    opacity: 0;
    z-index: 355;
    transition: all 250ms ease-in-out;
    margin-top: 14px;
    top: 100%;
}

.guest-ucak:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 200;
    border-color: rgba(136,183,213,0);
    border-bottom-color: white;
    border-width: 14px;
    margin-left: -14px;
    filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));
}

.guest-ucak.show {
    visibility: visible;
    opacity: 1;
}

.guest-ucak .rooms {
    padding: 10px;
}

.guest-ucak .actions {
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #EFEFEF;
    text-align: right;
}

.guest-ucak .actions .add-room, .guest-ucak .actions .closed {
    color: #ff6700;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
}

.guest-ucak .rooms {
    padding: 10px;
}

.guest-ucak .rooms .info-row {
    width: 100%;
    text-align: left;
    padding: 3px 0px 0px;
}

.guest-ucak .rooms .info-row .col {
    padding: 0px 10px !important;
}

.guest-ucak .rooms .info-row .col:first-child {
    min-width: 55px;
}

.guest-ucak .rooms .info-row .col span.room-number {
    width: 24px;
    line-height: 22px;
    height: 24px;
    color: #28374F;
    text-align: center;
    font-weight: 700;
    display: block;
    border: 1px solid #000;
    border-radius: 50%;
}

.guest-ucak .rooms .info-row .col label {
    color: #000;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: none;
    padding: 0px;
}

.guest-ucak .rooms .info-row .col select {
    width: 100%;
    height: 35px;
    padding: 0px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
}

.guest .rooms .info-row .col .remove-oda {
    line-height: 34px;
    height: 34px;
    border: 1px solid #ff3e3e;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #ff3e3e;
    font-weight: bold;
}
div#vize:has(> .content-info:empty) {
    display: none;
}

div#ekbilgi:has(> .ekbilgi .ekbilgi-content:empty) {
    display: none;
}