/*OTEL+UCAK*/

.tour-price-calc-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 0px 15px;
}

.pattern-bg {
    background: url(../img/pattern.png) repeat;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.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: #1d2549;
    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: #2d2c2d;
    color: #fff;
}
.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: 10px;
    text-transform: uppercase;
    margin: 0px;
    width: 100%;
    color: #1d2549;
    padding: 0 10px;
    margin-left: 10px;
}

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

.priceCalculate input#ktarih {
    cursor: pointer;
    border: 0;
    width: 100%;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    padding: 0px 10px;
    /* font-size: 0.8rem; */
    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: #1d2549;
    color: #fff;
    transition: ease-in-out all 400ms;
    /* font-size: 0.8rem; */
    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: #1d2549;
    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: 1.1rem; */
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
    padding: 0px 15px;
    border-radius: 6px;
    height: 60px;
    line-height: 60px;
    background: transparent;
    border: 1px solid #1d2549;
    color: #1d2549;
    font-weight: 600;
    transition: all 150ms ease-in-out;
    text-transform: uppercase;
}

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

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

.priceCalculate .shadow .icon {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 10px;
    font-size: 20px;
    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;
}

.priceCalculateTab {
    display: none;
}

.priceCalculateTab.opened {
    display: block;
}
.tour-price-calc-wrap .container {
    position: relative;
}

.total-guest, .total-guest-ucak {
    margin-bottom: 0;
    padding: 0px 10px;
    outline: none;
    line-height: normal;
    float: left;
    margin-left: 10px;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    color: black;
}

.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: #1d2549;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.8rem;
}



.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: 0.8rem; */
}



@media(max-width: 768px) {
    .guest {
        width: 98%;
        min-width: 98%;
        left: 1%;
    }

    .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: #1d2549;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.8rem;
}

.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: 0.8rem; */
}

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

@media(max-width: 768px) {
    #tour-ship .gemifoto {
        grid-template-columns: repeat(2,1fr);
    }

    .guest-ucak {
        width: 98%;
        min-width: 98%;
        left: 1%;
    }

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

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

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

    .guest-ucak .rooms .info-row .col.remove-oda-wrap {
        width: 100%;
    }
}
body {overflow-x: hidden;}
#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;}
.konum {padding: 0;margin: 0;}
.konum iframe {border:0;overflow: hidden;}
.priceCalculate.ucak {margin-top: 10px;}
.priceCalculate.ucak input[type="text"] {cursor: inherit;}
/*#ucakWrapper {display: none;}
#ucakWrapper.active {display: block;}*/

