.collapseBaslik {padding: 10px;text-align: left;display: block;background: #28a9dc;color: #fff;border-radius: 8px;font-size: 12px;}
.collapseAlan {border: 1px solid #28a9dc;background: #fff;padding: 20px;margin-top: -6px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.indirimUyariBanner {display: block;background: #eef9fd;padding: 10px 20px;border-radius: 8px;color: #0a89bb;font-weight: 600;border: 1px solid #67bdf0;font-size: 12px;}
.hotel-list-reklam {padding: 0;margin: 10px 0px;}
.hotel-list-reklam img {max-width: 100%;height: auto;}
.hotel-list .hotel-box2 .image img {min-height: 190px;}
@media (max-width: 768px) {
    .hotel-list .hotel-box2 .image {
        height: 150px;
        margin-bottom: 10px;
    }
    .hotel-list .hotel-box2 .image img {height: 100%;min-height:unset;}
}

.search-inner {/*background: #f6f9fe;*/background: #00000085;}
/* .page-main.bg-grey-blue {background: #f6f9fe;} */
.search-inner .col-wrap {margin: 0 -3px;}
.search-inner .col-wrap > .col {margin: 0 3px;border: 0;border-radius: 6px;border-left: 4px solid #ff6700;}
.search-inner .col-wrap > .col:last-child {border-left: 0;}
.search-inner .col-wrap > .col-btns button {border-radius: 6px;background: #ff6700;height: auto;line-height: normal;}
.search-inner .col-wrap > .col-btns button:hover {background: #ff6700;}
.search-inner .col-wrap > .col .title {color: #29ADE2;}
.search-inner .col-wrap > .col .icon {color: #b7d3ec;}

.search-inner .col-wrap > .col .icon.right {display: none;}
.search-inner .col-wrap > .col-dates .column:first-child {border-right: 1px solid #ddd;}
.tour-cat-title span, .tour-cat-title h1 {font-weight: bold;}
span.aramaaciklama {font-weight: normal;display:block;margin-top:10px;line-height: 18px;}

/* .sort-wrapper {
    background: #ffffff;
    border: 0;
    padding: 7px;
    min-height: auto;
} */

#searchComplete {position: sticky;bottom: 0;width: 100%;border: 0;background: linear-gradient(270deg, #FFA900 26.8%, #FF5C00 86.98%);color: #fff;font-size: 12px;font-weight: bold;height: 40px;}
@media (max-width: 768px) {
    #searchComplete {display: none;}
    .collapseBaslik {font-size: 0.7rem;text-align: left;}
    .collapseAlan {font-size: 012px;text-align: left;}
    .sort-wrapper {background: transparent;padding: 0;}
}
#dynamicSort .tooltip {width: 600px !important;}
#dynamicSort .tooltip-inner {max-width: 100%;}

#search-inner.sticky {position: fixed;top: 0;z-index: 99;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* .filterBigTitle {font-size: 1.rem;color: #033067;font-weight: bold;} */
.bread .ayirici {font-size: 0;}
.bread .ayirici:after {content: "\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 11px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bread .active {font-size: 12px;}

.collapseBaslik.EkMetinAlani {background: #fff;color: #ce8d30;border: 1px solid;}
.EkMetinAlani.collapseAlan {border-color: #ce8d30;}
.collapseAlan,
.EkMetinAlani.collapseAlan,
.collapseAlan *,
.EkMetinAlani.collapseAlan * {font-size: 12px !important;}

.otelSolReklam {margin-top: 20px;}
.otelSolReklam ul {list-style: none;margin: 0;padding: 0;}
.otelSolReklam ul li {margin-bottom: 10px;}
.otelSolReklam ul li img, .otelSolReklam img {max-width: 100%;} 

.sss span {font-weight: 700; margin-bottom: 5px; font-size: 12px; display: block;}


.search-inner .col-wrap {
    position: relative;
    display: flex;
    width: 100%;
}
.search-inner .col-wrap .col-location {
    width: 30%;


}

.search-inner .col-wrap .col {
    min-height: 60px;
    display: inline-flex;
    font-size: 12px;
    vertical-align: top;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: all 250ms ease-in-out;
    background: white;
    padding: 8px 8px 8px 35px;
}
.search-inner .col-wrap .col .icon {
    position: absolute;
    left: 12px;
    top: 20px;
    font-size: 17px;
    color: #ff6700;
}
.search-inner .col-wrap .col .title {
    display: block;
    width: 100%;
    color: #ff6700;
    font-size: 12px;
    font-weight: 600;
}
.search-inner .col-wrap .col input {
    height: 60px;
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 10px 6px 35px;
    outline: none;
    font-size: 12px;
    font-weight: 600;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.search-inner .col-wrap .col .icon {
    position: absolute;
    left: 12px;
    top: 20px;
    font-size: 17px;
    color: #ff6700;
}

.search-inner .col-wrap .col-dates {
    width: 28%;
    padding: 0px;
}
.search-inner .col-wrap .col-dates .column {
    position: relative;
    width: 50%;
    display: inline-table;
    padding: 8px 8px 8px 35px;
    height: 60px;
}
.search-inner .col-wrap .col-guests {
    width: 28%;
    padding: 8px 8px 8px 40px;
}
.search-inner .col-wrap .col-btns {
    width: 15%;
    border-radius: 0px 6px 6px 0px;
    padding: 0;
}.search-inner .col-wrap .col-btns button {
    height: 60px;
    background: linear-gradient(270deg, #FFA900 26.8%, #FF5C00 86.98%);
    color: white;
    width: 100%;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px;
    border-radius: 0 6px 6px 0;
    transition: all 150ms ease-in-out;
    cursor: pointer;
}
.search-inner .col-wrap .col .person-total {
    height: 60px;
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 10px 6px 40px;
    outline: none;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 35px;
}
.search-inner {
    width: 100%;
    padding: 15px 0px;
 
}
section#app {
    margin-top: 30px;
}