#fiyat-hesapla.none {display: none;}
.flight-search-response .flight-box.oneway-flight.pasif {display: none;}
.flight-search-response .flight-box.return-flight.pasif {display: none !important;}
.flight-search-response .flight-box.return-flight.pasif.pasif2 {display: block !important;}
.datepickin *, .datepickout *, .konuklar * {cursor: pointer;}
.datepickinucak *, .datepickoutucak *, .konuklarucak * {cursor: pointer;}
.tour-tab a,
.price-tab a,
.priceCalcbtn {text-transform: uppercase;}
.price-tab ul li {position: relative;}
.firsatIcon {background: #1d2549;padding: 4px 7px;border-radius: 10px;
    /* font-size: 0.9rem; */
    font-weight: bold;color: #fff;position: absolute;top: -12px;right: -38px;z-index: 99;}
.firsatIcon:after {width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #1d2549;content: '';position: absolute;bottom: -5px;left: 25%;margin-left: -5px;}
.kisa-aciklama:empty {display: none;}
.kisa-aciklama {
    /* font-size: 0.8rem; */
    padding: 0 7px;margin-bottom: 5px;max-height: 55px;overflow-y: auto;}
.kisa-aciklama::-webkit-scrollbar {
  width: 6px;
}
.kisa-aciklama::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.kisa-aciklama::-webkit-scrollbar-thumb {
  background: #888; 
}
.kisa-aciklama::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.tour-infos .recomended {width: 100%;height: 40px;text-align: center;line-height: 34px;border-radius: 6px;}
.tour-infos .otelpuan span.point {display: inline-block;}
.tour-infos .otelpuan span.txt2 {
    font-size: 0.7em;
    display: inline-block;
}
.konaklama {margin-top: 0;}
.tour-infos .head {font-weight: 600;
    /* font-size: 0.9rem; */
    display:block;padding-bottom:5px;}

.canliDestek {display: flex;align-items: center;color: #fff;background-image: linear-gradient(to left, #1d2549, #e71e25);padding: 9px 15px 9px 14px;border-radius: 38px;box-shadow: 0 0 10px 0 #84694e;position: fixed;bottom: 21px;right: 70px;width: 105px;cursor: pointer;z-index: 9999999;}
.canliDestek .ikon {margin-right: 10px;}
.canliDestek span {line-height: 10px;font-size: 13px;}
.canliDestek .closeCanliDestek {position: absolute;top: -5px;right: 0px;width: 15px;height: 15px;display: inline-block;margin: 0;padding: 1px 3px;border-radius: 50%;border: 1px solid #ebf1fa;background-color: white;color: #9ca1ae;cursor: pointer;font-size: 10px;}
.bread {}

.onOdemeWrapper {margin: 5px 0 0;text-align: center;display: inline-block;width: 100%;}
.onOdemeWrapper span {background: #1d2549;padding: 15px;border-radius: 7px;color: #fff;display: inline-block;font-size: 0.9rem;}
.onOdemeWrapper span i {font-size: 14px;}
.onOdemeWrapper span button {background: transparent;text-decoration: underline;border: 0;}

@keyframes blinker {
    95% {opacity: .5;color: 289d00;}
}


@-webkit-keyframes come-in {
  0% {
    -webkit-transform: translatey(100px);
            transform: translatey(100px);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(-50px) scale(0.4);
            transform: translateX(-50px) scale(0.4);
  }
  70% {
    -webkit-transform: translateX(0px) scale(1.2);
            transform: translateX(0px) scale(1.2);
  }
  100% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
    opacity: 1;
  }
}
@keyframes come-in {
  0% {
    -webkit-transform: translatey(100px);
            transform: translatey(100px);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(-50px) scale(0.4);
            transform: translateX(-50px) scale(0.4);
  }
  70% {
    -webkit-transform: translateX(0px) scale(1.2);
            transform: translateX(0px) scale(1.2);
  }
  100% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
    opacity: 1;
  }
}

.floating-container {position: fixed;width: 170px;height: 50px;bottom: 70px;right: 10px;margin: 0;z-index: 999;}
.floating-container:hover {height: 300px;}
.floating-container:hover .floating-button {box-shadow: 0 10px 25px rgba(44, 179, 240, 0.6);-webkit-transform: translatey(5px);        transform: translatey(5px);-webkit-transition: all 0.3s;transition: all 0.3s;}
.floating-container:hover .element-container .float-element:nth-child(1) {-webkit-animation: come-in 0.4s forwards 0.2s;animation: come-in 0.4s forwards 0.2s;}
.floating-container:hover .element-container .float-element:nth-child(2) {-webkit-animation: come-in 0.4s forwards 0.4s;animation: come-in 0.4s forwards 0.4s;}
.floating-container:hover .element-container .float-element:nth-child(3) {-webkit-animation: come-in 0.4s forwards 0.6s;animation: come-in 0.4s forwards 0.6s;}
.floating-container:hover .element-container .float-element:nth-child(4) {-webkit-animation: come-in 0.4s forwards 0.6s;animation: come-in 0.4s forwards 0.6s;}
.floating-container .floating-button {position: absolute;width: 50px;height: 50px;background: #2cb3f0;bottom: 0;border-radius: 50%;right: 0;color: white;line-height: 50px;text-align: center;font-size: 23px;z-index: 100;box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}
.floating-container .float-element {cursor: pointer;text-decoration: none;position: relative;display: block;border-radius: 10px;width: 170px;height: 40px;margin: 15px auto;color: white;font-weight: 500;text-align: center;line-height: 40px;z-index: 0;opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
.floating-container .float-element:nth-child(1) {background: #42A5F5;box-shadow: 0 20px 20px -10px rgba(66, 165, 245, 0.5);}
.floating-container .float-element:nth-child(2) {background: #1d2549;box-shadow: 0 20px 20px -10px rgba(76, 175, 80, 0.5);}
.floating-container .float-element:nth-child(3) {background: #FF9800;box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);}
.floating-container .float-element:nth-child(4) {background: #1d2549;box-shadow: 0 20px 20px -10px rgba(76, 175, 80, 0.5);}


.otelfiyatsablon.bos .taksit {display: none !important;}

/*otel detay galeri*/
.button,.galleryGrid img,.rounded-4{border-radius:4px}.galleryGrid.-type-1{display:grid;grid-template-columns:0.52fr 0.24fr 0.24fr;grid-template-rows:1fr 1fr;gap:10px}.items-end{align-items:flex-end!important}.galleryGrid.-type-1>:first-child{grid-row:2 span}.galleryGrid__item{max-height:370px}.galleryGrid__item_r{max-height:180px}.relative{position:relative}.MPhoto,.absolute,.mFav,.mVideo,.mobilotelpuani{position:absolute}.d-flex{display:flex!important}.justify-end{justify-content:flex-end!important}.flex-center{display:flex;justify-content:center;align-items:center}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.button.-blue-1,.text-dark-1{color:#000}.size-40{flex-shrink:0;width:40px;height:40px}.bg-white{background-color:#fff!important}.text-16{font-size:var(--text-16)!important}.galleryGrid.-type-1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.h-full{height:100%!important}.px-10{padding-left:10px!important;padding-right:10px!important}.px-24{padding-left:24px!important;padding-right:24px!important}.px-20{padding-left:20px!important;padding-right:20px!important}.py-10{padding-top:10px!important;padding-bottom:10px!important}.py-15{padding-top:15px!important;padding-bottom:15px!important}.py-20{padding-top:20px!important;padding-bottom:20px!important}.col-12{flex:0 0 auto;width:100%}.button{display:flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center;line-height:1;font-size:.8rem;font-weight:500;border:1px solid transparent;transition:.3s cubic-bezier(.165, .84, .44, 1)}.rounded-full{border-radius:100%!important}.button.-blue-1:hover{border-color:#1d2549;background-color:#1d2549!important;color:#fff!important}.col-md-12.mobile{display:none}.col-md-12.mobile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;}@media (max-width:768px){.col-md-12.mobile{display:block;min-height:270px;}.col-md-12.desktop{display:none}}.col-md-12.desktop .favori-icon,.col-md-12.mobile .favori-icon{position:absolute;right:20px;top:10px;left:inherit!important}.col-md-12.desktop .favori-icon i,.col-md-12.mobile .favori-icon i{color:#000!important;font-size:inherit}.mFav{top:10px;right:20px}.mVideo{right:20px;top:55px}.MPhoto{right:10px;bottom:0}.mobilotelpuani{top:10px;left:20px;background:#fff;padding:3px 5px;border-radius:5px;color:#1d2549;font-size:14px;font-weight:600;text-align:center}.mobilotelpuani small{display:block;font-size:.6rem}



/*Materjelize.css sorunları*/
.select-wrapper.full-width.odakisi ul {
    display: none;
}
.select-wrapper.full-width.odakisi-ucak ul {
	display: none;
}
.select-wrapper.full-width.cocuksayisi ul {
    display: none;
}
.select-wrapper.full-width.cocuksayisi-ucak ul {
	display: none;
}
input.select-dropdown {
    display: none;
}
span.caret {
    display: none;
}
.fa-search:before {
    content: "\f002";
}
span.cocuk-total {
    font-size: 12px;
}